"use strict";var _jsxruntime = require("react/jsx-runtime");Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _react = require('react'); var _react2 = _interopRequireDefault(_react); /** * Pan American Silver — PageTemplate (Section 7). * * Page chrome only: icon sprite, header, mobile menu, language switch, footer and the * floating concierge button. Every block is its own playlist skin in PlaylistsRenderer. * * CHROME DATA ARRIVES WITH THE PAGE. The articles live in the hidden site-chrome section * and reach this template through three skinless playlists on Section 7 (PAS Site Config, * PAS Nav, PAS Footer Links), so the header and footer are in the served HTML. The xprApi * fetch the Xia docs show would run after load, and /gateway/xpr answers 401 here anyway. * * THE LANGUAGE SWITCH WORKS IN PLACE. Every translation ships inside each article * (_embedded.Translations), so changing language needs no request. This template owns the * choice: it sets window.__pasLocale and fires `pas:locale`, and each skin re-reads its * articles. `?lang=es` and `?lang=pt` make a language shareable. * * SKINS TALK OVER WINDOW EVENTS, because a boson cannot import another boson: * pas:locale the language changed * pas:set-locale a skin asks for a language (detail: locale) * pas:concierge open the concierge (detail: { flow, question }) * * No double braces anywhere: bosons are stored through Handlebars. Inline style objects * and __html objects are hoisted for that reason. */ const BOOT = { __html: "document.documentElement.classList.add('js');" + "window.addEventListener('error',function(){document.documentElement.classList.remove('js');});", }; const SPRITE = { __html: "" }; const SPRITE_STYLE = { position: "absolute" }; const bySort = (x, y) => (_nullishCoalesce(_optionalChain([x, 'optionalAccess', _ => _.SortOrder]), () => ( 0))) - (_nullishCoalesce(_optionalChain([y, 'optionalAccess', _2 => _2.SortOrder]), () => ( 0))); function chromeArticles(playlists, name) { const pl = (Array.isArray(playlists) ? playlists : []).find((p) => _optionalChain([p, 'optionalAccess', _3 => _3.Name]) === name); return (_nullishCoalesce(_optionalChain([pl, 'optionalAccess', _4 => _4._embedded, 'optionalAccess', _5 => _5.PlaylistItems]), () => ( []))).slice().sort(bySort).map((i) => _optionalChain([i, 'optionalAccess', _6 => _6._embedded, 'optionalAccess', _7 => _7.Article])).filter(Boolean); } function localize(article, locale) { if (!locale || _optionalChain([article, 'optionalAccess', _8 => _8._embedded, 'optionalAccess', _9 => _9.Language, 'optionalAccess', _10 => _10.Locale]) === locale) return article; const rows = _nullishCoalesce(_optionalChain([article, 'optionalAccess', _11 => _11._embedded, 'optionalAccess', _12 => _12.Translations]), () => ( [])); return rows.find((t) => _optionalChain([t, 'optionalAccess', _13 => _13._embedded, 'optionalAccess', _14 => _14.Language, 'optionalAccess', _15 => _15.Locale]) === locale) || article; } function parseLabels(text) { const out = {}; String(text || "").split("\n").forEach((line) => { const at = line.indexOf(":"); if (at > 0) out[line.slice(0, at).trim()] = line.slice(at + 1).trim(); }); return out; } function useThumb(dep) { const ref = _react.useRef.call(void 0, null); _react.useEffect.call(void 0, () => { const seg = ref.current; if (!seg) return undefined; const sync = () => { const on = seg.querySelector('button[aria-pressed="true"]'); const thumb = seg.querySelector(".seg-thumb"); if (!on || !thumb || !on.offsetParent) return; thumb.style.width = `${on.offsetWidth}px`; thumb.style.height = `${on.offsetHeight}px`; thumb.style.transform = `translate(${on.offsetLeft}px,${on.offsetTop}px)`; window.setTimeout(() => seg.classList.add("ready"), 30); }; sync(); const fonts = document.fonts; if (fonts && fonts.ready) fonts.ready.then(sync); window.addEventListener("resize", sync); return () => window.removeEventListener("resize", sync); }, [dep]); return ref; } function LangSeg({ languages, active, group, onPick, extra = "", dep = "" }) { const ref = useThumb(`${active}${dep}`); return ( _jsxruntime.jsxs.call(void 0, 'div', { ref: ref, className: `seg seg-glass seg-sm lang-seg ${extra}`, role: "group", 'aria-label': group, children: [ _jsxruntime.jsx.call(void 0, 'span', { className: "seg-thumb",} ) , languages.map((l) => ( _jsxruntime.jsx.call(void 0, 'button', { type: "button", 'aria-pressed': l.Locale === active ? "true" : "false", onClick: () => onPick(l.Locale), children: l.Abbreviation }, l.Id) )) ]}) ); } const SPY_IDS = ["about", "operations", "create-value", "invest", "news", "careers", "concierge"]; function PageTemplate({ playlists, PlaylistsRenderer }) { const [locale, setLocale] = _react.useState.call(void 0, null); const [scrolled, setScrolled] = _react.useState.call(void 0, false); const [menu, setMenu] = _react.useState.call(void 0, false); const [fab, setFab] = _react.useState.call(void 0, false); const [activeLink, setActiveLink] = _react.useState.call(void 0, ""); const conciergeInView = _react.useRef.call(void 0, false); const source = chromeArticles(playlists, "PAS Site Config")[0]; const article = localize(source, locale); const cf = _nullishCoalesce(_optionalChain([article, 'optionalAccess', _16 => _16._embedded, 'optionalAccess', _17 => _17.CustomFields]), () => ( {})); const labels = parseLabels(cf.Labels); const logo = _optionalChain([article, 'optionalAccess', _18 => _18._embedded, 'optionalAccess', _19 => _19.Picture, 'optionalAccess', _20 => _20.SourcePath]); const nav = chromeArticles(playlists, "PAS Nav").map((a) => localize(a, locale)); const footer = chromeArticles(playlists, "PAS Footer Links").map((a) => localize(a, locale)); const servedLocale = _optionalChain([source, 'optionalAccess', _21 => _21._embedded, 'optionalAccess', _22 => _22.Language, 'optionalAccess', _23 => _23.Locale]); const languages = (source ? [source, ...(_nullishCoalesce(_optionalChain([source, 'access', _24 => _24._embedded, 'optionalAccess', _25 => _25.Translations]), () => ( [])))] : []) .map((a) => _optionalChain([a, 'optionalAccess', _26 => _26._embedded, 'optionalAccess', _27 => _27.Language])) .filter(Boolean) .sort((x, y) => x.Id - y.Id); const activeLocale = locale || servedLocale; const columns = []; const columnAt = {}; footer.forEach((link) => { const head = _optionalChain([link, 'optionalAccess', _28 => _28._embedded, 'optionalAccess', _29 => _29.CustomFields, 'optionalAccess', _30 => _30.SecondaryTitle]) || ""; if (!(head in columnAt)) { columnAt[head] = columns.length; columns.push({ head, links: [] }); } columns[columnAt[head]].links.push(link); }); const chooseLocale = (next) => { const language = languages.find((l) => l.Locale === next); if (!language) return; window.__pasLocale = next; document.documentElement.lang = next.replace("_", "-"); const url = new URL(window.location.href); if (language.Default) url.searchParams.delete("lang"); else url.searchParams.set("lang", language.IsoCode); window.history.replaceState(window.history.state, "", url); setLocale(next); window.dispatchEvent(new CustomEvent("pas:locale")); }; const chooseRef = _react.useRef.call(void 0, chooseLocale); chooseRef.current = chooseLocale; _react.useEffect.call(void 0, () => { if (labels.pageTitle) document.title = labels.pageTitle; }, [locale]); _react.useEffect.call(void 0, () => { const onSetLocale = (e) => chooseRef.current(e.detail); window.addEventListener("pas:set-locale", onSetLocale); const wanted = new URLSearchParams(window.location.search).get("lang"); const match = languages.find((l) => l.IsoCode === wanted); if (match && match.Locale !== servedLocale) chooseRef.current(match.Locale); return () => window.removeEventListener("pas:set-locale", onSetLocale); }, []); _react.useEffect.call(void 0, () => { let ticking = false; const sync = () => { const y = window.scrollY || window.pageYOffset || 0; setScrolled(y > 40); setFab(y > window.innerHeight * 0.8 && !conciergeInView.current); }; const onScroll = () => { if (ticking) return; ticking = true; window.requestAnimationFrame(() => { sync(); ticking = false; }); }; window.addEventListener("scroll", onScroll, { passive: true }); sync(); let spy = null; if ("IntersectionObserver" in window) { spy = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.target.id === "concierge") { conciergeInView.current = entry.isIntersecting; sync(); } if (entry.isIntersecting) setActiveLink(`#${entry.target.id}`); }); }, { rootMargin: "-45% 0px -50% 0px" }); SPY_IDS.forEach((id) => { const el = document.getElementById(id); if (el) spy.observe(el); }); } const onKey = (e) => { if (e.key === "Escape") setMenu(false); }; document.addEventListener("keydown", onKey); return () => { window.removeEventListener("scroll", onScroll); document.removeEventListener("keydown", onKey); if (spy) spy.disconnect(); }; }, []); const openConcierge = (flow) => { setMenu(false); window.dispatchEvent(new CustomEvent("pas:concierge", { detail: { flow } })); }; return ( _jsxruntime.jsxs.call(void 0, 'div', { className: "bg-white font-body" , children: [ _jsxruntime.jsx.call(void 0, 'script', { dangerouslySetInnerHTML: BOOT,} ) , _jsxruntime.jsx.call(void 0, 'svg', { width: "0", height: "0", style: SPRITE_STYLE, 'aria-hidden': "true", focusable: "false", dangerouslySetInnerHTML: SPRITE,} ) , _jsxruntime.jsx.call(void 0, 'a', { href: "#main", className: "skip", children: labels.skip}) , _jsxruntime.jsx.call(void 0, 'header', { id: "hdr", className: `fixed inset-x-0 top-0 z-50${scrolled ? " is-scrolled" : ""}`, children: _jsxruntime.jsxs.call(void 0, 'div', { className: "mx-auto max-w-[1360px] px-3 md:px-6" , children: [ _jsxruntime.jsxs.call(void 0, 'div', { className: "hdr-bar flex h-[76px] items-center justify-between gap-4 rounded-full px-4 md:px-6" , children: [ _jsxruntime.jsx.call(void 0, 'a', { href: "#top", className: "flex flex-none items-center" , 'aria-label': labels.home, children: logo ? _jsxruntime.jsx.call(void 0, 'img', { src: logo, alt: cf.PictureAlt, className: "h-8 w-auto md:h-9" ,} ) : null }) , _jsxruntime.jsx.call(void 0, 'nav', { className: "hidden items-center gap-5 min-[1360px]:gap-9 xl:flex" , 'aria-label': labels.primary, children: nav.map((link, i) => ( _jsxruntime.jsx.call(void 0, 'a', { href: link.ArticleLinkUrl, className: `nav-a${activeLink === link.ArticleLinkUrl ? " active" : ""}`, children: link.Title }, i) )) }) , _jsxruntime.jsxs.call(void 0, 'div', { className: "flex items-center gap-2 md:gap-3" , children: [ _jsxruntime.jsx.call(void 0, LangSeg, { languages: languages, active: activeLocale, group: labels.language, onPick: chooseLocale, extra: "hidden sm:inline-flex" ,} ) , _jsxruntime.jsxs.call(void 0, 'button', { type: "button", className: "btn btn-gold btn-sm hidden md:inline-flex" , onClick: () => openConcierge(cf.FlowKey), children: [ _jsxruntime.jsx.call(void 0, 'svg', { className: "ico", 'aria-hidden': "true", children: _jsxruntime.jsx.call(void 0, 'use', { href: "#r-sparkle",} )}) , _jsxruntime.jsx.call(void 0, 'span', { children: cf.CtaLabel}) ]}) , _jsxruntime.jsx.call(void 0, 'button', { type: "button", className: "grid h-11 w-11 place-items-center rounded-full text-white transition-colors hover:bg-white/10 xl:hidden" , 'aria-label': labels.menu, 'aria-expanded': menu ? "true" : "false", 'aria-controls': "mnav", onClick: () => setMenu(!menu), children: _jsxruntime.jsx.call(void 0, 'svg', { className: "ico text-[24px]" , 'aria-hidden': "true", children: _jsxruntime.jsx.call(void 0, 'use', { href: menu ? "#r-x" : "#r-list",} )}) }) ]}) ]}) , _jsxruntime.jsxs.call(void 0, 'div', { id: "mnav", className: "mnav xl:hidden" , hidden: !menu, children: [ _jsxruntime.jsx.call(void 0, 'nav', { className: "flex flex-col" , 'aria-label': labels.mobile, children: nav.map((link, i) => ( _jsxruntime.jsx.call(void 0, 'a', { href: link.ArticleLinkUrl, className: `py-3.5 font-display text-[22px] text-white${i < nav.length - 1 ? " border-b border-white/10" : ""}`, onClick: () => setMenu(false), children: link.Title }, i) )) }) , _jsxruntime.jsxs.call(void 0, 'div', { className: "mt-4 flex flex-wrap items-center justify-between gap-3" , children: [ _jsxruntime.jsx.call(void 0, LangSeg, { languages: languages, active: activeLocale, group: labels.language, onPick: chooseLocale, dep: menu ? "open" : "closed",} ) , _jsxruntime.jsxs.call(void 0, 'button', { type: "button", className: "btn btn-gold btn-sm" , onClick: () => openConcierge(cf.FlowKey), children: [ _jsxruntime.jsx.call(void 0, 'svg', { className: "ico", 'aria-hidden': "true", children: _jsxruntime.jsx.call(void 0, 'use', { href: "#r-sparkle",} )}) , _jsxruntime.jsx.call(void 0, 'span', { children: cf.CtaLabel}) ]}) ]}) ]}) ]}) }) , _jsxruntime.jsx.call(void 0, 'main', { id: "main", className: "min-h-[100svh]", children: _jsxruntime.jsx.call(void 0, PlaylistsRenderer, {} )}) , _jsxruntime.jsx.call(void 0, 'footer', { className: "bg-navy-950 pt-20 text-white" , children: _jsxruntime.jsxs.call(void 0, 'div', { className: "mx-auto max-w-[1320px] px-5 md:px-8" , children: [ _jsxruntime.jsxs.call(void 0, 'div', { className: "grid gap-12 border-b border-white/10 pb-14 md:grid-cols-12" , children: [ _jsxruntime.jsxs.call(void 0, 'div', { className: "md:col-span-4", children: [ logo ? _jsxruntime.jsx.call(void 0, 'img', { src: logo, alt: cf.PictureAlt, className: "h-10 w-auto" ,} ) : null , _jsxruntime.jsx.call(void 0, 'p', { className: "mt-6 max-w-[34ch] text-[14px] leading-relaxed text-white/65" , children: _optionalChain([article, 'optionalAccess', _31 => _31.Description])}) , _jsxruntime.jsx.call(void 0, 'p', { className: "mt-5 text-[12.5px] font-semibold uppercase tracking-[.12em] text-white/80" , children: cf.SecondaryTitle}) ]}) , _jsxruntime.jsxs.call(void 0, 'div', { className: "grid grid-cols-2 gap-10 sm:grid-cols-4 md:col-span-8" , children: [ columns.map((column, i) => ( _jsxruntime.jsxs.call(void 0, 'div', { children: [ _jsxruntime.jsx.call(void 0, 'h4', { className: "text-[12px] font-bold uppercase tracking-[.14em] text-gold" , children: column.head}) , _jsxruntime.jsx.call(void 0, 'ul', { className: "mt-4 space-y-3" , children: column.links.map((link, j) => ( _jsxruntime.jsx.call(void 0, 'li', { children: _jsxruntime.jsx.call(void 0, 'a', { href: link.ArticleLinkUrl, className: "f-a", children: link.Title})}, j) )) }) ]}, i) )) , _jsxruntime.jsxs.call(void 0, 'div', { children: [ _jsxruntime.jsx.call(void 0, 'h4', { className: "text-[12px] font-bold uppercase tracking-[.14em] text-gold" , children: labels.contact}) , _jsxruntime.jsx.call(void 0, 'p', { className: "mt-4 whitespace-pre-line text-[14px] leading-relaxed text-white/70" , children: cf.Address}) , cf.SocialLinkedIn ? ( _jsxruntime.jsx.call(void 0, 'a', { href: cf.SocialLinkedIn, className: "mt-4 inline-grid h-10 w-10 place-items-center rounded-full border border-white/20 text-white transition-colors hover:border-gold hover:bg-gold hover:text-navy-950" , 'aria-label': labels.linkedin, target: "_blank", rel: "noopener", children: _jsxruntime.jsx.call(void 0, 'svg', { className: "ico text-[18px]" , 'aria-hidden': "true", children: _jsxruntime.jsx.call(void 0, 'use', { href: "#r-linkedin-logo",} )}) }) ) : null ]}) ]}) ]}) , _jsxruntime.jsxs.call(void 0, 'div', { className: "flex flex-col justify-between gap-3 py-7 text-[12px] text-white/55 md:flex-row" , children: [ _jsxruntime.jsxs.call(void 0, 'span', { children: ["© " , new Date().getFullYear(), " " , cf.FooterCopyright]}) , _jsxruntime.jsx.call(void 0, 'span', { children: cf.Note}) ]}) ]}) }) , _jsxruntime.jsxs.call(void 0, 'button', { type: "button", className: `fab btn btn-gold${fab ? " show" : ""}`, 'aria-label': labels.fab, onClick: () => openConcierge(), children: [ _jsxruntime.jsx.call(void 0, 'svg', { className: "ico", 'aria-hidden': "true", children: _jsxruntime.jsx.call(void 0, 'use', { href: "#r-sparkle",} )}) , _jsxruntime.jsx.call(void 0, 'span', { children: cf.CtaLabel}) ]}) ]}) ); } exports.default = PageTemplate;

This page is being prepared.