(function () { const existingApp = window.__siimplylocatorApp || window.__storepathApp; const existingLocations = window.SiimplyLocatorLocations || window.StorepathLocations; const existingAuth = window.SiimplyLocatorAuth || window.StorepathAuth; if ( existingApp && typeof existingApp.initializePageAuth === "function" && existingLocations && existingAuth ) { void existingApp.initializePageAuth(); return; } const LOCATION_STORAGE_KEY = "siimplylocator.locations"; const LEGACY_LOCATION_STORAGE_KEY = "storepath.locations"; const SESSION_STORAGE_KEY = "siimplylocator.session"; const LEGACY_SESSION_STORAGE_KEY = "storepath.session"; const DEV_TOOLS_TOKEN_STORAGE_KEY = "siimplylocator.dev_tools_token"; const EMBED_PUBLISH_ENDPOINT = "/api/publish-locations/"; const ACCOUNT_LOCATIONS_ENDPOINT = "/api/account-locations/"; const AUTH_SIGN_UP_ENDPOINT = "/api/auth/signup"; const AUTH_SIGN_IN_ENDPOINT = "/api/auth/signin"; const AUTH_PROVIDER_SIGN_IN_ENDPOINT = "/api/auth/provider-signin"; const AUTH_SESSION_ENDPOINT = "/api/auth/session"; const AUTH_SIGN_OUT_ENDPOINT = "/api/auth/signout"; const AUTH_SWITCH_ACCOUNT_ENDPOINT = "/api/auth/switch-account"; const BILLING_PORTAL_ENDPOINT = "/api/billing/portal"; const DEV_SUBSCRIPTION_TIER_ENDPOINT = "/api/dev/subscription-tier"; const WIDGET_SETTINGS_ENDPOINT = "/api/widget-settings"; const WIDGET_LIVE_STATUS_ENDPOINT = "/api/widget-live-status/"; const LOCATOR_ANALYTICS_ENDPOINT = "/api/locator-analytics/"; const DASHBOARD_ANALYTICS_DAY_WINDOW = 30; const WEEK_DAYS = [ "monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday", ]; const SOCIAL_LINK_KEYS = [ "facebook", "x", "instagram", "linkedin", "youtube", "tiktok", "pinterest", ]; const SUBSCRIPTION_TIER_ORDER = { free: 0, growth: 1, pro: 2, enterprise: 3, }; const FREE_LOCATION_LIMIT = 50; const FREE_MONTHLY_LOCATOR_VIEWS = 5000; const GROWTH_LOCATION_LIMIT = 250; const GROWTH_MONTHLY_LOCATOR_VIEWS = 25000; const PRO_LOCATION_LIMIT = 1000; const PRO_MONTHLY_LOCATOR_VIEWS = 100000; const DEV_SUBSCRIPTION_TIERS = ["free", "growth", "pro", "enterprise"]; const pendingAccountLocationDraftSaveChains = {}; const ACCOUNT_ROLE_PERMISSION_MAP = { owner: { "members.read": true, "members.manage": true, "billing.manage": true, "locations.read": true, "locations.write": true, "settings.read": true, "settings.write": true, "analytics.read": true, }, billing_admin: { "members.read": true, "billing.manage": true, "locations.read": true, "settings.read": true, "analytics.read": true, }, admin: { "members.read": true, "members.manage": true, "locations.read": true, "locations.write": true, "settings.read": true, "settings.write": true, "analytics.read": true, }, editor: { "members.read": true, "locations.read": true, "locations.write": true, "settings.read": true, "settings.write": true, "analytics.read": true, }, analyst: { "members.read": true, "locations.read": true, "settings.read": true, "analytics.read": true, }, viewer: { "locations.read": true, "settings.read": true, "analytics.read": true, }, }; function readString(value) { return String(value ?? "").trim(); } function getDevToolsToken() { try { const queryValue = readString(new URLSearchParams(window.location.search).get("dev_token")); if (queryValue) { window.localStorage.setItem(DEV_TOOLS_TOKEN_STORAGE_KEY, queryValue); return queryValue; } } catch (error) {} try { return readString(window.localStorage.getItem(DEV_TOOLS_TOKEN_STORAGE_KEY)); } catch (error) { return ""; } } function buildDevTierEndpointUrl() { const token = getDevToolsToken(); if (!token) return DEV_SUBSCRIPTION_TIER_ENDPOINT; try { const url = new URL(DEV_SUBSCRIPTION_TIER_ENDPOINT, window.location.origin); url.searchParams.set("token", token); return url.pathname + url.search; } catch (error) { return DEV_SUBSCRIPTION_TIER_ENDPOINT; } } function parseTags(tags) { if (Array.isArray(tags)) { return tags.map((tag) => readString(tag)).filter(Boolean); } if (typeof tags === "string") { return tags .split(",") .map((tag) => readString(tag)) .filter(Boolean); } return []; } function parseCustomFields(customFields) { if (Array.isArray(customFields)) { return customFields .map((customField) => { const safeField = customField && typeof customField === "object" ? customField : {}; return { label: readString( safeField.label ?? safeField.name ?? safeField.key ).slice(0, 64), value: readString( safeField.value ?? safeField.text ?? safeField.content ).slice(0, 256), }; }) .filter((customField) => customField.label && customField.value) .slice(0, 50); } if (customFields && typeof customFields === "object") { return Object.entries(customFields) .map(([label, value]) => { return { label: readString(label).slice(0, 64), value: readString(value).slice(0, 256), }; }) .filter((customField) => customField.label && customField.value) .slice(0, 50); } return []; } function parseStoreHours(storeHours) { const safeHours = {}; WEEK_DAYS.forEach((day) => { safeHours[day] = readString(storeHours && storeHours[day]); }); return safeHours; } function parseSocialLinks(socialLinks) { const safeLinks = {}; SOCIAL_LINK_KEYS.forEach((key) => { safeLinks[key] = readString(socialLinks && socialLinks[key]); }); return safeLinks; } function formatPhoneNumber(phone) { let digits = readString(phone).replace(/\D/g, ""); if (digits.length === 11 && digits.charAt(0) === "1") { digits = digits.slice(1); } digits = digits.slice(0, 10); if (!digits) return ""; if (digits.length < 4) return digits; if (digits.length < 7) return "(" + digits.slice(0, 3) + ") " + digits.slice(3); return ( "(" + digits.slice(0, 3) + ") " + digits.slice(3, 6) + "-" + digits.slice(6, 10) ); } function buildAddressFromParts(addressParts) { return [ readString(addressParts && addressParts.addressLine1), readString(addressParts && addressParts.addressLine2), readString(addressParts && addressParts.city), readString(addressParts && addressParts.stateProvince), readString(addressParts && addressParts.postalCode), readString(addressParts && addressParts.country), ] .filter(Boolean) .join(", "); } function buildLegacyAddress(location) { const stateProvince = readString( location && (location.stateProvince || location.state || location.province || location.region) ); return [ readString(location && location.addressLine1), readString(location && location.city), stateProvince, readString(location && location.postalCode), readString(location && location.country), ] .filter(Boolean) .join(", "); } function parseAddressFields(location) { const addressLine1 = readString(location && location.addressLine1); const addressLine2 = readString(location && location.addressLine2); const city = readString(location && location.city); const stateProvince = readString( location && (location.stateProvince || location.state || location.province || location.region) ); const postalCode = readString( location && (location.postalCode || location.zipCode || location.zip) ); const country = readString(location && location.country); const addressFromParts = buildAddressFromParts({ addressLine1: addressLine1, addressLine2: addressLine2, city: city, stateProvince: stateProvince, postalCode: postalCode, country: country, }); const fallbackAddress = readString(location && location.address) || buildLegacyAddress(location); const address = addressFromParts || fallbackAddress; return { addressLine1: addressLine1 || (address && !addressFromParts ? address : ""), addressLine2: addressLine2, city: city, stateProvince: stateProvince, postalCode: postalCode, country: country, address: address, }; } function parseBooleanWithDefault(value, fallback) { if (typeof value === "boolean") return value; const normalized = readString(value).toLowerCase(); if (normalized === "true" || normalized === "1" || normalized === "yes" || normalized === "on") { return true; } if (normalized === "false" || normalized === "0" || normalized === "no" || normalized === "off") { return false; } return Boolean(fallback); } function parseFeaturedRank(value) { const parsed = Number(readString(value)); if (!Number.isFinite(parsed)) return 100; const rounded = Math.round(parsed); if (rounded < 1) return 1; if (rounded > 9999) return 9999; return rounded; } function parseFeaturedFields(location) { const safeLocation = location && typeof location === "object" ? location : {}; const isFeatured = parseBooleanWithDefault( safeLocation.isFeatured ?? safeLocation.featured ?? safeLocation.priorityEnabled, false ); if (!isFeatured) { return { isFeatured: false, featuredRank: 0, }; } return { isFeatured: true, featuredRank: parseFeaturedRank( safeLocation.featuredRank ?? safeLocation.priority ?? safeLocation.priorityOrder ?? safeLocation.rank ), }; } function enforceFeaturedFieldsForTier(location, tierValue) { const safeLocation = location && typeof location === "object" ? location : {}; if (!canUseFeaturedLocationOrderingForTier(tierValue)) { return { ...safeLocation, isFeatured: false, featuredRank: 0, }; } return safeLocation; } function canUseFeaturedLocationOrderingForTier(tierValue) { return hasSubscriptionAccess(tierValue, "pro"); } function parseLocation(location) { const featured = parseFeaturedFields(location); const parsedAddress = parseAddressFields(location); return { id: readString(location.id), name: readString(location.name), addressLine1: parsedAddress.addressLine1, addressLine2: parsedAddress.addressLine2, city: parsedAddress.city, stateProvince: parsedAddress.stateProvince, postalCode: parsedAddress.postalCode, country: parsedAddress.country, address: parsedAddress.address, phone: formatPhoneNumber(location.phone), email: readString(location.email), websiteUrl: readString(location.websiteUrl), storeHours: parseStoreHours(location.storeHours), tags: parseTags(location.tags), customFields: parseCustomFields(location.customFields), socialLinks: parseSocialLinks(location.socialLinks), status: location.status === "draft" ? "draft" : "published", latitude: readString(location.latitude ?? location.lat), longitude: readString(location.longitude ?? location.lng ?? location.lon), isFeatured: featured.isFeatured, featuredRank: featured.featuredRank, createdAt: readString(location.createdAt), updatedAt: readString(location.updatedAt), }; } function readJsonArray(key) { try { const raw = window.localStorage.getItem(key); if (!raw) return []; const parsed = JSON.parse(raw); return Array.isArray(parsed) ? parsed : []; } catch (error) { return []; } } function writeJsonArray(key, value) { const safeArray = Array.isArray(value) ? value : []; window.localStorage.setItem(key, JSON.stringify(safeArray)); } function getLocationStorageKey(accountId, prefix) { const normalizedId = String(accountId || "").trim(); const keyPrefix = readString(prefix) || LOCATION_STORAGE_KEY; if (!normalizedId) return keyPrefix; return keyPrefix + "." + normalizedId; } function getLegacyLocationStorageKey(accountId) { return getLocationStorageKey(accountId, LEGACY_LOCATION_STORAGE_KEY); } function getCurrentAccountId() { const session = getSession(); return session && session.accountId ? String(session.accountId) : ""; } function getCurrentSubscriptionProfile() { const session = getSession(); if (!session) { return resolveSubscriptionProfile("free", null); } return resolveSubscriptionProfile(session.subscriptionTier, session.subscription); } function migrateLegacyLocationsToAccount(accountId) { const normalizedId = String(accountId || "").trim(); if (!normalizedId) return; const scopedKey = getLocationStorageKey(normalizedId); const legacyScopedKey = getLegacyLocationStorageKey(normalizedId); const scopedLocations = readJsonArray(scopedKey); if (!scopedLocations.length) { const legacyScopedLocations = readJsonArray(legacyScopedKey) .map(parseLocation) .filter((location) => location.name); if (legacyScopedLocations.length) { writeJsonArray(scopedKey, legacyScopedLocations); } } const refreshedScopedLocations = readJsonArray(scopedKey); if (refreshedScopedLocations.length) { if (legacyScopedKey !== scopedKey) { window.localStorage.removeItem(legacyScopedKey); } return; } const legacyLocations = readJsonArray(LEGACY_LOCATION_STORAGE_KEY) .map(parseLocation) .filter((location) => location.name); if (!legacyLocations.length) return; writeJsonArray(scopedKey, legacyLocations); window.localStorage.removeItem(LEGACY_LOCATION_STORAGE_KEY); } function getLocations() { const accountId = getCurrentAccountId(); if (!accountId) return []; migrateLegacyLocationsToAccount(accountId); return readJsonArray(getLocationStorageKey(accountId)) .map(parseLocation) .filter((location) => location.name); } function saveLocations(locations) { const accountId = getCurrentAccountId(); if (!accountId) { return { ok: false, code: "missing_account", error: "Sign in required to save locations." }; } if (!hasCurrentAccountPermission("locations.write")) { return { ok: false, code: "forbidden", error: "Your role has view-only access for locations in this workspace.", }; } const subscriptionProfile = getCurrentSubscriptionProfile(); const normalized = Array.isArray(locations) ? locations .map(parseLocation) .map((location) => enforceFeaturedFieldsForTier(location, subscriptionProfile.tier)) : []; const maxLocations = Number(subscriptionProfile.limits.maxLocations); const currentLocations = readJsonArray(getLocationStorageKey(accountId)) .map(parseLocation) .filter((location) => location.name); const currentLocationCount = currentLocations.length; if (Number.isFinite(maxLocations) && maxLocations > 0 && normalized.length > maxLocations) { const canReduceOrMaintainOverLimit = currentLocationCount > maxLocations && normalized.length <= currentLocationCount; if (canReduceOrMaintainOverLimit) { writeJsonArray(getLocationStorageKey(accountId), normalized); writeJsonArray(getLegacyLocationStorageKey(accountId), normalized); queueAccountLocationsDraftSave(accountId, normalized); publishEmbedLocations(accountId, normalized); return { ok: true, count: normalized.length, overLimit: true, }; } return { ok: false, code: "location_limit_exceeded", error: `Plan limit reached. This account can save up to ${maxLocations} locations. ` + "Delete locations or upgrade to publish more.", limit: maxLocations, }; } writeJsonArray(getLocationStorageKey(accountId), normalized); writeJsonArray(getLegacyLocationStorageKey(accountId), normalized); queueAccountLocationsDraftSave(accountId, normalized); publishEmbedLocations(accountId, normalized); return { ok: true, count: normalized.length, }; } function buildPublishedLocationsSnapshot(locations) { return (Array.isArray(locations) ? locations : []) .map(parseLocation) .filter((location) => location.name) .filter((location) => location.status !== "draft") .map((location) => ({ id: readString(location.id), name: readString(location.name), addressLine1: readString(location.addressLine1), addressLine2: readString(location.addressLine2), city: readString(location.city), stateProvince: readString(location.stateProvince), postalCode: readString(location.postalCode), country: readString(location.country), address: readString(location.address), phone: readString(location.phone), email: readString(location.email), websiteUrl: readString(location.websiteUrl), tags: Array.isArray(location.tags) ? location.tags.map(readString).filter(Boolean) : [], customFields: parseCustomFields(location.customFields), socialLinks: parseSocialLinks(location.socialLinks), status: "published", latitude: readString(location.latitude), longitude: readString(location.longitude), isFeatured: Boolean(location.isFeatured), featuredRank: location.isFeatured ? parseFeaturedRank(location.featuredRank) : 0, })); } function publishEmbedLocations(accountId, locations) { const normalizedAccountId = readString(accountId); if (!normalizedAccountId) return; if (!window.fetch || typeof window.fetch !== "function") return; const payload = { accountId: normalizedAccountId, locations: buildPublishedLocationsSnapshot(locations), }; window .fetch(EMBED_PUBLISH_ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", }, body: JSON.stringify(payload), }) .catch(() => {}); } function normalizeLocationsForComparison(locations) { return (Array.isArray(locations) ? locations : []) .map(parseLocation) .filter((location) => location.name); } function areLocationsListsEqual(left, right) { try { return JSON.stringify(normalizeLocationsForComparison(left)) === JSON.stringify(normalizeLocationsForComparison(right)); } catch (error) { return false; } } async function persistAccountLocationsDrafts(accountId, locations) { const normalizedAccountId = readString(accountId); if (!normalizedAccountId) return false; if (!window.fetch || typeof window.fetch !== "function") return false; const snapshot = normalizeLocationsForComparison(locations); const payload = { locations: snapshot, }; try { const response = await window.fetch(ACCOUNT_LOCATIONS_ENDPOINT, { method: "PUT", credentials: "same-origin", headers: { "Content-Type": "application/json", Accept: "application/json", }, body: JSON.stringify(payload), }); if (!response.ok) return false; let responsePayload = null; try { responsePayload = await response.json(); } catch (error) { responsePayload = null; } const hydratedLocations = Array.isArray(responsePayload && responsePayload.locations) ? responsePayload.locations.map(parseLocation).filter((location) => location.name) : []; if (!hydratedLocations.length) { return true; } writeJsonArray(getLocationStorageKey(normalizedAccountId), hydratedLocations); writeJsonArray(getLegacyLocationStorageKey(normalizedAccountId), hydratedLocations); if (!areLocationsListsEqual(snapshot, hydratedLocations)) { dispatchLocationsSyncEvent(normalizedAccountId, "account-api-geocoded"); } publishEmbedLocations(normalizedAccountId, hydratedLocations); return true; } catch (error) { return false; } } function queueAccountLocationsDraftSave(accountId, locations) { const normalizedAccountId = readString(accountId); if (!normalizedAccountId) return; const snapshot = normalizeLocationsForComparison(locations); const previousChain = pendingAccountLocationDraftSaveChains[normalizedAccountId]; const nextChain = Promise.resolve(previousChain) .catch(() => {}) .then(() => persistAccountLocationsDrafts(normalizedAccountId, snapshot)) .catch(() => {}); pendingAccountLocationDraftSaveChains[normalizedAccountId] = nextChain; } function syncEmbedLocationsForCurrentAccount() { const accountId = getCurrentAccountId(); if (!accountId) return; const scopedLocations = readJsonArray(getLocationStorageKey(accountId)) .map(parseLocation) .filter((location) => location.name); publishEmbedLocations(accountId, scopedLocations); } function dispatchLocationsSyncEvent(accountId, source) { const detail = { accountId: readString(accountId), source: readString(source) || "unknown", }; ["siimplylocator:locations-sync", "storepath:locations-sync"].forEach((eventName) => { try { window.dispatchEvent(new CustomEvent(eventName, { detail })); } catch (error) { const event = document.createEvent("CustomEvent"); event.initCustomEvent(eventName, false, false, detail); window.dispatchEvent(event); } }); } async function hydrateSharedLocationsForCurrentAccount() { const accountId = getCurrentAccountId(); if (!accountId) return false; if (!window.fetch || typeof window.fetch !== "function") return false; migrateLegacyLocationsToAccount(accountId); const localKey = getLocationStorageKey(accountId); const existingScopedLocations = readJsonArray(localKey) .map(parseLocation) .filter((location) => location.name); try { const response = await window.fetch(ACCOUNT_LOCATIONS_ENDPOINT, { credentials: "same-origin", headers: { Accept: "application/json", }, }); if (!response.ok) return false; const payload = await response.json(); const payloadAccountId = readString(payload && payload.accountId); if (payloadAccountId && payloadAccountId !== accountId) { return false; } const source = readString(payload && payload.source).toLowerCase() === "draft" ? "draft" : "published"; const sharedLocations = Array.isArray(payload && payload.locations) ? payload.locations.map(parseLocation).filter((location) => location.name) : []; const hasDraftSnapshot = source === "draft" || Boolean(readString(payload && payload.draftUpdatedAt)); if (hasDraftSnapshot) { if (areLocationsListsEqual(existingScopedLocations, sharedLocations)) { return false; } writeJsonArray(localKey, sharedLocations); writeJsonArray(getLegacyLocationStorageKey(accountId), sharedLocations); publishEmbedLocations(accountId, sharedLocations); dispatchLocationsSyncEvent(accountId, "account-api-draft"); return true; } if (existingScopedLocations.length) { queueAccountLocationsDraftSave(accountId, existingScopedLocations); return false; } if (!sharedLocations.length) return false; writeJsonArray(localKey, sharedLocations); writeJsonArray(getLegacyLocationStorageKey(accountId), sharedLocations); dispatchLocationsSyncEvent(accountId, "account-api-published"); return true; } catch (error) { return false; } } function normalizeEmail(email) { return String(email || "").trim().toLowerCase(); } function isValidEmail(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(normalizeEmail(email)); } function normalizeProvider(provider) { const normalized = String(provider || "local").trim().toLowerCase(); if (normalized === "google" || normalized === "microsoft" || normalized === "shopify") { return normalized; } return "local"; } function normalizeAccountRole(role, fallbackAccountId) { const normalized = String(role || "").trim().toLowerCase(); if ( normalized === "owner" || normalized === "billing_admin" || normalized === "admin" || normalized === "editor" || normalized === "analyst" || normalized === "viewer" ) { return normalized; } return readString(fallbackAccountId) ? "editor" : "viewer"; } function formatAccountRoleLabel(role) { const normalized = normalizeAccountRole(role); if (normalized === "billing_admin") return "Billing Admin"; return normalized.charAt(0).toUpperCase() + normalized.slice(1); } function hasAccountPermissionForRole(role, permission) { const normalizedRole = normalizeAccountRole(role); const safePermission = readString(permission); if (!safePermission) return false; const rolePermissions = ACCOUNT_ROLE_PERMISSION_MAP[normalizedRole] || ACCOUNT_ROLE_PERMISSION_MAP.viewer || {}; return rolePermissions[safePermission] === true; } function hasCurrentAccountPermission(permission) { const session = getSession(); if (!session) return false; return hasAccountPermissionForRole(session.accountRole, permission); } function getCurrentAccountRole() { const session = getSession(); return normalizeAccountRole(session && session.accountRole, session && session.accountId); } function normalizeSubscriptionTier(tier) { const normalized = String(tier || "").trim().toLowerCase(); if (normalized === "growth") return "growth"; if (normalized === "pro") return "pro"; if (normalized === "enterprise") return "enterprise"; return "free"; } function normalizeSubscriptionLimits(value) { const safe = value && typeof value === "object" ? value : {}; const maxLocationsRaw = Number(readString(safe.maxLocations)); const maxLocations = Number.isFinite(maxLocationsRaw) && maxLocationsRaw > 0 ? Math.round(maxLocationsRaw) : null; const monthlyViewsRaw = Number(readString(safe.monthlyLocatorViews)); const monthlyLocatorViews = Number.isFinite(monthlyViewsRaw) && monthlyViewsRaw > 0 ? Math.round(monthlyViewsRaw) : null; return { maxLocations: maxLocations, monthlyLocatorViews: monthlyLocatorViews, }; } function resolveSubscriptionProfile(tier, limits) { const normalizedTier = normalizeSubscriptionTier(tier); const parsedLimits = normalizeSubscriptionLimits(limits); if (normalizedTier === "enterprise") { return { tier: "enterprise", limits: { maxLocations: parsedLimits.maxLocations, monthlyLocatorViews: parsedLimits.monthlyLocatorViews, }, }; } if (normalizedTier === "pro") { return { tier: "pro", limits: { maxLocations: parsedLimits.maxLocations !== null ? parsedLimits.maxLocations : PRO_LOCATION_LIMIT, monthlyLocatorViews: parsedLimits.monthlyLocatorViews !== null ? parsedLimits.monthlyLocatorViews : PRO_MONTHLY_LOCATOR_VIEWS, }, }; } if (normalizedTier === "growth") { return { tier: "growth", limits: { maxLocations: parsedLimits.maxLocations !== null ? parsedLimits.maxLocations : GROWTH_LOCATION_LIMIT, monthlyLocatorViews: parsedLimits.monthlyLocatorViews !== null ? parsedLimits.monthlyLocatorViews : GROWTH_MONTHLY_LOCATOR_VIEWS, }, }; } return { tier: "free", limits: { maxLocations: parsedLimits.maxLocations !== null ? parsedLimits.maxLocations : FREE_LOCATION_LIMIT, monthlyLocatorViews: parsedLimits.monthlyLocatorViews !== null ? parsedLimits.monthlyLocatorViews : FREE_MONTHLY_LOCATOR_VIEWS, }, }; } function hasSubscriptionAccess(currentTier, requiredTier) { const normalizedCurrentTier = normalizeSubscriptionTier(currentTier); const normalizedRequiredTier = normalizeSubscriptionTier(requiredTier); const currentRank = SUBSCRIPTION_TIER_ORDER[normalizedCurrentTier] ?? 0; const requiredRank = SUBSCRIPTION_TIER_ORDER[normalizedRequiredTier] ?? 0; return currentRank >= requiredRank; } function providerLabel(provider) { const normalized = normalizeProvider(provider); if (normalized === "google") return "Google"; if (normalized === "microsoft") return "Microsoft"; if (normalized === "shopify") return "Shopify"; return "Email"; } function buildDisplayName(name, email) { const cleanName = String(name || "").trim(); if (cleanName) return cleanName; const safeEmail = normalizeEmail(email); const beforeAt = safeEmail.split("@")[0] || "Merchant"; return beforeAt.replace(/[._-]/g, " "); } function parseWorkspaceSummary(workspace) { const safeWorkspace = workspace && typeof workspace === "object" ? workspace : null; if (!safeWorkspace) return null; const accountId = readString(safeWorkspace.accountId); if (!accountId) return null; const ownerEmail = normalizeEmail(safeWorkspace.ownerEmail); const accountName = buildDisplayName(safeWorkspace.accountName || safeWorkspace.name, ownerEmail || accountId) || "Workspace"; return { accountId: accountId, role: normalizeAccountRole(safeWorkspace.role, accountId), accountName: accountName, ownerEmail: ownerEmail, subscriptionTier: normalizeSubscriptionTier(safeWorkspace.subscriptionTier), }; } function parseSession(session) { const safeSession = session && typeof session === "object" ? session : null; if (!safeSession) return null; const accountId = readString(safeSession.accountId); const email = normalizeEmail(safeSession.email); if (!accountId || !email) return null; const subscriptionProfile = resolveSubscriptionProfile( safeSession.subscriptionTier, safeSession.subscription ); return { accountId: accountId, accountRole: normalizeAccountRole(safeSession.accountRole, accountId), name: buildDisplayName(safeSession.name, email), email: email, provider: normalizeProvider(safeSession.provider), subscriptionTier: subscriptionProfile.tier, subscription: subscriptionProfile.limits, workspaces: Array.isArray(safeSession.workspaces) ? safeSession.workspaces .map(parseWorkspaceSummary) .filter(Boolean) : [], signedInAt: readString(safeSession.signedInAt) || new Date().toISOString(), }; } function setSession(session) { const safeSession = parseSession(session); if (!safeSession) { clearSession(); return null; } window.localStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(safeSession)); window.localStorage.setItem(LEGACY_SESSION_STORAGE_KEY, JSON.stringify(safeSession)); emitSessionChangeEvent(safeSession); return safeSession; } function getSession() { try { const primaryRaw = window.localStorage.getItem(SESSION_STORAGE_KEY); if (primaryRaw) { return parseSession(JSON.parse(primaryRaw)); } const legacyRaw = window.localStorage.getItem(LEGACY_SESSION_STORAGE_KEY); if (!legacyRaw) return null; const legacySession = parseSession(JSON.parse(legacyRaw)); if (!legacySession) return null; window.localStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(legacySession)); return legacySession; } catch (error) { return null; } } function clearSession() { window.localStorage.removeItem(SESSION_STORAGE_KEY); window.localStorage.removeItem(LEGACY_SESSION_STORAGE_KEY); emitSessionChangeEvent(null); } function emitSessionChangeEvent(session) { if (typeof window.CustomEvent !== "function") return; const detail = { session: session || null, }; try { window.dispatchEvent( new window.CustomEvent("siimplylocator:session-change", { detail: detail, }) ); window.dispatchEvent( new window.CustomEvent("storepath:session-change", { detail: detail, }) ); } catch (error) {} } function toAccountFromSession(session) { const safeSession = parseSession(session); if (!safeSession) return null; return { id: safeSession.accountId, name: safeSession.name, email: safeSession.email, provider: safeSession.provider, subscriptionTier: safeSession.subscriptionTier, subscription: safeSession.subscription, }; } let sessionRefreshPromise = null; let devTierSwitcherAvailable = null; let devTierAvailabilityPromise = null; let devTierAvailabilityToken = ""; async function requestAuthJson(endpoint, payload) { if (!window.fetch || typeof window.fetch !== "function") { return { ok: false, error: "Your browser does not support network authentication." }; } try { const response = await window.fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", }, credentials: "same-origin", body: JSON.stringify(payload && typeof payload === "object" ? payload : {}), }); let data = {}; try { data = await response.json(); } catch (error) { data = {}; } if (!response.ok) { const apiError = readString(data && data.error); return { ok: false, error: apiError || "Authentication request failed.", status: response.status, }; } return { ok: true, data: data, status: response.status }; } catch (error) { return { ok: false, error: "Unable to reach authentication service." }; } } async function refreshSession(forceRefresh) { if (!window.fetch || typeof window.fetch !== "function") { return getSession(); } if (sessionRefreshPromise && forceRefresh !== true) { return sessionRefreshPromise; } sessionRefreshPromise = window .fetch(AUTH_SESSION_ENDPOINT, { method: "GET", headers: { Accept: "application/json", }, credentials: "same-origin", cache: "no-store", }) .then(async (response) => { let payload = {}; try { payload = await response.json(); } catch (error) { payload = {}; } if (!response.ok) { if (response.status === 401 || response.status === 400) { clearSession(); return null; } return getSession(); } const nextSession = setSession(payload && payload.session); if (!nextSession) { clearSession(); return null; } return nextSession; }) .catch(() => getSession()) .finally(() => { sessionRefreshPromise = null; }); return sessionRefreshPromise; } async function createAccount(input) { const name = buildDisplayName(input && input.name, input && input.email); const email = normalizeEmail(input && input.email); const password = String((input && input.password) || ""); if (!isValidEmail(email)) { return { ok: false, error: "Enter a valid email address." }; } if (password.length < 8) { return { ok: false, error: "Password must be at least 8 characters." }; } const result = await requestAuthJson(AUTH_SIGN_UP_ENDPOINT, { name: name, email: email, password: password, }); if (!result.ok) { return { ok: false, error: result.error || "Account creation failed." }; } const session = setSession(result.data && result.data.session); if (!session) { return { ok: false, error: "Account was created, but session could not be started." }; } return { ok: true, account: toAccountFromSession(session), session: session, }; } async function signInWithPassword(email, password) { const normalizedEmail = normalizeEmail(email); const rawPassword = String(password || ""); if (!isValidEmail(normalizedEmail) || !rawPassword) { return { ok: false, error: "Enter a valid email and password." }; } const result = await requestAuthJson(AUTH_SIGN_IN_ENDPOINT, { email: normalizedEmail, password: rawPassword, }); if (!result.ok) { return { ok: false, error: result.error || "Invalid email or password." }; } const session = setSession(result.data && result.data.session); if (!session) { return { ok: false, error: "Sign-in succeeded, but session could not be restored." }; } return { ok: true, account: toAccountFromSession(session), session: session, }; } async function signInWithProvider(provider, profile) { const normalizedProvider = normalizeProvider(provider); const requestedEmail = normalizeEmail(profile && profile.email); const requestedName = buildDisplayName(profile && profile.name, requestedEmail); if (!isValidEmail(requestedEmail)) { return { ok: false, error: "Provider sign-in needs a valid account email." }; } if (normalizedProvider === "local") { return { ok: false, error: "Select a supported provider." }; } const result = await requestAuthJson(AUTH_PROVIDER_SIGN_IN_ENDPOINT, { provider: normalizedProvider, email: requestedEmail, name: requestedName, }); if (!result.ok) { return { ok: false, error: result.error || "Provider sign-in failed." }; } const session = setSession(result.data && result.data.session); if (!session) { return { ok: false, error: "Provider sign-in succeeded, but session could not be restored." }; } return { ok: true, account: toAccountFromSession(session), session: session, }; } function getAccounts() { const session = getSession(); if (!session || !Array.isArray(session.workspaces)) return []; return session.workspaces.slice(); } async function switchWorkspace(accountId) { const safeAccountId = readString(accountId); if (!safeAccountId) { return { ok: false, error: "Select a valid workspace." }; } const currentSession = getSession(); if (!currentSession) { return { ok: false, error: "Sign in required." }; } if (readString(currentSession.accountId) === safeAccountId) { return { ok: true, session: currentSession, account: toAccountFromSession(currentSession) }; } const result = await requestAuthJson(AUTH_SWITCH_ACCOUNT_ENDPOINT, { accountId: safeAccountId, }); if (!result.ok) { return { ok: false, error: result.error || "Unable to switch workspace." }; } const session = setSession(result.data && result.data.session); if (!session) { return { ok: false, error: "Workspace switched, but session could not be restored." }; } return { ok: true, account: toAccountFromSession(session), session: session, }; } function isAuthenticated() { return Boolean(getSession()); } function buildRedirectPath() { return window.location.pathname + window.location.search + window.location.hash; } function requireAuth() { if (isAuthenticated()) return true; const redirect = encodeURIComponent(buildRedirectPath()); window.location.replace("/auth/?redirect=" + redirect); return false; } async function signOut(redirectPath) { clearSession(); if (window.fetch && typeof window.fetch === "function") { try { await window.fetch(AUTH_SIGN_OUT_ENDPOINT, { method: "POST", headers: { Accept: "application/json", }, credentials: "same-origin", }); } catch (error) {} } const destination = redirectPath || "/auth/?signed_out=1"; window.location.assign(destination); } async function openBillingPortal(buttonNode) { if (!window.fetch || typeof window.fetch !== "function") { window.alert("Your browser cannot open the billing portal right now."); return; } const button = buttonNode && buttonNode.nodeType === 1 ? buttonNode : null; const originalLabel = button ? button.textContent : ""; if (button) { button.disabled = true; button.setAttribute("aria-busy", "true"); button.textContent = "Opening..."; } try { const response = await window.fetch(BILLING_PORTAL_ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", }, credentials: "same-origin", cache: "no-store", body: JSON.stringify({ returnPath: buildRedirectPath(), }), }); let payload = {}; try { payload = await response.json(); } catch (error) { payload = {}; } if (response.status === 401 && readString(payload.signInUrl)) { window.location.assign(readString(payload.signInUrl)); return; } if (!response.ok || !readString(payload.url)) { const message = readString(payload.error) || "Unable to open billing portal."; window.alert(message); return; } window.location.assign(readString(payload.url)); } catch (error) { window.alert("Unable to open billing portal right now."); } finally { if (button) { button.disabled = false; button.removeAttribute("aria-busy"); button.textContent = originalLabel || "Manage billing"; } } } function getSessionMenuInsertBeforeNode(panel) { const safePanel = panel && panel.nodeType === 1 ? panel : null; if (!safePanel) return null; return ( safePanel.querySelector("[data-profile-settings-link]") || safePanel.querySelector("[data-team-members-link]") || safePanel.querySelector("[data-manage-billing]") || safePanel.querySelector("[data-sign-out]") || null ); } function ensureProfileSettingsMenuItem(panel) { const safePanel = panel && panel.nodeType === 1 ? panel : null; if (!safePanel) return null; let item = safePanel.querySelector("[data-profile-settings-link]"); if (item) return item; item = document.createElement("button"); item.type = "button"; item.className = "session-menu-item"; item.setAttribute("role", "menuitem"); item.setAttribute("data-profile-settings-link", "true"); item.textContent = "Profile settings"; const teamMembersButton = safePanel.querySelector("[data-team-members-link]"); const billingButton = safePanel.querySelector("[data-manage-billing]"); const signOutButton = safePanel.querySelector("[data-sign-out]"); const insertBeforeNode = teamMembersButton && teamMembersButton.parentNode === safePanel ? teamMembersButton : billingButton && billingButton.parentNode === safePanel ? billingButton : signOutButton && signOutButton.parentNode === safePanel ? signOutButton : null; if (insertBeforeNode) { safePanel.insertBefore(item, insertBeforeNode); } else { safePanel.appendChild(item); } return item; } function renderWorkspaceMenuItems(panel, session) { const safePanel = panel && panel.nodeType === 1 ? panel : null; if (!safePanel) return; safePanel.querySelectorAll("[data-workspace-menu-item]").forEach((node) => node.remove()); const workspaces = Array.isArray(session && session.workspaces) ? session.workspaces : []; if (workspaces.length < 2) return; const insertBeforeNode = getSessionMenuInsertBeforeNode(safePanel); workspaces.forEach((workspace) => { if (!workspace || !readString(workspace.accountId)) return; const item = document.createElement("button"); item.type = "button"; item.className = "session-menu-item"; item.setAttribute("role", "menuitem"); item.setAttribute("data-workspace-menu-item", "true"); item.setAttribute("data-workspace-account-id", readString(workspace.accountId)); const isActive = readString(session.accountId) === readString(workspace.accountId); const label = isActive ? "Current workspace: " + workspace.accountName : "Switch to " + workspace.accountName + " (" + formatAccountRoleLabel(workspace.role) + ")"; item.textContent = label; if (isActive) { item.disabled = true; item.setAttribute("aria-disabled", "true"); } if (insertBeforeNode && insertBeforeNode.parentNode === safePanel) { safePanel.insertBefore(item, insertBeforeNode); } else { safePanel.appendChild(item); } }); } function ensureTeamMembersMenuItem(panel) { const safePanel = panel && panel.nodeType === 1 ? panel : null; if (!safePanel) return null; let item = safePanel.querySelector("[data-team-members-link]"); if (item) return item; item = document.createElement("button"); item.type = "button"; item.className = "session-menu-item"; item.setAttribute("role", "menuitem"); item.setAttribute("data-team-members-link", "true"); item.textContent = "Team members"; const billingButton = safePanel.querySelector("[data-manage-billing]"); const signOutButton = safePanel.querySelector("[data-sign-out]"); if (billingButton && billingButton.parentNode === safePanel) { safePanel.insertBefore(item, billingButton); } else if (signOutButton && signOutButton.parentNode === safePanel) { safePanel.insertBefore(item, signOutButton); } else { safePanel.appendChild(item); } return item; } function hydrateAuthUi() { const session = getSession(); if (!session) return; document.querySelectorAll("[data-auth-name]").forEach((node) => { node.textContent = session.name || session.email; }); document.querySelectorAll("[data-auth-email]").forEach((node) => { node.textContent = session.email; }); document.querySelectorAll("[data-auth-provider]").forEach((node) => { node.textContent = providerLabel(session.provider); }); document.querySelectorAll("[data-sign-out]").forEach((node) => { if (node.dataset.boundSignOut === "true") return; node.dataset.boundSignOut = "true"; node.addEventListener("click", () => { const redirectPath = node.getAttribute("data-sign-out-redirect") || "/auth/?signed_out=1"; void signOut(redirectPath); }); }); document.querySelectorAll("[data-session-panel]").forEach((panel) => { renderWorkspaceMenuItems(panel, session); panel.querySelectorAll("[data-workspace-menu-item]").forEach((workspaceButton) => { if (workspaceButton.dataset.boundWorkspaceSwitch === "true") return; workspaceButton.dataset.boundWorkspaceSwitch = "true"; workspaceButton.addEventListener("click", async (event) => { event.preventDefault(); if (workspaceButton.disabled) return; const targetAccountId = workspaceButton.getAttribute("data-workspace-account-id") || ""; const result = await switchWorkspace(targetAccountId); if (!result.ok) { window.alert(result.error || "Unable to switch workspace."); return; } window.location.reload(); }); }); const profileSettingsButton = ensureProfileSettingsMenuItem(panel); if ( profileSettingsButton && profileSettingsButton.dataset.boundProfileSettingsLink !== "true" ) { profileSettingsButton.dataset.boundProfileSettingsLink = "true"; profileSettingsButton.addEventListener("click", (event) => { event.preventDefault(); window.location.assign("/locator-dashboard/profile/"); }); } const teamMembersButton = ensureTeamMembersMenuItem(panel); if (teamMembersButton && teamMembersButton.dataset.boundTeamMembersLink !== "true") { teamMembersButton.dataset.boundTeamMembersLink = "true"; teamMembersButton.addEventListener("click", (event) => { event.preventDefault(); window.location.assign("/locator-dashboard/team-members/"); }); } }); setupSessionMenus(); applyPermissionLocks(); void hydrateDevTierSwitcher(); } function setupSessionMenus() { document.querySelectorAll("[data-session-menu]").forEach((menu) => { if (menu.dataset.boundSessionMenu === "true") return; const toggle = menu.querySelector("[data-session-toggle]"); const panel = menu.querySelector("[data-session-panel]"); if (!toggle || !panel) return; const closeMenu = () => { menu.classList.remove("is-open"); toggle.setAttribute("aria-expanded", "false"); panel.hidden = true; }; const openMenu = () => { document.querySelectorAll("[data-session-menu].is-open").forEach((openMenuNode) => { if (openMenuNode === menu) return; const openToggle = openMenuNode.querySelector("[data-session-toggle]"); const openPanel = openMenuNode.querySelector("[data-session-panel]"); openMenuNode.classList.remove("is-open"); if (openToggle) openToggle.setAttribute("aria-expanded", "false"); if (openPanel) openPanel.hidden = true; }); menu.classList.add("is-open"); toggle.setAttribute("aria-expanded", "true"); panel.hidden = false; }; toggle.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); if (menu.classList.contains("is-open")) { closeMenu(); return; } openMenu(); }); document.addEventListener("click", (event) => { if (menu.contains(event.target)) return; closeMenu(); }); menu.addEventListener("keydown", (event) => { if (event.key !== "Escape") return; closeMenu(); toggle.focus(); }); menu.dataset.boundSessionMenu = "true"; closeMenu(); }); } function formatSubscriptionTierLabel(tier) { const normalizedTier = normalizeSubscriptionTier(tier); if (normalizedTier === "enterprise") return "Enterprise"; if (normalizedTier === "pro") return "Pro"; if (normalizedTier === "growth") return "Growth"; return "Free"; } async function checkDevTierSwitcherAvailability(forceRefresh) { if (!window.fetch || typeof window.fetch !== "function") { return false; } const currentToken = getDevToolsToken(); if (currentToken !== devTierAvailabilityToken) { devTierAvailabilityToken = currentToken; devTierSwitcherAvailable = null; } if (forceRefresh !== true && typeof devTierSwitcherAvailable === "boolean") { return devTierSwitcherAvailable; } if (devTierAvailabilityPromise && forceRefresh !== true) { return devTierAvailabilityPromise; } devTierAvailabilityPromise = window .fetch(buildDevTierEndpointUrl(), { method: "GET", headers: { Accept: "application/json", }, credentials: "same-origin", cache: "no-store", }) .then((response) => { devTierSwitcherAvailable = response.ok; return devTierSwitcherAvailable; }) .catch(() => { devTierSwitcherAvailable = false; return false; }) .finally(() => { devTierAvailabilityPromise = null; }); return devTierAvailabilityPromise; } function ensureDevTierSwitcherNode(panel) { const safePanel = panel && panel.nodeType === 1 ? panel : null; if (!safePanel) return null; let controls = safePanel.querySelector("[data-dev-tier-controls]"); if (controls) { return controls; } controls = document.createElement("div"); controls.className = "session-dev-tier-controls"; controls.setAttribute("data-dev-tier-controls", "true"); const label = document.createElement("label"); label.className = "session-dev-tier-label"; label.setAttribute("data-dev-tier-label", "true"); label.textContent = "Dev plan"; const row = document.createElement("div"); row.className = "session-dev-tier-row"; const select = document.createElement("select"); select.className = "session-dev-tier-select"; select.setAttribute("data-dev-tier-select", "true"); DEV_SUBSCRIPTION_TIERS.forEach((tier) => { const option = document.createElement("option"); option.value = tier; option.textContent = formatSubscriptionTierLabel(tier); select.appendChild(option); }); const button = document.createElement("button"); button.type = "button"; button.className = "session-dev-tier-apply"; button.setAttribute("data-dev-tier-apply", "true"); button.textContent = "Apply"; const status = document.createElement("p"); status.className = "session-dev-tier-status"; status.setAttribute("data-dev-tier-status", "true"); status.hidden = true; row.appendChild(select); row.appendChild(button); controls.appendChild(label); controls.appendChild(row); controls.appendChild(status); safePanel.prepend(controls); return controls; } async function updateDevSubscriptionTier(nextTier) { if (!window.fetch || typeof window.fetch !== "function") { return { ok: false, error: "Browser does not support network requests." }; } try { const response = await window.fetch(buildDevTierEndpointUrl(), { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", }, credentials: "same-origin", cache: "no-store", body: JSON.stringify({ tier: normalizeSubscriptionTier(nextTier), }), }); let payload = {}; try { payload = await response.json(); } catch (error) { payload = {}; } if (!response.ok) { const message = readString(payload && payload.error); return { ok: false, error: message || "Unable to change plan." }; } return { ok: true, payload: payload }; } catch (error) { return { ok: false, error: "Unable to reach dev plan service." }; } } async function hydrateDevTierSwitcher() { const session = getSession(); const sessionPanels = Array.from(document.querySelectorAll("[data-session-panel]")); if (!session || !sessionPanels.length) return; const isAvailable = await checkDevTierSwitcherAvailability(); sessionPanels.forEach((panel) => { const existingControls = panel.querySelector("[data-dev-tier-controls]"); if (!isAvailable) { if (existingControls) { existingControls.remove(); } return; } const controls = ensureDevTierSwitcherNode(panel); if (!controls) return; const label = controls.querySelector("[data-dev-tier-label]"); const select = controls.querySelector("[data-dev-tier-select]"); const button = controls.querySelector("[data-dev-tier-apply]"); const status = controls.querySelector("[data-dev-tier-status]"); if (label) { label.textContent = "Dev plan (" + formatSubscriptionTierLabel(session.subscriptionTier) + ")"; } if (select) { select.value = normalizeSubscriptionTier(session.subscriptionTier); } if (!select || !button || !status || controls.dataset.boundDevTierSwitcher === "true") { return; } controls.dataset.boundDevTierSwitcher = "true"; button.addEventListener("click", async () => { const nextTier = normalizeSubscriptionTier(select.value); const currentTier = normalizeSubscriptionTier((getSession() || {}).subscriptionTier); if (!nextTier || nextTier === currentTier) { status.textContent = "Already on " + formatSubscriptionTierLabel(currentTier) + "."; status.hidden = false; return; } select.disabled = true; button.disabled = true; status.hidden = false; status.textContent = "Updating plan..."; const result = await updateDevSubscriptionTier(nextTier); if (!result.ok) { status.textContent = result.error || "Unable to change plan."; select.disabled = false; button.disabled = false; return; } await refreshSession(true); hydrateAuthUi(); hydrateSubscriptionCards(); void hydrateDashboardHomeStats(); if (!enforcePageSubscriptionAccess()) return; const refreshedSession = getSession(); status.textContent = "Plan updated to " + formatSubscriptionTierLabel(refreshedSession && refreshedSession.subscriptionTier) + "."; select.disabled = false; button.disabled = false; }); }); } function maybeShowPlanLockNotice() { let noticeCode = ""; try { noticeCode = readString(new URLSearchParams(window.location.search).get("plan_notice")); } catch (error) { noticeCode = ""; } if (!noticeCode) return; const introHost = document.querySelector(".page-intro-row > div") || document.querySelector(".page-intro") || document.querySelector(".dash-main"); if (!introHost) return; let noticeNode = document.getElementById("subscription-plan-notice"); if (!noticeNode) { noticeNode = document.createElement("p"); noticeNode.id = "subscription-plan-notice"; noticeNode.className = "plan-lock-notice"; introHost.appendChild(noticeNode); } if (noticeCode === "growth_required") { noticeNode.textContent = "This setting is available on Growth, Pro, and Enterprise plans."; return; } if (noticeCode === "pro_required") { noticeNode.textContent = "This setting is available on Pro and Enterprise plans."; return; } noticeNode.textContent = "Your current plan does not include that feature."; } function hydrateSubscriptionCards() { const session = getSession(); const currentTier = normalizeSubscriptionTier(session && session.subscriptionTier); const currentRole = normalizeAccountRole(session && session.accountRole, session && session.accountId); document.querySelectorAll("[data-card-min-subscription-tier]").forEach((node) => { const requiredTier = normalizeSubscriptionTier( node.getAttribute("data-card-min-subscription-tier") ); const requiredPermission = readString(node.getAttribute("data-card-required-permission")); const tierAllowed = hasSubscriptionAccess(currentTier, requiredTier); const permissionAllowed = requiredPermission ? hasAccountPermissionForRole(currentRole, requiredPermission) : true; const isAllowed = tierAllowed && permissionAllowed; const actionNode = node.querySelector("[data-card-action]"); const defaultAction = readString(node.getAttribute("data-card-default-label")) || "Open"; const permissionLockedAction = readString(node.getAttribute("data-card-no-access-label")) || "No access"; const lockedAction = readString(node.getAttribute("data-card-locked-label")) || "Upgrade to unlock"; const actionLabel = !permissionAllowed ? permissionLockedAction : lockedAction; if (node.dataset.boundCardLockHandler !== "true") { node.addEventListener("click", (event) => { if (!node.classList.contains("dashboard-card-locked")) return; event.preventDefault(); event.stopPropagation(); }); node.dataset.boundCardLockHandler = "true"; } node.classList.toggle("dashboard-card-locked", !isAllowed); node.setAttribute("aria-disabled", isAllowed ? "false" : "true"); if (actionNode) { actionNode.textContent = isAllowed ? defaultAction : actionLabel; } }); } function applyPermissionLocks() { const session = getSession(); if (!session) return; const currentRole = normalizeAccountRole(session.accountRole, session.accountId); document.querySelectorAll("[data-required-permission]").forEach((node) => { const requiredPermission = readString(node.getAttribute("data-required-permission")); if (!requiredPermission) return; const isAllowed = hasAccountPermissionForRole(currentRole, requiredPermission); const hideWithoutPermission = node.getAttribute("data-hide-without-permission") === "true"; if (hideWithoutPermission) { node.hidden = !isAllowed; if (!isAllowed) return; } else if (node.hidden) { node.hidden = false; } if (node.tagName === "BUTTON" || node.tagName === "INPUT" || node.tagName === "SELECT" || node.tagName === "TEXTAREA") { node.disabled = !isAllowed; } if (node.tagName === "A") { node.setAttribute("aria-disabled", isAllowed ? "false" : "true"); if (!isAllowed) { node.setAttribute("tabindex", "-1"); } else { node.removeAttribute("tabindex"); } } if ( node.classList && node.classList.contains("dashboard-card") && !node.hasAttribute("data-card-min-subscription-tier") ) { node.classList.toggle("dashboard-card-locked", !isAllowed); node.setAttribute("aria-disabled", isAllowed ? "false" : "true"); } if (node.dataset.permissionLockBound !== "true") { node.addEventListener("click", (event) => { const required = readString(node.getAttribute("data-required-permission")); if (!required) return; if (hasCurrentAccountPermission(required)) return; event.preventDefault(); event.stopPropagation(); }); node.dataset.permissionLockBound = "true"; } }); } function enforcePageSubscriptionAccess() { const body = document.body; if (!body) return true; const requiredTierRaw = readString(body.dataset.pageMinSubscriptionTier); if (!requiredTierRaw) return true; const requiredTier = normalizeSubscriptionTier(requiredTierRaw); const session = getSession(); const currentTier = normalizeSubscriptionTier(session && session.subscriptionTier); if (hasSubscriptionAccess(currentTier, requiredTier)) return true; const redirectPath = readString(body.dataset.pageSubscriptionRedirect) || "/locator-dashboard/"; const redirectUrl = new URL(redirectPath, window.location.origin); redirectUrl.searchParams.set("plan_notice", requiredTier + "_required"); window.location.replace(redirectUrl.pathname + redirectUrl.search + redirectUrl.hash); return false; } function enforcePagePermissionAccess() { const body = document.body; if (!body) return true; const requiredPermission = readString(body.dataset.pageRequiredPermission); if (!requiredPermission) return true; if (hasCurrentAccountPermission(requiredPermission)) return true; const redirectPath = readString(body.dataset.pagePermissionRedirect) || "/locator-dashboard/"; window.location.replace(redirectPath); return false; } function ensureDashboardGlobeBackdrop() { const body = document.body; if (!body || !body.classList.contains("dashboard-shell")) return; if (body.querySelector("[data-dashboard-globe-backdrop]")) return; const backdrop = document.createElement("div"); backdrop.className = "dashboard-globe-backdrop"; backdrop.setAttribute("data-dashboard-globe-backdrop", "true"); backdrop.setAttribute("aria-hidden", "true"); const canvas = document.createElement("canvas"); canvas.className = "dashboard-globe-canvas"; backdrop.appendChild(canvas); body.prepend(backdrop); startDashboardGlobeAnimation(canvas); } function startDashboardGlobeAnimation(canvas) { if (!canvas || typeof canvas.getContext !== "function") return; ensureThreeJsLibrary() .then((threeLibrary) => { if (threeLibrary && startDashboardGlobeAnimationThree(canvas, threeLibrary)) { return; } startDashboardGlobeAnimationCanvas(canvas); }) .catch(() => { startDashboardGlobeAnimationCanvas(canvas); }); } function ensureThreeJsLibrary() { if (window.THREE && typeof window.THREE.WebGLRenderer === "function") { return Promise.resolve(window.THREE); } const existingLoaderPromise = window.__siimplylocatorThreeLoaderPromise || window.__storepathThreeLoaderPromise; if (existingLoaderPromise) { return existingLoaderPromise; } const loaderPromise = new Promise((resolve) => { const existingScript = document.querySelector("script[data-siimplylocator-threejs]") || document.querySelector("script[data-storepath-threejs]"); if (existingScript) { existingScript.addEventListener("load", () => { resolve(window.THREE || null); }); existingScript.addEventListener("error", () => { resolve(null); }); return; } const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/three@0.160.1/build/three.min.js"; script.async = true; script.defer = true; script.crossOrigin = "anonymous"; script.setAttribute("data-siimplylocator-threejs", "true"); script.setAttribute("data-storepath-threejs", "true"); script.addEventListener("load", () => { resolve(window.THREE || null); }); script.addEventListener("error", () => { resolve(null); }); document.head.appendChild(script); }); window.__siimplylocatorThreeLoaderPromise = loaderPromise; window.__storepathThreeLoaderPromise = loaderPromise; return loaderPromise; } function startDashboardGlobeAnimationThree(canvas, THREE) { if (!THREE || typeof THREE.WebGLRenderer !== "function") return false; let renderer = null; try { renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true, powerPreference: "high-performance", }); } catch (error) { return false; } const prefersReducedMotion = window.matchMedia && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches; const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(42, 1, 0.1, 300); camera.position.set(0, 0, 18); renderer.setClearColor(0x000000, 1); renderer.setPixelRatio(Math.max(1, Math.min(window.devicePixelRatio || 1, 2))); if ("outputColorSpace" in renderer && THREE.SRGBColorSpace) { renderer.outputColorSpace = THREE.SRGBColorSpace; } const ambientLight = new THREE.AmbientLight(0x7ca9ff, 0.62); const keyLight = new THREE.DirectionalLight(0xd9ecff, 1.28); keyLight.position.set(-14, 6, 15); const rimLight = new THREE.DirectionalLight(0x53d7ff, 0.45); rimLight.position.set(8, -5, 6); scene.add(ambientLight, keyLight, rimLight); const rootGroup = new THREE.Group(); const globePivot = new THREE.Group(); rootGroup.add(globePivot); scene.add(rootGroup); const earthRadius = 12.36; const earthGeometry = new THREE.SphereGeometry(earthRadius, 128, 96); const earthMaterial = new THREE.MeshPhongMaterial({ color: 0x3d80db, emissive: 0x0a1f54, emissiveIntensity: 0.34, shininess: 22, specular: new THREE.Color(0x6ca9f2), }); const earthMesh = new THREE.Mesh(earthGeometry, earthMaterial); globePivot.add(earthMesh); const atmosphereMesh = new THREE.Mesh( new THREE.SphereGeometry(earthRadius * 1.07, 96, 72), new THREE.MeshBasicMaterial({ color: 0x65b8ff, transparent: true, opacity: 0.1, side: THREE.BackSide, blending: THREE.AdditiveBlending, }) ); globePivot.add(atmosphereMesh); const gridTexture = createTerminalGridTexture(); const gridMaterial = new THREE.MeshBasicMaterial({ map: gridTexture, transparent: true, opacity: 0.48, depthWrite: false, blending: THREE.AdditiveBlending, }); const gridMesh = new THREE.Mesh( new THREE.SphereGeometry(earthRadius * 1.012, 128, 96), gridMaterial ); globePivot.add(gridMesh); const nodesPoints = buildGlobeNodePoints(THREE, earthRadius * 1.018, 60); globePivot.add(nodesPoints); const stars = buildThreeStarField(THREE, 230); scene.add(stars); const cloudMaterial = new THREE.MeshPhongMaterial({ color: 0xffffff, transparent: true, opacity: 0.12, depthWrite: false, blending: THREE.NormalBlending, }); const cloudsMesh = new THREE.Mesh( new THREE.SphereGeometry(earthRadius * 1.021, 96, 72), cloudMaterial ); globePivot.add(cloudsMesh); loadThreeTexture(THREE, renderer, "earth").then((texture) => { if (!texture) return; earthMaterial.map = texture; earthMaterial.needsUpdate = true; }); loadThreeTexture(THREE, renderer, "clouds").then((texture) => { if (!texture) return; cloudMaterial.map = texture; cloudMaterial.alphaMap = texture; cloudMaterial.needsUpdate = true; }); let animationFrame = 0; let lastTime = 0; function positionGlobe() { const width = Math.max(1, Number(window.innerWidth) || 1); const height = Math.max(1, Number(window.innerHeight) || 1); const aspect = width / height; renderer.setPixelRatio(Math.max(1, Math.min(window.devicePixelRatio || 1, 2))); renderer.setSize(width, height, false); camera.aspect = aspect; if (aspect < 0.95) { camera.fov = 45; camera.position.z = 19.2; rootGroup.position.set(-11.6, -6.75, -9.6); } else if (aspect < 1.32) { camera.fov = 43; camera.position.z = 20.1; rootGroup.position.set(-13.3, -6.9, -10.2); } else { camera.fov = 41; camera.position.z = 21.4; rootGroup.position.set(-16.3, -7.35, -11.4); } camera.updateProjectionMatrix(); } function renderFrame(nowMs) { const nowSeconds = Number(nowMs || 0) * 0.001; const delta = lastTime > 0 ? Math.min(0.06, nowSeconds - lastTime) : 0.016; lastTime = nowSeconds; const motionScale = prefersReducedMotion ? 0 : 1; globePivot.rotation.y += delta * 0.078 * motionScale; cloudsMesh.rotation.y += delta * 0.092 * motionScale; stars.rotation.y += delta * 0.0034 * motionScale; const pulse = 0.62 + Math.sin(nowSeconds * 1.6) * 0.08; nodesPoints.material.opacity = pulse; gridMaterial.opacity = 0.43 + Math.sin(nowSeconds * 0.7) * 0.04; renderer.render(scene, camera); } function loop(nowMs) { renderFrame(nowMs); if (prefersReducedMotion) return; animationFrame = window.requestAnimationFrame(loop); } positionGlobe(); if (prefersReducedMotion) { renderFrame(0); } else { animationFrame = window.requestAnimationFrame(loop); } window.addEventListener("resize", positionGlobe, { passive: true }); window.addEventListener("beforeunload", () => { if (animationFrame) { window.cancelAnimationFrame(animationFrame); } renderer.dispose(); earthGeometry.dispose(); earthMaterial.dispose(); gridMaterial.dispose(); if (gridTexture) gridTexture.dispose(); atmosphereMesh.geometry.dispose(); atmosphereMesh.material.dispose(); cloudsMesh.geometry.dispose(); cloudMaterial.dispose(); nodesPoints.geometry.dispose(); nodesPoints.material.dispose(); stars.geometry.dispose(); stars.material.dispose(); }); return true; } function loadThreeTexture(THREE, renderer, textureType) { const textureUrl = textureType === "clouds" ? "https://cdn.jsdelivr.net/gh/mrdoob/three.js@r160/examples/textures/planets/earth_clouds_1024.png" : "https://cdn.jsdelivr.net/gh/mrdoob/three.js@r160/examples/textures/planets/earth_atmos_2048.jpg"; return new Promise((resolve) => { const loader = new THREE.TextureLoader(); loader.setCrossOrigin("anonymous"); loader.load( textureUrl, (texture) => { if ("colorSpace" in texture && THREE.SRGBColorSpace) { texture.colorSpace = THREE.SRGBColorSpace; } texture.anisotropy = Math.min( 8, renderer && renderer.capabilities ? renderer.capabilities.getMaxAnisotropy() : 1 ); resolve(texture); }, undefined, () => { resolve(null); } ); }); } function createTerminalGridTexture() { const canvas = document.createElement("canvas"); canvas.width = 2048; canvas.height = 1024; const context = canvas.getContext("2d"); if (!context) return null; context.clearRect(0, 0, canvas.width, canvas.height); context.lineWidth = 1; context.strokeStyle = "rgba(83, 255, 170, 0.4)"; for (let x = 0; x <= canvas.width; x += 128) { context.beginPath(); context.moveTo(x, 0); context.lineTo(x, canvas.height); context.stroke(); } for (let y = 0; y <= canvas.height; y += 96) { context.beginPath(); context.moveTo(0, y); context.lineTo(canvas.width, y); context.stroke(); } context.fillStyle = "rgba(154, 255, 209, 0.68)"; for (let index = 0; index < 54; index += 1) { const x = Math.random() * canvas.width; const y = Math.random() * canvas.height; const radius = Math.random() > 0.72 ? 2.2 : 1.4; context.beginPath(); context.arc(x, y, radius, 0, Math.PI * 2); context.fill(); } if (window.THREE && window.THREE.CanvasTexture) { const texture = new window.THREE.CanvasTexture(canvas); texture.wrapS = window.THREE.RepeatWrapping; texture.wrapT = window.THREE.ClampToEdgeWrapping; texture.repeat.set(1, 1); texture.needsUpdate = true; return texture; } return null; } function buildGlobeNodePoints(THREE, radius, count) { const total = Math.max(16, Number(count) || 0); const positions = new Float32Array(total * 3); for (let index = 0; index < total; index += 1) { const latitude = Math.asin(Math.random() * 2 - 1); const longitude = Math.random() * Math.PI * 2 - Math.PI; const cosLat = Math.cos(latitude); const x = cosLat * Math.cos(longitude) * radius; const y = Math.sin(latitude) * radius; const z = cosLat * Math.sin(longitude) * radius; const base = index * 3; positions[base] = x; positions[base + 1] = y; positions[base + 2] = z; } const geometry = new THREE.BufferGeometry(); geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3)); const material = new THREE.PointsMaterial({ color: 0x9fffd4, size: 0.13, sizeAttenuation: true, transparent: true, opacity: 0.62, depthWrite: false, blending: THREE.AdditiveBlending, }); return new THREE.Points(geometry, material); } function buildThreeStarField(THREE, count) { const total = Math.max(80, Number(count) || 0); const positions = new Float32Array(total * 3); for (let index = 0; index < total; index += 1) { const radius = 40 + Math.random() * 90; const theta = Math.random() * Math.PI * 2; const phi = Math.acos(Math.random() * 2 - 1); const sinPhi = Math.sin(phi); const base = index * 3; positions[base] = radius * sinPhi * Math.cos(theta); positions[base + 1] = radius * Math.cos(phi); positions[base + 2] = radius * sinPhi * Math.sin(theta); } const geometry = new THREE.BufferGeometry(); geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3)); const material = new THREE.PointsMaterial({ color: 0x9cc6ff, size: 0.3, sizeAttenuation: true, transparent: true, opacity: 0.44, depthWrite: false, }); return new THREE.Points(geometry, material); } function startDashboardGlobeAnimationCanvas(canvas) { const context = canvas.getContext("2d"); if (!context) return; const prefersReducedMotion = window.matchMedia && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches; const starField = buildStarField(84); const earthSurfaceSamples = buildEarthSurfaceSamples(3); const nodeField = buildNodeField(42); const routes = buildRoutes(11, nodeField); let viewportWidth = 0; let viewportHeight = 0; let pixelRatio = 1; let animationFrame = 0; function resizeCanvas() { viewportWidth = Math.max(1, Math.floor(window.innerWidth || 1)); viewportHeight = Math.max(1, Math.floor(window.innerHeight || 1)); pixelRatio = Math.max(1, Math.min(window.devicePixelRatio || 1, 2)); canvas.width = Math.floor(viewportWidth * pixelRatio); canvas.height = Math.floor(viewportHeight * pixelRatio); canvas.style.width = viewportWidth + "px"; canvas.style.height = viewportHeight + "px"; context.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0); } function getGlobeMetrics() { const radius = clamp(Math.min(viewportWidth, viewportHeight) * 1.14, 480, 1104); return { centerX: Math.round(radius * -0.08), centerY: Math.round( clamp(viewportHeight * 0.86, radius * 0.74, viewportHeight - radius * 0.02) ), radius: radius, tiltX: -0.44, }; } function renderFrame(nowMs) { if (!viewportWidth || !viewportHeight) return; const nowSeconds = Number(nowMs || 0) * 0.001; const globe = getGlobeMetrics(); const rotation = nowSeconds * 0.1; context.clearRect(0, 0, viewportWidth, viewportHeight); context.fillStyle = "#000000"; context.fillRect(0, 0, viewportWidth, viewportHeight); drawStars(context, starField, viewportWidth, viewportHeight, nowSeconds); drawGlobeBase(context, globe, nowSeconds); drawEarthSurface(context, globe, rotation, earthSurfaceSamples, nowSeconds); drawGlobeGrid(context, globe, rotation); drawNodes(context, globe, rotation, nodeField, nowSeconds); drawRoutes(context, globe, rotation, routes, nowSeconds); } function loop(nowMs) { renderFrame(nowMs); if (prefersReducedMotion) return; if (document.hidden) { animationFrame = window.requestAnimationFrame(loop); return; } animationFrame = window.requestAnimationFrame(loop); } resizeCanvas(); window.addEventListener("resize", resizeCanvas, { passive: true }); animationFrame = window.requestAnimationFrame(loop); window.addEventListener("beforeunload", () => { if (animationFrame) { window.cancelAnimationFrame(animationFrame); } }); } function drawStars(context, stars, width, height, nowSeconds) { stars.forEach((star) => { const twinkle = 0.45 + 0.55 * Math.sin(nowSeconds * star.speed + star.phase); context.globalAlpha = star.alpha * twinkle; context.fillStyle = star.color; context.fillRect(star.x * width, star.y * height, star.size, star.size); }); context.globalAlpha = 1; } function drawGlobeBase(context, globe, nowSeconds) { const glowPulse = 0.9 + Math.sin(nowSeconds * 0.6) * 0.06; const glowRadius = globe.radius * 1.24; const glow = context.createRadialGradient( globe.centerX, globe.centerY, globe.radius * 0.22, globe.centerX, globe.centerY, glowRadius ); glow.addColorStop(0, "rgba(42, 134, 255, " + String(0.2 * glowPulse) + ")"); glow.addColorStop(0.52, "rgba(37, 228, 184, " + String(0.1 * glowPulse) + ")"); glow.addColorStop(1, "rgba(0, 0, 0, 0)"); context.fillStyle = glow; context.beginPath(); context.arc(globe.centerX, globe.centerY, glowRadius, 0, Math.PI * 2); context.fill(); const sphere = context.createRadialGradient( globe.centerX - globe.radius * 0.24, globe.centerY - globe.radius * 0.35, globe.radius * 0.16, globe.centerX, globe.centerY, globe.radius ); sphere.addColorStop(0, "rgba(90, 164, 255, 0.97)"); sphere.addColorStop(0.45, "rgba(24, 71, 155, 0.98)"); sphere.addColorStop(1, "rgba(3, 20, 64, 1)"); context.fillStyle = sphere; context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.fill(); context.strokeStyle = "rgba(108, 230, 170, 0.32)"; context.lineWidth = 1.35; context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.stroke(); } function drawEarthSurface(context, globe, rotation, surfaceSamples, nowSeconds) { const samples = Array.isArray(surfaceSamples) ? surfaceSamples : []; context.save(); context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.clip(); const lightDrift = Math.sin(nowSeconds * 0.24) * 0.05; const ocean = context.createRadialGradient( globe.centerX - globe.radius * (0.3 + lightDrift), globe.centerY - globe.radius * 0.38, globe.radius * 0.12, globe.centerX, globe.centerY, globe.radius * 1.06 ); ocean.addColorStop(0, "rgba(132, 193, 255, 0.88)"); ocean.addColorStop(0.35, "rgba(56, 122, 219, 0.94)"); ocean.addColorStop(0.72, "rgba(18, 64, 150, 0.97)"); ocean.addColorStop(1, "rgba(5, 27, 86, 1)"); context.fillStyle = ocean; context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.fill(); samples.forEach((sample) => { const projected = projectVector(globe, rotation, sample.vector); if (!projected || projected.depth < -0.02) return; const depthRatio = clamp((projected.depth + 0.08) / 1.08, 0, 1); const shade = clamp(sample.shade + projected.depth * 0.16, 0, 1); const red = Math.round(56 + shade * 58); const green = Math.round(126 + shade * 88); const blue = Math.round(56 + shade * 42); const alpha = clamp(0.2 + depthRatio * 0.56, 0, 0.86); const size = clamp(globe.radius * sample.sizeScale * (0.7 + depthRatio * 0.78), 1, 4.4); context.fillStyle = "rgba(" + String(red) + ", " + String(green) + ", " + String(blue) + ", " + String(alpha) + ")"; context.beginPath(); context.arc(projected.x, projected.y, size, 0, Math.PI * 2); context.fill(); }); const dayShade = context.createLinearGradient( globe.centerX - globe.radius * 1.08, globe.centerY - globe.radius * 0.32, globe.centerX + globe.radius * 1.08, globe.centerY + globe.radius * 0.42 ); dayShade.addColorStop(0, "rgba(255, 255, 255, 0.08)"); dayShade.addColorStop(0.46, "rgba(255, 255, 255, 0)"); dayShade.addColorStop(1, "rgba(0, 10, 34, 0.46)"); context.fillStyle = dayShade; context.fillRect( globe.centerX - globe.radius - 4, globe.centerY - globe.radius - 4, globe.radius * 2 + 8, globe.radius * 2 + 8 ); const cloudGlow = context.createRadialGradient( globe.centerX - globe.radius * 0.34, globe.centerY - globe.radius * 0.36, globe.radius * 0.06, globe.centerX, globe.centerY, globe.radius ); cloudGlow.addColorStop(0, "rgba(235, 248, 255, 0.28)"); cloudGlow.addColorStop(0.5, "rgba(203, 230, 255, 0.09)"); cloudGlow.addColorStop(1, "rgba(197, 227, 255, 0)"); context.fillStyle = cloudGlow; context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.fill(); context.restore(); } function drawGlobeGrid(context, globe, rotation) { context.save(); context.beginPath(); context.arc(globe.centerX, globe.centerY, globe.radius, 0, Math.PI * 2); context.clip(); const longitudes = 16; const latitudes = 11; context.lineWidth = 1; for (let index = 0; index < longitudes; index += 1) { const lon = -Math.PI + (index / longitudes) * Math.PI * 2; const samples = sampleLongitudeLine(globe, rotation, lon, 80); strokeAllPoints(context, samples, "rgba(31, 255, 147, 0.08)"); strokeVisibleSegments(context, samples, "rgba(62, 255, 163, 0.32)"); } for (let index = 1; index < latitudes; index += 1) { const t = index / latitudes; const lat = -Math.PI * 0.5 + t * Math.PI; const samples = sampleLatitudeLine(globe, rotation, lat, 96); strokeAllPoints(context, samples, "rgba(26, 231, 130, 0.08)"); strokeVisibleSegments(context, samples, "rgba(66, 255, 169, 0.34)"); } context.restore(); } function drawNodes(context, globe, rotation, nodeField, nowSeconds) { nodeField.forEach((node, index) => { const projected = projectVector(globe, rotation, node.vector); if (!projected || projected.depth < 0.02) return; const pulse = 0.72 + Math.sin(nowSeconds * 1.6 + index * 0.52) * 0.22; const size = 1.05 + projected.depth * 1.8; const alpha = clamp(0.18 + projected.depth * 0.62 * pulse, 0, 1); context.fillStyle = "rgba(132, 255, 182, " + String(alpha) + ")"; context.beginPath(); context.arc(projected.x, projected.y, size, 0, Math.PI * 2); context.fill(); context.fillStyle = "rgba(196, 255, 220, " + String(alpha * 0.78) + ")"; context.beginPath(); context.arc(projected.x, projected.y, size * 0.44, 0, Math.PI * 2); context.fill(); }); } function drawRoutes(context, globe, rotation, routes, nowSeconds) { routes.forEach((route) => { const progress = (nowSeconds * route.speed + route.phase) % 1; let previous = null; for (let step = 0; step < 10; step += 1) { let trailProgress = progress - step * 0.045; if (trailProgress < 0) { trailProgress += 1; } const routeVector = sampleRouteVector(route, trailProgress); const projected = projectVector(globe, rotation, routeVector); if (!projected || projected.depth < -0.08) { previous = null; continue; } if (previous) { const fade = 1 - step / 10; const alpha = clamp((0.12 + projected.depth * 0.4) * fade, 0, 1); context.strokeStyle = route.color.replace("{alpha}", String(alpha)); context.lineWidth = 1.3 + fade * 0.8; context.beginPath(); context.moveTo(previous.x, previous.y); context.lineTo(projected.x, projected.y); context.stroke(); } if (step === 0) { const headAlpha = clamp(0.35 + projected.depth * 0.55, 0, 1); context.fillStyle = route.headColor.replace("{alpha}", String(headAlpha)); context.beginPath(); context.arc(projected.x, projected.y, 2.2, 0, Math.PI * 2); context.fill(); } previous = projected; } }); } function sampleLatitudeLine(globe, rotation, latitude, samples) { const points = []; const total = Math.max(12, samples); for (let index = 0; index <= total; index += 1) { const ratio = index / total; const lon = -Math.PI + ratio * Math.PI * 2; const vector = latLonToVector(latitude, lon); points.push(projectVector(globe, rotation, vector)); } return points; } function sampleLongitudeLine(globe, rotation, longitude, samples) { const points = []; const total = Math.max(12, samples); for (let index = 0; index <= total; index += 1) { const ratio = index / total; const lat = -Math.PI * 0.5 + ratio * Math.PI; const vector = latLonToVector(lat, longitude); points.push(projectVector(globe, rotation, vector)); } return points; } function strokeAllPoints(context, points, color) { const valid = points.filter(Boolean); if (valid.length < 2) return; context.strokeStyle = color; context.beginPath(); context.moveTo(valid[0].x, valid[0].y); for (let index = 1; index < valid.length; index += 1) { context.lineTo(valid[index].x, valid[index].y); } context.stroke(); } function strokeVisibleSegments(context, points, color) { let drawing = false; context.strokeStyle = color; points.forEach((point) => { if (!point || point.depth <= 0.01) { if (drawing) { context.stroke(); drawing = false; } return; } if (!drawing) { context.beginPath(); context.moveTo(point.x, point.y); drawing = true; return; } context.lineTo(point.x, point.y); }); if (drawing) { context.stroke(); } } function projectVector(globe, rotation, vector) { if (!vector || !globe) return null; const cosY = Math.cos(rotation); const sinY = Math.sin(rotation); const rotatedX = vector.x * cosY + vector.z * sinY; const rotatedZ = -vector.x * sinY + vector.z * cosY; const rotatedY = vector.y; const tilt = globe.tiltX; const cosX = Math.cos(tilt); const sinX = Math.sin(tilt); const tiltedY = rotatedY * cosX - rotatedZ * sinX; const tiltedZ = rotatedY * sinX + rotatedZ * cosX; const perspective = 1 + tiltedZ * 0.24; return { x: globe.centerX + rotatedX * globe.radius * perspective, y: globe.centerY + tiltedY * globe.radius * perspective, depth: tiltedZ, }; } function latLonToVector(latitude, longitude) { const cosLat = Math.cos(latitude); return { x: cosLat * Math.cos(longitude), y: Math.sin(latitude), z: cosLat * Math.sin(longitude), }; } function sampleRouteVector(route, t) { const safeT = clamp(t, 0, 1); const blended = slerp(route.startVector, route.endVector, safeT); const lift = 1 + Math.sin(Math.PI * safeT) * route.lift; return { x: blended.x * lift, y: blended.y * lift, z: blended.z * lift, }; } function slerp(from, to, t) { const safeFrom = normalizeVector(from); const safeTo = normalizeVector(to); const dot = clamp( safeFrom.x * safeTo.x + safeFrom.y * safeTo.y + safeFrom.z * safeTo.z, -1, 1 ); if (Math.abs(dot) > 0.9995) { return normalizeVector({ x: safeFrom.x + (safeTo.x - safeFrom.x) * t, y: safeFrom.y + (safeTo.y - safeFrom.y) * t, z: safeFrom.z + (safeTo.z - safeFrom.z) * t, }); } const theta = Math.acos(dot); const sinTheta = Math.sin(theta) || 1; const a = Math.sin((1 - t) * theta) / sinTheta; const b = Math.sin(t * theta) / sinTheta; return normalizeVector({ x: safeFrom.x * a + safeTo.x * b, y: safeFrom.y * a + safeTo.y * b, z: safeFrom.z * a + safeTo.z * b, }); } function normalizeVector(vector) { const x = Number(vector && vector.x) || 0; const y = Number(vector && vector.y) || 0; const z = Number(vector && vector.z) || 0; const length = Math.sqrt(x * x + y * y + z * z) || 1; return { x: x / length, y: y / length, z: z / length, }; } function buildEarthSurfaceSamples(stepDegrees) { const samples = []; const step = clamp(Number(stepDegrees) || 3, 2, 8); for (let latitude = -84; latitude <= 84; latitude += step) { for (let longitude = -180; longitude < 180; longitude += step) { const landMask = computeLandMask(latitude, longitude); if (landMask < 0.5) continue; const terrainNoise = pseudoNoise2D(latitude * 0.17 + 22, longitude * 0.14 - 18) - 0.5; const moistureNoise = pseudoNoise2D(latitude * 0.09 - 46, longitude * 0.22 + 14) - 0.5; const polarFade = clamp(1 - Math.abs(latitude) / 90, 0.16, 1); const shade = clamp( 0.45 + landMask * 0.44 + terrainNoise * 0.22 + moistureNoise * 0.12 - (1 - polarFade) * 0.2, 0, 1 ); samples.push({ vector: latLonToVector((latitude * Math.PI) / 180, (longitude * Math.PI) / 180), shade: shade, sizeScale: 0.0032 + landMask * 0.0016 + Math.max(terrainNoise, -0.2) * 0.0007, }); } } return samples; } function computeLandMask(latitude, longitude) { const blobs = [ { lat: 54, lon: -102, latRadius: 24, lonRadius: 42, weight: 0.96 }, { lat: 20, lon: -94, latRadius: 16, lonRadius: 22, weight: 0.58 }, { lat: -18, lon: -60, latRadius: 30, lonRadius: 26, weight: 0.82 }, { lat: 52, lon: 14, latRadius: 22, lonRadius: 36, weight: 0.66 }, { lat: 45, lon: 84, latRadius: 28, lonRadius: 62, weight: 0.98 }, { lat: 24, lon: 78, latRadius: 17, lonRadius: 24, weight: 0.54 }, { lat: 7, lon: 20, latRadius: 31, lonRadius: 26, weight: 0.86 }, { lat: -25, lon: 136, latRadius: 17, lonRadius: 22, weight: 0.66 }, { lat: 72, lon: -40, latRadius: 11, lonRadius: 19, weight: 0.52 }, { lat: -74, lon: 18, latRadius: 9, lonRadius: 140, weight: 0.66 }, ]; let score = 0; blobs.forEach((blob) => { const latDelta = (latitude - blob.lat) / blob.latRadius; const lonDelta = wrapLongitudeDelta(longitude - blob.lon) / blob.lonRadius; const influence = Math.exp(-(latDelta * latDelta + lonDelta * lonDelta)); score += influence * blob.weight; }); const trenchPacific = Math.exp( -( Math.pow((latitude + 2) / 34, 2) + Math.pow(wrapLongitudeDelta(longitude + 146) / 30, 2) ) ) * 0.62; const trenchAtlantic = Math.exp( -( Math.pow((latitude - 8) / 32, 2) + Math.pow(wrapLongitudeDelta(longitude + 26) / 22, 2) ) ) * 0.38; const trenchIndian = Math.exp( -( Math.pow((latitude + 18) / 30, 2) + Math.pow(wrapLongitudeDelta(longitude - 86) / 26, 2) ) ) * 0.33; score -= trenchPacific + trenchAtlantic + trenchIndian; const coastNoise = (pseudoNoise2D(latitude * 0.14 + 30, longitude * 0.16 - 12) - 0.5) * 0.36 + (pseudoNoise2D(latitude * 0.36 - 4, longitude * 0.22 + 28) - 0.5) * 0.16; return clamp(score + coastNoise - 0.42, 0, 1); } function wrapLongitudeDelta(delta) { let wrapped = Number(delta) || 0; while (wrapped > 180) { wrapped -= 360; } while (wrapped < -180) { wrapped += 360; } return wrapped; } function pseudoNoise2D(x, y) { const seed = Math.sin(x * 12.9898 + y * 78.233) * 43758.5453123; return seed - Math.floor(seed); } function buildNodeField(count) { const nodes = []; const total = Math.max(8, Number(count) || 0); for (let index = 0; index < total; index += 1) { const latitude = Math.asin(Math.random() * 2 - 1); const longitude = Math.random() * Math.PI * 2 - Math.PI; nodes.push({ latitude: latitude, longitude: longitude, vector: latLonToVector(latitude, longitude), }); } return nodes; } function buildRoutes(count, nodes) { const routes = []; const total = Math.max(4, Number(count) || 0); const sourceNodes = Array.isArray(nodes) ? nodes : []; if (!sourceNodes.length) return routes; for (let index = 0; index < total; index += 1) { const startNode = sourceNodes[index % sourceNodes.length]; let endNode = sourceNodes[(index * 5 + 9) % sourceNodes.length]; if (startNode === endNode) { endNode = sourceNodes[(index * 7 + 3) % sourceNodes.length]; } routes.push({ startVector: startNode.vector, endVector: endNode.vector, speed: 0.038 + (index % 5) * 0.013, phase: Math.random(), lift: 0.18 + (index % 4) * 0.045, color: index % 2 === 0 ? "rgba(96, 173, 255, {alpha})" : "rgba(176, 108, 255, {alpha})", headColor: index % 2 === 0 ? "rgba(172, 227, 255, {alpha})" : "rgba(226, 172, 255, {alpha})", }); } return routes; } function buildStarField(count) { const stars = []; const total = Math.max(16, Number(count) || 0); for (let index = 0; index < total; index += 1) { stars.push({ x: Math.random(), y: Math.random(), size: Math.random() > 0.92 ? 2 : 1, alpha: 0.16 + Math.random() * 0.44, speed: 0.35 + Math.random() * 0.6, phase: Math.random() * Math.PI * 2, color: Math.random() > 0.75 ? "rgba(146, 193, 255, 1)" : "rgba(221, 237, 255, 1)", }); } return stars; } function clamp(value, minimum, maximum) { const number = Number(value); if (!Number.isFinite(number)) return minimum; return Math.min(Math.max(number, minimum), maximum); } function toNonNegativeInteger(value) { const parsed = Number(value); if (!Number.isFinite(parsed)) return 0; const rounded = Math.round(parsed); if (rounded <= 0) return 0; return rounded; } function formatDashboardStatValue(value) { return toNonNegativeInteger(value).toLocaleString(); } function setDashboardStatValue(node, value) { if (!node) return; node.textContent = formatDashboardStatValue(value); } function createFlatSparklineSeries(length) { const safeLength = Math.max(7, Math.min(60, toNonNegativeInteger(length) || 7)); const output = []; for (let index = 0; index < safeLength; index += 1) { output.push(0); } return output; } function normalizeDashboardSparklineSeries(values) { const source = Array.isArray(values) ? values : []; const normalized = source.map((value) => toNonNegativeInteger(value)); const series = normalized.length ? normalized : createFlatSparklineSeries(7); if (series.length === 1) { return [series[0], series[0]]; } return series.slice(-30); } function buildDashboardSparklinePath(values) { const series = normalizeDashboardSparklineSeries(values); const width = 100; const lowerY = 19.5; const upperY = 11.5; const centerY = 15.5; const minValue = Math.min.apply(null, series); const maxValue = Math.max.apply(null, series); const range = maxValue - minValue; const stepX = series.length > 1 ? width / (series.length - 1) : width; return series .map((value, index) => { const x = Number((stepX * index).toFixed(2)); const normalized = range > 0 ? (value - minValue) / range : 0.5; const y = Number( (range > 0 ? lowerY - normalized * (lowerY - upperY) : centerY).toFixed(2) ); return `${index === 0 ? "M" : "L"} ${x} ${y}`; }) .join(" "); } function setDashboardSparkline(node, values) { if (!node) return; const pathNode = node.querySelector("path"); if (!pathNode) return; const series = normalizeDashboardSparklineSeries(values); const path = buildDashboardSparklinePath(series); const isZero = series.every((value) => value <= 0); pathNode.setAttribute("d", path); node.classList.toggle("is-zero", isZero); } function readDashboardDailyMetricSeries(payload, metricKey) { const safePayload = payload && typeof payload === "object" ? payload : {}; const dailySeries = Array.isArray(safePayload.dailySeries) ? safePayload.dailySeries : []; const series = dailySeries.map((entry) => { const safeEntry = entry && typeof entry === "object" ? entry : {}; return toNonNegativeInteger(safeEntry[metricKey]); }); return normalizeDashboardSparklineSeries(series); } function getDashboardHomeStatNodes() { return { locationsSummary: document.getElementById("dashboard-stat-locations-summary"), locationsActive: document.getElementById("dashboard-stat-locations-active"), views: document.getElementById("dashboard-stat-views-30d"), searches: document.getElementById("dashboard-stat-searches-30d"), clicks: document.getElementById("dashboard-stat-clicks-30d"), viewsHint: document.getElementById("dashboard-stat-views-hint"), searchesHint: document.getElementById("dashboard-stat-searches-hint"), clicksHint: document.getElementById("dashboard-stat-clicks-hint"), viewsSparkline: document.getElementById("dashboard-stat-views-sparkline"), searchesSparkline: document.getElementById("dashboard-stat-searches-sparkline"), clicksSparkline: document.getElementById("dashboard-stat-clicks-sparkline"), }; } function getDashboardLastUpdatedNode() { return document.getElementById("dashboard-last-updated-label"); } function getDashboardLiveStatusNodes() { return { meta: document.querySelector(".dashboard-title-meta"), label: document.getElementById("dashboard-live-label"), }; } function getDashboardAnalyticsCardNodes() { return { card: document.getElementById("dashboard-analytics-card"), badge: document.getElementById("dashboard-analytics-pro-badge"), description: document.getElementById("dashboard-analytics-description"), cta: document.getElementById("dashboard-analytics-upgrade-cta"), }; } function shouldSkipCardNavigation(target, card) { if (!target || !card) return false; const interactiveAncestor = target.closest( "a,button,input,select,textarea,summary,[data-no-card-nav]" ); return Boolean(interactiveAncestor && interactiveAncestor !== card); } function hydrateDashboardCardLinks() { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return; const cards = body.querySelectorAll("[data-card-href]"); cards.forEach((card) => { if (card.dataset.cardLinkBound === "true") return; const href = readString(card.getAttribute("data-card-href")); if (!href) return; card.dataset.cardLinkBound = "true"; card.addEventListener("click", (event) => { const eventTarget = event.target instanceof Element ? event.target : null; if (shouldSkipCardNavigation(eventTarget, card)) return; window.location.assign(href); }); card.addEventListener("keydown", (event) => { if (event.key !== "Enter" && event.key !== " ") return; event.preventDefault(); window.location.assign(href); }); }); } function setDashboardMetricHint( node, value, fallbackText, zeroText, zeroLinkLabel, zeroLinkHref ) { if (!node) return; const count = toNonNegativeInteger(value); if (count <= 0) { node.classList.add("is-empty"); node.innerHTML = '' + readString(zeroText) + '' + readString(zeroLinkLabel) + ""; return; } node.classList.remove("is-empty"); node.textContent = readString(fallbackText); } function setDashboardViewsHint(node, value) { setDashboardMetricHint( node, value, "Last 30 days", "No traffic yet", "Install widget \u2192", "/locator-dashboard/installation/" ); } function setDashboardSearchesHint(node, value) { setDashboardMetricHint( node, value, "Last 30 days", "No searches recorded", "Install widget \u2192", "/locator-dashboard/installation/" ); } function setDashboardClicksHint(node, value) { setDashboardMetricHint( node, value, "Last 30 days", "No clicks captured", "View live widget \u2192", "/" ); } function hydrateDashboardAnalyticsCard(analyticsAvailable) { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return; const card = getDashboardAnalyticsCardNodes(); if (!card.card) return; const hasAccess = Boolean(analyticsAvailable); card.card.classList.toggle("dashboard-card-analytics-upsell", !hasAccess); card.card.setAttribute("href", hasAccess ? "/locator-dashboard/analytics/" : "/pricing/"); card.card.setAttribute( "aria-label", hasAccess ? "Open analytics dashboard" : "Upgrade to Pro for analytics" ); if (card.badge) { card.badge.hidden = hasAccess; } if (card.cta) { card.cta.hidden = hasAccess; } if (card.description) { card.description.textContent = "Track views, searches, and clicks."; } } function getIsoTimestamp(value) { const normalized = readString(value); if (!normalized) return 0; const parsed = new Date(normalized); const time = parsed.getTime(); if (!Number.isFinite(time) || Number.isNaN(time)) return 0; return Math.max(0, Math.round(time)); } function getLatestIsoValue(values) { const candidates = Array.isArray(values) ? values : []; let latestIso = ""; let latestTimestamp = 0; candidates.forEach((value) => { const safeValue = readString(value); const timestamp = getIsoTimestamp(safeValue); if (!timestamp || timestamp <= latestTimestamp) return; latestTimestamp = timestamp; latestIso = safeValue; }); return latestIso; } function formatDashboardUpdatedLabel(value) { const timestamp = getIsoTimestamp(value); if (!timestamp) return "Updated recently"; const now = Date.now(); const delta = Math.max(0, now - timestamp); const minute = 60 * 1000; const hour = 60 * minute; const day = 24 * hour; const week = 7 * day; if (delta < minute) return "Updated just now"; if (delta < hour) { const minutes = Math.max(1, Math.floor(delta / minute)); return "Updated " + String(minutes) + "m ago"; } if (delta < day) { const hours = Math.max(1, Math.floor(delta / hour)); return "Updated " + String(hours) + "h ago"; } if (delta < week) { const days = Math.max(1, Math.floor(delta / day)); return "Updated " + String(days) + "d ago"; } const date = new Date(timestamp); const formatted = date.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric", }); return "Updated " + formatted; } async function getUpdatedAtValue(url) { if (!url || !window.fetch || typeof window.fetch !== "function") return ""; try { const response = await window.fetch(url, { headers: { Accept: "application/json", }, }); if (!response.ok) return ""; const payload = await response.json(); const updatedAt = payload && typeof payload === "object" ? readString(payload.updatedAt) : ""; return updatedAt; } catch (error) { return ""; } } async function hydrateDashboardLastUpdatedLabel() { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return; const node = getDashboardLastUpdatedNode(); if (!node) return; const accountId = getCurrentAccountId(); if (!accountId) { node.textContent = "Updated recently"; return; } let latestLocalIso = ""; const locations = getLocations(); if (locations.length) { latestLocalIso = getLatestIsoValue( locations.map((location) => readString(location && location.createdAt)) ); } let locationEndpoint = ""; let settingsEndpoint = ""; try { const locationUrl = new URL(EMBED_PUBLISH_ENDPOINT, window.location.origin); locationUrl.searchParams.set("account", accountId); locationEndpoint = locationUrl.pathname + locationUrl.search; } catch (error) { locationEndpoint = ""; } try { const settingsUrl = new URL(WIDGET_SETTINGS_ENDPOINT, window.location.origin); settingsUrl.searchParams.set("account", accountId); settingsEndpoint = settingsUrl.pathname + settingsUrl.search; } catch (error) { settingsEndpoint = ""; } const [publishedLocationsUpdatedAt, settingsUpdatedAt] = await Promise.all([ getUpdatedAtValue(locationEndpoint), getUpdatedAtValue(settingsEndpoint), ]); const latestIso = getLatestIsoValue([ publishedLocationsUpdatedAt, settingsUpdatedAt, latestLocalIso, ]); node.textContent = formatDashboardUpdatedLabel(latestIso); } async function hydrateDashboardLiveStatusLabel() { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return; const nodes = getDashboardLiveStatusNodes(); if (!nodes.meta || !nodes.label) return; const accountId = getCurrentAccountId(); if (!accountId) return; if (!window.fetch || typeof window.fetch !== "function") return; let endpoint = ""; try { const url = new URL(WIDGET_LIVE_STATUS_ENDPOINT, window.location.origin); url.searchParams.set("account", accountId); url.searchParams.set("days", String(DASHBOARD_ANALYTICS_DAY_WINDOW)); endpoint = url.pathname + url.search; } catch (error) { endpoint = ""; } if (!endpoint) return; try { const response = await window.fetch(endpoint, { headers: { Accept: "application/json", }, }); if (!response.ok) return; const payload = await response.json(); const status = payload && typeof payload === "object" ? readString(payload.status).toLowerCase() : ""; if (status !== "live" && status !== "offline") return; const isLive = status === "live"; nodes.label.textContent = isLive ? "Live" : "Offline"; nodes.meta.classList.toggle("is-offline", !isLive); nodes.meta.classList.toggle("is-live", isLive); } catch (error) {} } function toggleDashboardStatsVisibility() { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return false; const statsGrid = body.querySelector(".dashboard-stats-band"); const session = getSession(); const currentTier = normalizeSubscriptionTier(session && session.subscriptionTier); const analyticsAvailable = hasSubscriptionAccess(currentTier, "pro"); if (statsGrid) { statsGrid.hidden = !analyticsAvailable; } body.classList.toggle("dashboard-has-analytics", analyticsAvailable); body.classList.toggle("dashboard-no-analytics", !analyticsAvailable); hydrateDashboardAnalyticsCard(analyticsAvailable); return analyticsAvailable; } async function hydrateDashboardHomeStats() { const body = document.body; if (!body || !body.classList.contains("dashboard-home-page")) return; void hydrateDashboardLiveStatusLabel(); void hydrateDashboardLastUpdatedLabel(); const analyticsAvailable = toggleDashboardStatsVisibility(); if (!analyticsAvailable) return; const stats = getDashboardHomeStatNodes(); if ( !stats.locationsSummary || !stats.locationsActive || !stats.views || !stats.searches || !stats.clicks ) { return; } const locations = getLocations(); const totalLocations = locations.length; const activeLocations = locations.reduce((count, location) => { const status = readString(location && location.status).toLowerCase(); if (status === "draft") return count; return count + 1; }, 0); stats.locationsSummary.textContent = formatDashboardStatValue(totalLocations); stats.locationsActive.textContent = formatDashboardStatValue(activeLocations) + " active"; setDashboardStatValue(stats.views, 0); setDashboardStatValue(stats.searches, 0); setDashboardStatValue(stats.clicks, 0); setDashboardViewsHint(stats.viewsHint, 0); setDashboardSearchesHint(stats.searchesHint, 0); setDashboardClicksHint(stats.clicksHint, 0); const emptySeries = createFlatSparklineSeries(DASHBOARD_ANALYTICS_DAY_WINDOW); setDashboardSparkline(stats.viewsSparkline, emptySeries); setDashboardSparkline(stats.searchesSparkline, emptySeries); setDashboardSparkline(stats.clicksSparkline, emptySeries); const accountId = getCurrentAccountId(); if (!accountId) return; if (!window.fetch || typeof window.fetch !== "function") return; try { const query = new URLSearchParams(); query.set("account", accountId); query.set("days", String(DASHBOARD_ANALYTICS_DAY_WINDOW)); const response = await window.fetch(LOCATOR_ANALYTICS_ENDPOINT + "?" + query.toString(), { headers: { Accept: "application/json", }, }); if (!response.ok) return; const payload = await response.json(); const summary = payload && typeof payload === "object" && payload.summary && typeof payload.summary === "object" ? payload.summary : {}; const analyticsTotalLocations = toNonNegativeInteger(summary.totalLocations); if (totalLocations <= 0 && analyticsTotalLocations > 0) { stats.locationsSummary.textContent = formatDashboardStatValue(analyticsTotalLocations); stats.locationsActive.textContent = formatDashboardStatValue(analyticsTotalLocations) + " active"; } setDashboardStatValue(stats.views, summary.locatorViews); setDashboardStatValue(stats.searches, summary.searches); setDashboardStatValue(stats.clicks, summary.locationClicks); setDashboardViewsHint(stats.viewsHint, summary.locatorViews); setDashboardSearchesHint(stats.searchesHint, summary.searches); setDashboardClicksHint(stats.clicksHint, summary.locationClicks); setDashboardSparkline( stats.viewsSparkline, readDashboardDailyMetricSeries(payload, "locatorViews") ); setDashboardSparkline( stats.searchesSparkline, readDashboardDailyMetricSeries(payload, "searches") ); setDashboardSparkline( stats.clicksSparkline, readDashboardDailyMetricSeries(payload, "locationClicks") ); } catch (error) { // Keep already rendered fallback values when analytics is unavailable. } } const customSelectInstances = new Map(); let customSelectDomObserver = null; let activeCustomSelectInstance = null; let customSelectIdCounter = 0; function isDashboardShellPage() { const body = document.body; return Boolean(body && body.classList && body.classList.contains("dashboard-shell")); } function shouldAutoHydrateSelect(select) { if (!(select instanceof HTMLSelectElement)) return false; if (!isDashboardShellPage()) return false; if (!select.isConnected) return false; if (select.multiple || select.size > 1) return false; if (select.hasAttribute("data-native-select")) return false; if (select.closest(".custom-select")) return false; return true; } function ensureSelectElementId(select) { const existing = readString(select.id); if (existing) return existing; customSelectIdCounter += 1; const nextId = "custom-select-native-" + String(customSelectIdCounter); select.id = nextId; return nextId; } function escapeHtml(value) { return String(value ?? "") .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } function getSelectableCustomOptionButtons(instance) { return Array.from( instance.menu.querySelectorAll(".custom-select-option:not(:disabled)") ); } function syncCustomSelectState(select) { const instance = customSelectInstances.get(select); if (!instance) return; if (!select.isConnected) { teardownCustomSelect(select); return; } const options = Array.from(select.options); const selectedIndex = select.selectedIndex >= 0 ? select.selectedIndex : 0; const selectedOption = options[selectedIndex] || (options.length ? options[0] : null); const selectedValue = selectedOption ? String(selectedOption.value) : ""; const selectedLabel = selectedOption ? readString(selectedOption.textContent) || selectedValue : ""; instance.trigger.textContent = selectedLabel; instance.trigger.title = selectedLabel; instance.trigger.disabled = Boolean(select.disabled); instance.wrapper.classList.toggle("is-disabled", Boolean(select.disabled)); if (select.disabled) { closeCustomSelect(select); } const optionsMarkup = options .map((option, index) => { const value = String(option.value); const label = readString(option.textContent) || value; const isSelected = value === selectedValue; return ( '

' + '" + "

" ); }) .join(""); instance.menu.innerHTML = optionsMarkup; } function selectCustomSelectOption(select, index) { const instance = customSelectInstances.get(select); if (!instance) return; const parsedIndex = Number(index); if (!Number.isInteger(parsedIndex) || parsedIndex < 0) return; if (parsedIndex >= select.options.length) return; if (select.options[parsedIndex].disabled) return; const previousValue = String(select.value); select.selectedIndex = parsedIndex; const nextValue = String(select.value); syncCustomSelectState(select); closeCustomSelect(select); instance.trigger.focus(); if (nextValue === previousValue) return; select.dispatchEvent(new Event("input", { bubbles: true })); select.dispatchEvent(new Event("change", { bubbles: true })); } function focusCustomSelectOption(select, strategy) { const instance = customSelectInstances.get(select); if (!instance) return; const options = getSelectableCustomOptionButtons(instance); if (!options.length) return; const selectedIndex = options.findIndex((option) => option.classList.contains("is-selected") ); const activeIndex = options.findIndex((option) => option === document.activeElement); let targetIndex = selectedIndex >= 0 ? selectedIndex : 0; if (strategy === "first") { targetIndex = 0; } else if (strategy === "last") { targetIndex = options.length - 1; } else if (strategy === "next") { const baseIndex = activeIndex >= 0 ? activeIndex : targetIndex; targetIndex = Math.min(options.length - 1, baseIndex + 1); } else if (strategy === "prev") { const baseIndex = activeIndex >= 0 ? activeIndex : targetIndex; targetIndex = Math.max(0, baseIndex - 1); } const target = options[targetIndex]; if (target) { target.focus(); } } function openCustomSelect(select) { const instance = customSelectInstances.get(select); if (!instance || select.disabled || instance.isOpen) return; if (activeCustomSelectInstance && activeCustomSelectInstance !== instance) { closeCustomSelect(activeCustomSelectInstance.select); } instance.isOpen = true; activeCustomSelectInstance = instance; instance.menu.hidden = false; syncCustomSelectMenuPlacement(select); instance.wrapper.classList.add("is-open"); instance.trigger.setAttribute("aria-expanded", "true"); } function closeCustomSelect(select) { const instance = customSelectInstances.get(select); if (!instance || !instance.isOpen) return; instance.isOpen = false; instance.wrapper.classList.remove("is-open"); instance.trigger.setAttribute("aria-expanded", "false"); instance.menu.hidden = true; if (activeCustomSelectInstance === instance) { activeCustomSelectInstance = null; } } function syncCustomSelectMenuPlacement(select) { const instance = customSelectInstances.get(select); if (!instance || !instance.wrapper || !instance.menu) return; const wrapper = instance.wrapper; const menu = instance.menu; const wasHidden = Boolean(menu.hidden); const previousVisibility = menu.style.visibility; const previousPointerEvents = menu.style.pointerEvents; if (wasHidden) { menu.hidden = false; menu.style.visibility = "hidden"; menu.style.pointerEvents = "none"; } wrapper.classList.remove("opens-up"); const wrapperRect = wrapper.getBoundingClientRect(); const menuRect = menu.getBoundingClientRect(); const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0; const spaceAbove = Math.max(0, wrapperRect.top); const spaceBelow = Math.max(0, viewportHeight - wrapperRect.bottom); const menuHeight = Math.max(0, menuRect.height); const desiredSpace = Math.min(menuHeight + 12, 252); const shouldOpenUp = spaceBelow < desiredSpace && spaceAbove > spaceBelow; wrapper.classList.toggle("opens-up", shouldOpenUp); if (wasHidden) { menu.hidden = true; if (previousVisibility) { menu.style.visibility = previousVisibility; } else { menu.style.removeProperty("visibility"); } if (previousPointerEvents) { menu.style.pointerEvents = previousPointerEvents; } else { menu.style.removeProperty("pointer-events"); } } } function teardownCustomSelect(select) { const instance = customSelectInstances.get(select); if (!instance) return; if (activeCustomSelectInstance === instance) { activeCustomSelectInstance = null; } if (instance.optionObserver) { instance.optionObserver.disconnect(); } if (instance.wrapper && instance.wrapper.isConnected) { instance.wrapper.remove(); } select.classList.remove("custom-select-native"); select.removeAttribute("data-custom-select-enhanced"); select.removeAttribute("aria-hidden"); select.removeAttribute("tabindex"); customSelectInstances.delete(select); } function hydrateSingleCustomSelect(select) { if (!shouldAutoHydrateSelect(select)) return; if (customSelectInstances.has(select)) { syncCustomSelectState(select); return; } const selectId = ensureSelectElementId(select); const menuId = selectId + "-menu"; const wrapper = document.createElement("div"); wrapper.className = "custom-select auto-custom-select"; wrapper.setAttribute("data-custom-select-for", selectId); const trigger = document.createElement("button"); trigger.type = "button"; trigger.className = "custom-select-trigger"; trigger.setAttribute("aria-haspopup", "listbox"); trigger.setAttribute("aria-expanded", "false"); trigger.setAttribute("aria-controls", menuId); const menu = document.createElement("ul"); menu.id = menuId; menu.className = "custom-select-menu"; menu.setAttribute("role", "listbox"); menu.hidden = true; wrapper.appendChild(trigger); wrapper.appendChild(menu); select.insertAdjacentElement("afterend", wrapper); select.classList.add("custom-select-native"); select.setAttribute("data-custom-select-enhanced", "true"); select.setAttribute("aria-hidden", "true"); select.setAttribute("tabindex", "-1"); const optionObserver = new MutationObserver(() => { syncCustomSelectState(select); }); optionObserver.observe(select, { childList: true, subtree: true, attributes: true, attributeFilter: ["disabled"], }); const instance = { select: select, wrapper: wrapper, trigger: trigger, menu: menu, isOpen: false, optionObserver: optionObserver, }; customSelectInstances.set(select, instance); trigger.addEventListener("click", (event) => { event.preventDefault(); if (instance.isOpen) { closeCustomSelect(select); return; } openCustomSelect(select); focusCustomSelectOption(select, "selected"); }); trigger.addEventListener("keydown", (event) => { if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") { event.preventDefault(); openCustomSelect(select); focusCustomSelectOption(select, "selected"); return; } if (event.key === "ArrowUp") { event.preventDefault(); openCustomSelect(select); focusCustomSelectOption(select, "last"); } }); menu.addEventListener("click", (event) => { const optionNode = event.target.closest("[data-custom-select-option-index]"); if (!optionNode || !menu.contains(optionNode)) return; event.preventDefault(); selectCustomSelectOption( select, optionNode.getAttribute("data-custom-select-option-index") ); }); menu.addEventListener("keydown", (event) => { if (event.key === "Escape") { event.preventDefault(); closeCustomSelect(select); trigger.focus(); return; } if (event.key === "ArrowDown") { event.preventDefault(); focusCustomSelectOption(select, "next"); return; } if (event.key === "ArrowUp") { event.preventDefault(); focusCustomSelectOption(select, "prev"); return; } if (event.key === "Home") { event.preventDefault(); focusCustomSelectOption(select, "first"); return; } if (event.key === "End") { event.preventDefault(); focusCustomSelectOption(select, "last"); return; } if (event.key === "Enter" || event.key === " ") { const active = document.activeElement; if (!active || !menu.contains(active)) return; const optionNode = active.closest("[data-custom-select-option-index]"); if (!optionNode) return; event.preventDefault(); selectCustomSelectOption( select, optionNode.getAttribute("data-custom-select-option-index") ); } }); select.addEventListener("change", () => { syncCustomSelectState(select); }); select.addEventListener("input", () => { syncCustomSelectState(select); }); window.addEventListener("resize", () => { if (!instance.isOpen) return; syncCustomSelectMenuPlacement(select); }); syncCustomSelectState(select); } function hydrateCustomSelects(rootNode) { if (!isDashboardShellPage()) return; const nodes = []; if (rootNode instanceof HTMLSelectElement) { nodes.push(rootNode); } else if (rootNode && typeof rootNode.querySelectorAll === "function") { if (rootNode instanceof Element && rootNode.matches("select")) { nodes.push(rootNode); } const found = rootNode.querySelectorAll("select"); found.forEach((select) => nodes.push(select)); } else { document.querySelectorAll("select").forEach((select) => nodes.push(select)); } nodes.forEach((select) => { hydrateSingleCustomSelect(select); }); customSelectInstances.forEach((instance, select) => { if (!select.isConnected || !instance.wrapper || !instance.wrapper.isConnected) { teardownCustomSelect(select); } }); } function closeActiveCustomSelectForOutsideInteraction(target) { if (!activeCustomSelectInstance) return; if (activeCustomSelectInstance.wrapper.contains(target)) return; closeCustomSelect(activeCustomSelectInstance.select); } function startCustomSelectDomObserver() { if (customSelectDomObserver || !isDashboardShellPage()) return; const body = document.body; if (!body) return; customSelectDomObserver = new MutationObserver((mutations) => { mutations.forEach((mutation) => { mutation.addedNodes.forEach((node) => { if (!(node instanceof Element)) return; hydrateCustomSelects(node); }); }); }); customSelectDomObserver.observe(body, { childList: true, subtree: true, }); document.addEventListener("pointerdown", (event) => { closeActiveCustomSelectForOutsideInteraction(event.target); }); document.addEventListener("focusin", (event) => { closeActiveCustomSelectForOutsideInteraction(event.target); }); document.addEventListener("keydown", (event) => { if (event.key !== "Escape" || !activeCustomSelectInstance) return; closeCustomSelect(activeCustomSelectInstance.select); activeCustomSelectInstance.trigger.focus(); }); } function refreshCustomSelects(rootNode) { if (!isDashboardShellPage()) return; hydrateCustomSelects(rootNode || document); startCustomSelectDomObserver(); } async function initializePageAuth() { const body = document.body; if (!body) return; if (body.dataset.dashboardBackdrop === "globe") { ensureDashboardGlobeBackdrop(); } const requiresAuth = body.dataset.requireAuth === "true"; if (requiresAuth) { await refreshSession(true); } if (requiresAuth && !requireAuth()) return; if (requiresAuth && !enforcePageSubscriptionAccess()) return; if (requiresAuth && !enforcePagePermissionAccess()) return; hydrateAuthUi(); hydrateSubscriptionCards(); applyPermissionLocks(); maybeShowPlanLockNotice(); refreshCustomSelects(document); await hydrateSharedLocationsForCurrentAccount(); hydrateDashboardCardLinks(); void hydrateDashboardHomeStats(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => { void initializePageAuth(); }); } else { void initializePageAuth(); } const siimplyLocatorLocationsApi = { STORAGE_KEY: LOCATION_STORAGE_KEY, LEGACY_STORAGE_KEY: LEGACY_LOCATION_STORAGE_KEY, getStorageKeyForAccount: getLocationStorageKey, getLegacyStorageKeyForAccount: getLegacyLocationStorageKey, getLocations: getLocations, saveLocations: saveLocations, formatPhoneNumber: formatPhoneNumber, buildAddressFromParts: buildAddressFromParts, }; const siimplyLocatorAuthApi = { SESSION_STORAGE_KEY: SESSION_STORAGE_KEY, LEGACY_SESSION_STORAGE_KEY: LEGACY_SESSION_STORAGE_KEY, getAccounts: getAccounts, createAccount: createAccount, signInWithPassword: signInWithPassword, signInWithProvider: signInWithProvider, refreshSession: refreshSession, getSession: getSession, clearSession: clearSession, isAuthenticated: isAuthenticated, requireAuth: requireAuth, signOut: signOut, providerLabel: providerLabel, normalizeEmail: normalizeEmail, normalizeSubscriptionTier: normalizeSubscriptionTier, getCurrentSubscriptionProfile: getCurrentSubscriptionProfile, getCurrentAccountRole: getCurrentAccountRole, hasPermission: hasCurrentAccountPermission, switchWorkspace: switchWorkspace, openBillingPortal: openBillingPortal, }; const siimplyLocatorAppApi = { initializePageAuth: initializePageAuth, refreshCustomSelects: refreshCustomSelects, }; window.SiimplyLocatorLocations = siimplyLocatorLocationsApi; window.StorepathLocations = siimplyLocatorLocationsApi; window.SiimplyLocatorAuth = siimplyLocatorAuthApi; window.StorepathAuth = siimplyLocatorAuthApi; window.__siimplylocatorApp = siimplyLocatorAppApi; window.__storepathApp = siimplyLocatorAppApi; })();

Sign in to continue