@beamimpact/web-sdk 1.29.0-beta.1 → 1.29.0-beta.3

package/dist/components/impact-overview.esm.js

@@ -1,11 +1,11 @@
-import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25hjN.esm.js";import{d as k}from"../chunks/lodash-ZxBiuGue.esm.js";import{D as z,b as L,S as N}from"../chunks/routes-S9p8QYNm.esm.js";import{B as D}from"../chunks/beam-errors-l02WBee5.esm.js";import{p as E}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as R,u as s,d as B,e as U,A as j,a as A,_ as x,i as u,b as p,f as F}from"../chunks/localize-e-mss8ya.esm.js";import{l as y}from"../chunks/logger-ad87ovol.esm.js";import{r as W,s as P}from"../chunks/vendor-IGhQoYCM.esm.js";import{i as M}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as q}from"./beam-partner-logos.esm.js";import{c as H}from"../chunks/responsive-Rehmv-eo.esm.js";function V(){return/Android|iPhone/i.test(navigator.userAgent)}const I=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})});let C=!1;if(!C){const e=import.meta.url.split("/dist/")[0],a=`${e}/dist/shoelace`,t=`${e}/dist/lucide-static/icons`;W("lucide",{resolver:r=>`${t}/${r}.svg`}),P(a);const i=document.createElement("link");i.href=`${a}/themes/light.css`,i.rel="stylesheet",i.setAttribute("data-beam-impact","true"),document.head.appendChild(i),C=!0}const w=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!M(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var _=Object.defineProperty,K=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?K(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&_(a,t,r),r};class n extends S{constructor(){super(...arguments),this.baseUrl=z,this.lang="en",this.debug=!1,this.getImpactData=async()=>(U(["apiKey","chainId","userId","nonprofitId"],this),await L({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,chainId:this.chainId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new j(this,this.getImpactData),this.resizeElements=k(()=>{w(this.impactTitleRefs),w(this.impactDescriptionRefs),w(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{V()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){y.error(new D("Error sharing impact")),y.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await I(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-d9W7-qTW.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await I(t),l=URL.createObjectURL(c),h=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},b=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(h,250)})},O=()=>{setTimeout(h,250)};$(f`
+import{h as f,f as d,u as w,g as k,Z as z,y as x,k as L}from"../chunks/lit-h1W25hjN.esm.js";import{d as N}from"../chunks/lodash-ZxBiuGue.esm.js";import{D,b as E,S as R}from"../chunks/routes-gjAehped.esm.js";import{B}from"../chunks/beam-errors-l02WBee5.esm.js";import{p as U}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as j,u as s,d as A,e as F,A as W,a as P,_ as C,i as v,b as p,f as M}from"../chunks/localize-e-mss8ya.esm.js";import{l as O}from"../chunks/logger-ad87ovol.esm.js";import{r as q,s as H}from"../chunks/vendor-IGhQoYCM.esm.js";import{i as V}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as _}from"./beam-partner-logos.esm.js";import{c as K}from"../chunks/responsive-Rehmv-eo.esm.js";function G(){return/Android|iPhone/i.test(navigator.userAgent)}const S=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})}),$=import.meta.url;let g="",y="",h="";if($.startsWith("http")?(h=$.split("/dist/")[0],g=`${h}/dist/shoelace`,y=`${h}/dist/lucide-static`):(h="https://production-beam-widgets.beamimpact.com",g=`${h}/lib/shoelace/v2.11.2`,y=`${h}/lib/lucide-static/v0.292.0`),q("lucide",{resolver:e=>`${y}/icons/${e}.svg`}),H(g),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${g}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}const I=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!V(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var J=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?Z(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&J(a,t,r),r};class n extends k{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.debug=!1,this.getImpactData=async()=>(F(["apiKey","chainId","userId","nonprofitId"],this),await E({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,chainId:this.chainId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new W(this,this.getImpactData),this.resizeElements=N(()=>{I(this.impactTitleRefs),I(this.impactDescriptionRefs),I(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{G()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){O.error(new B("Error sharing impact")),O.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await S(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-U6xmvwbS.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await S(t),l=URL.createObjectURL(c),b=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},u=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(b,250)})},T=()=>{setTimeout(b,250)};z(x`
         <sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
           <h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
           <p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
           <img src="${t}" alt="${o[this.configLang].impactShareTitle()}" class="share-image" />
           <div class="share-actions" style="display: flex; justify-content: space-evenly">
             <div style="flex: 1; text-align: center">
-              <button class="plain-button button share-action-button" @click="${b}">
+              <button class="plain-button button share-action-button" @click="${u}">
                 <sl-icon
                   library="lucide"
                   name="copy"
@@ -20,7 +20,7 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
                 class="plain-button button share-action-button plain-link"
                 download="${o[this.configLang].impactShareTitle()}"
                 href="${l}"
-                @click="${O}"
+                @click="${T}"
               >
                 <sl-icon
                   library="lucide"
@@ -32,11 +32,11 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
               </a>
             </div>
           </div>
-          <button class="plain-button button share-close" @click="${h}">
+          <button class="plain-button button share-close" @click="${b}">
             ${o[this.configLang].impactShareClose()}
           </button>
         </sl-dialog>
-      `,r)}}get configLang(){return N[this.lang]||"en"}async updated(){this.resizeElements(),await this.handleFontLoad(this.resizeElements)}willUpdate(a){const t=["chainId","baseUrl","storeId","apiKey","userId","lang"];for(const i of t)if(a.has(i)){this.impactDataController.exec();break}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(t=>console.error(t)),a()}renderCard({imageUrl:a,title:t,percentFunded:i,description:r}){return f`
+      `,r)}}get configLang(){return R[this.lang]||"en"}async updated(){this.resizeElements(),await this.handleFontLoad(this.resizeElements)}willUpdate(a){const t=["chainId","baseUrl","storeId","apiKey","userId","lang"];for(const i of t)if(a.has(i)){this.impactDataController.exec();break}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(t=>console.error(t)),a()}renderCard({imageUrl:a,title:t,percentFunded:i,description:r}){return x`
       <div class="impact-card" part="impact-card">
         <img src="${a}" alt="${t}" class="impact-card-image" />
         <div class="impact-card-content" style="margin: 15px;">
@@ -51,10 +51,10 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
               >${o[this.configLang].percentRaised({percent:i})}</span
             >
           </div>
-          <p class="impact-card-description">${T(r)}</p>
+          <p class="impact-card-description">${L(r)}</p>
         </div>
       </div>
-    `}render(){const{data:a,loading:t,error:i}=this.impactDataController;if(t)return A();if(i)return this.debug?x({error:i}):"";if(a==null)return this.debug?x({error:new Error("No data")}):"";const r=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",c=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",l=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",h=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let b="d-none";return c?b=l?"d-block":"d-lg-none":b=l?"d-none d-lg-block":"d-none",f`
+    `}render(){const{data:a,loading:t,error:i}=this.impactDataController;if(t)return P();if(i)return this.debug?C({error:i}):"";if(a==null)return this.debug?C({error:new Error("No data")}):"";const r=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",c=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",l=r&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",b=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let u="d-none";return c?u=l?"d-block":"d-lg-none":u=l?"d-none d-lg-block":"d-none",x`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -71,16 +71,16 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
 
       <div class="description">
         <div class="title" part="title">
-          ${u(this.configLang,a.config?.web?.title)||o[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
+          ${v(this.configLang,a.config?.web?.title)||o[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
         </div>
         <div class="subtitle" part="subtitle">
-          ${u(this.configLang,a.config?.web?.description)||o[this.configLang].descriptionSubtitle({brandName:a.chain.name})}
+          ${v(this.configLang,a.config?.web?.description)||o[this.configLang].descriptionSubtitle({brandName:a.chain.name})}
         </div>
       </div>
 
       <div class="impact-cards" style="display: flex; flex-wrap: wrap; gap: 15px; margin: 10px 0;">
         <div class="impact your-impact" style="flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;">
-          ${this.renderCard({imageUrl:a.personal[0]?.imageUrl||"",title:o[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,description:u(this.configLang,a.personal[0]?.impact?.description||"")})}
+          ${this.renderCard({imageUrl:a.personal[0]?.imageUrl||"",title:o[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,description:v(this.configLang,a.personal[0]?.impact?.description||"")})}
           <p class="impact-link" part="impact-link">
             <a href="${a.personal[0].nonprofit?.website}">
               ${o[this.configLang].learnMore({name:a.personal[0].nonprofit?.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
@@ -91,7 +91,7 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
           class="impact community-impact"
           style="flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;"
         >
-          ${this.renderCard({imageUrl:a.community[0].imageUrl||"",title:o[this.configLang].communityImpactTitle({brandName:a.chain.name}),percentFunded:a.community[0].impact?.goalProgressPercentage||0,description:u(this.configLang,a.community[0].impact?.description||"")})}
+          ${this.renderCard({imageUrl:a.community[0].imageUrl||"",title:o[this.configLang].communityImpactTitle({brandName:a.chain.name}),percentFunded:a.community[0].impact?.goalProgressPercentage||0,description:v(this.configLang,a.community[0].impact?.description||"")})}
           <p class="impact-link" part="impact-link">
             <a href="${a.chain.communityImpactUrl||a.community[0].nonprofit.website}">
               ${o[this.configLang].seeAllImpact({brandName:a.chain.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
@@ -100,10 +100,10 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
         </div>
       </div>
 
-      <div class="footer ${b}" part="social-share">
+      <div class="footer ${u}" part="social-share">
         <button @click="${this.handleShareClick}" class="share-button share-button-inline button icon-button">
           <sl-icon
-            name="${h}"
+            name="${b}"
             library="lucide"
             label="${o[this.configLang].impactShareButton()}"
             class="share-button-icon"
@@ -113,7 +113,7 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
       </div>
 
       <div id="modal-root"></div>
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...q,...E,...p("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...p("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"800px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"0px","--beam-ImpactOverview-impactCard-marginTop":"10px",...p("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...p("--beam-ImpactOverview-impactCard-progressText"),...p("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...p("--beam-ImpactOverview-impactCard-link",{marginTop:"10px"}),"--beam-ImpactOverview-share-button-display":"none","--beam-ImpactOverview-share-button-display-mobile":"inherit","--beam-ImpactOverview-share-button-display-desktop":"inherit","--beam-ImpactOverview-share-button-textDecoration":"underline","--beam-ImpactOverview-share-button-icon-size":"16px",...p("--beam-ImpactOverview-share-button",{fontSize:"14px",fontWeight:"bold",marginTop:"12px"}),"--beam-ImpactOverview-share-button-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-button-color":"inherit","--beam-ImpactOverview-share-button-borderRadius":"16px","--beam-ImpactOverview-share-button-borderColor":"transparent","--beam-ImpactOverview-share-button-borderWidth":"2px","--beam-ImpactOverview-share-button-padding":"12px 18px 12px 16px","--beam-ImpactOverview-share-button-width":"auto","--beam-ImpactOverview-share-button-hover-color":"inherit","--beam-ImpactOverview-share-button-hover-borderColor":"transparent","--beam-ImpactOverview-share-button-hover-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-dialog-padding":"30px 60px",...p("--beam-ImpactOverview-share-title",{fontSize:"30px",fontWeight:"bold"}),"--beam-ImpactOverview-share-button-icon-name":"share-2","--beam-ImpactOverview-share-image-width":"200px","--beam-ImpactOverview-share-image-borderRadius":"4px","--beam-ImpactOverview-share-image-margin":"20px",...p("--beam-ImpactOverview-share-text",{fontSize:"16px",lineHeight:"1.3",marginTop:"10px"}),"--beam-ImpactOverview-share-actions-margin":"30px 60px","--beam-ImpactOverview-share-action-icon-size":"32px",...p("--beam-ImpactOverview-share-action-text",{fontSize:"16px",marginTop:"5px"}),...p("--beam-ImpactOverview-share-close",{fontSize:"16px",fontWeight:"bold"}),"--beam-ImpactOverview-share-close-padding":"12px","--beam-ImpactOverview-share-close-backgroundColor":"#ffd522","--beam-ImpactOverview-share-close-text-color":"currentColor","--beam-ImpactOverview-share-close-borderRadius":"4px","--beam-ImpactOverview-image-display":"block"},t=this.impactDataController?.data?.config?.web?.theme||{},i={...a,...t};return Object.assign(Object.create({toCSS(){return F(this)}}),i)}}n.tagName="beam-impact-overview",n.styles=[R,H,v`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",..._,...U,...p("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...p("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"800px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"0px","--beam-ImpactOverview-impactCard-marginTop":"10px",...p("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...p("--beam-ImpactOverview-impactCard-progressText"),...p("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...p("--beam-ImpactOverview-impactCard-link",{marginTop:"10px"}),"--beam-ImpactOverview-share-button-display":"none","--beam-ImpactOverview-share-button-display-mobile":"inherit","--beam-ImpactOverview-share-button-display-desktop":"inherit","--beam-ImpactOverview-share-button-textDecoration":"underline","--beam-ImpactOverview-share-button-icon-size":"16px",...p("--beam-ImpactOverview-share-button",{fontSize:"14px",fontWeight:"bold",marginTop:"12px"}),"--beam-ImpactOverview-share-button-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-button-color":"inherit","--beam-ImpactOverview-share-button-borderRadius":"16px","--beam-ImpactOverview-share-button-borderColor":"transparent","--beam-ImpactOverview-share-button-borderWidth":"2px","--beam-ImpactOverview-share-button-padding":"12px 18px 12px 16px","--beam-ImpactOverview-share-button-width":"auto","--beam-ImpactOverview-share-button-hover-color":"inherit","--beam-ImpactOverview-share-button-hover-borderColor":"transparent","--beam-ImpactOverview-share-button-hover-backgroundColor":"#c2dcff","--beam-ImpactOverview-share-dialog-padding":"30px 60px",...p("--beam-ImpactOverview-share-title",{fontSize:"30px",fontWeight:"bold"}),"--beam-ImpactOverview-share-button-icon-name":"share-2","--beam-ImpactOverview-share-image-width":"200px","--beam-ImpactOverview-share-image-borderRadius":"4px","--beam-ImpactOverview-share-image-margin":"20px",...p("--beam-ImpactOverview-share-text",{fontSize:"16px",lineHeight:"1.3",marginTop:"10px"}),"--beam-ImpactOverview-share-actions-margin":"30px 60px","--beam-ImpactOverview-share-action-icon-size":"32px",...p("--beam-ImpactOverview-share-action-text",{fontSize:"16px",marginTop:"5px"}),...p("--beam-ImpactOverview-share-close",{fontSize:"16px",fontWeight:"bold"}),"--beam-ImpactOverview-share-close-padding":"12px","--beam-ImpactOverview-share-close-backgroundColor":"#ffd522","--beam-ImpactOverview-share-close-text-color":"currentColor","--beam-ImpactOverview-share-close-borderRadius":"4px","--beam-ImpactOverview-image-display":"block"},t=this.impactDataController?.data?.config?.web?.theme||{},i={...a,...t};return Object.assign(Object.create({toCSS(){return M(this)}}),i)}}n.tagName="beam-impact-overview",n.styles=[j,K,f`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -220,7 +220,7 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
         //  font-size: calc(var(--beam-ImpactOverview-share-button-icon-size, 16px) * 1.33);
         //}
       }
-    `,v`
+    `,f`
       .button {
         cursor: pointer;
       }
@@ -239,7 +239,7 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
         text-decoration: none;
         color: inherit;
       }
-    `,v`
+    `,f`
       .share-dialog::part(panel) {
         padding: var(--beam-ImpactOverview-share-dialog-padding, 30px 30px);
         text-align: center;
@@ -288,5 +288,5 @@ import{h as v,f as d,u as g,g as S,Z as $,y as f,k as T}from"../chunks/lit-h1W25
       .share-close:hover {
         outline: 2px solid var(--beam-ImpactOverview-share-close-focus-borderColor, currentColor);
       }
-    `],m([d({type:String,reflect:!0})],n.prototype,"baseUrl",2),m([d({type:String,reflect:!1})],n.prototype,"apiKey",2),m([d({type:String,reflect:!0})],n.prototype,"nonprofitId",2),m([d({type:String,reflect:!0})],n.prototype,"chainId",2),m([d({type:String,reflect:!0})],n.prototype,"userId",2),m([d({type:String})],n.prototype,"lang",2),m([d({type:Boolean})],n.prototype,"debug",2),m([g(".impact-card-title")],n.prototype,"impactTitleRefs",2),m([g(".impact-card-description")],n.prototype,"impactDescriptionRefs",2),m([g(".impact-link")],n.prototype,"impactLinkRefs",2),B(n);export{n as BeamImpactOverview};
+    `],m([d({type:String,reflect:!0})],n.prototype,"baseUrl",2),m([d({type:String,reflect:!1})],n.prototype,"apiKey",2),m([d({type:String,reflect:!0})],n.prototype,"nonprofitId",2),m([d({type:String,reflect:!0})],n.prototype,"chainId",2),m([d({type:String,reflect:!0})],n.prototype,"userId",2),m([d({type:String})],n.prototype,"lang",2),m([d({type:Boolean})],n.prototype,"debug",2),m([w(".impact-card-title")],n.prototype,"impactTitleRefs",2),m([w(".impact-card-description")],n.prototype,"impactDescriptionRefs",2),m([w(".impact-link")],n.prototype,"impactLinkRefs",2),A(n);export{n as BeamImpactOverview};
 //# sourceMappingURL=impact-overview.esm.js.map

package/dist/components/impact-overview.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"impact-overview.esm.js","sources":["../../src/shared/feature-detection.ts","../../src/shared/files.ts","../../src/shared/shoelace-components.ts","../../src/shared/sync-element-heights.ts","../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export function isMobile() {\n  return /Android|iPhone/i.test(navigator.userAgent);\n}\n\nexport function hasSystemShare() {\n  return !!navigator.share;\n}\n","export const urlToFile = async (url: string) => {\n  return fetch(url).then(async (r) => {\n    const u = new URL(url);\n    const blob = await r.blob();\n    return new File([blob], u.pathname, { type: blob.type });\n  });\n};\n","/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\n\nlet isSetupComplete = false;\n\nif (!isSetupComplete) {\n  // Asset-loading approach using package-relative imports. This works fine for CDN-loaded assets, but doesn't give a\n  // usable URL for bundlers (NPM users).\n  const selfUrl = import.meta.url; // URL of this JS module\n  const CDN_BASE = selfUrl.split(\"/dist/\")[0]; // localhost:port or subdomain.beamimpact.com\n  const SHOELACE_BASE = `${CDN_BASE}/dist/shoelace`;\n  const ICON_BASE = `${CDN_BASE}/dist/lucide-static/icons`;\n\n  registerIconLibrary(\"lucide\", {\n    resolver: (name: string) => `${ICON_BASE}/${name}.svg`,\n  });\n\n  setBasePath(SHOELACE_BASE);\n\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n\n  isSetupComplete = true;\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize heights of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n * @param {'contentLength' | 'currentHeight'} [options.source='contentLength'] -\n * Method used to get the height value to sync across elements. `contentLength`\n * (innerText.length) is reliable for pure text content when responding to\n * window resizing. Otherwise, currentHeight can  be used to sync the tallest\n * element's height to all the other elements. Note that this works poorly\n * unless content is allowed to reflow with explicit height attributes removed\n * between synchronization calls.\n */\nexport const syncElementHeights = (\n  elements: Array<HTMLElement | null> | NodeList,\n  {\n    source = \"contentLength\",\n  }: {\n    source?: \"contentLength\" | \"currentHeight\";\n  } = {}\n) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const heightSource =\n    source === \"contentLength\"\n      ? els.sort((a, b) => {\n          return b.innerText.length - a.innerText.length;\n        })[0]\n      : els.sort((a, b) => {\n          return b.clientHeight - a.clientHeight;\n        })[0];\n\n  const syncedHeight = heightSource?.clientHeight || 0;\n\n  for (const el of els) {\n    if (el.clientHeight !== syncedHeight) {\n      el.style[\"height\"] = syncedHeight + \"px\";\n    }\n  }\n};\n","export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Check out the impact your ${brandName} purchase made below`,\n    learnMore: ({ name = \"\" }) => `Learn more about ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `See all of the impact by the ${brandName} community`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Your Impact`,\n    communityImpactTitle: ({ brandName = \"\" }) => `The ${brandName} Community's Impact`,\n    // share modal\n    impactShareButton: () => `Share to Grow Our Impact`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Help ${brandName} reach their giving goal by sharing this cause on social media`,\n    impactShareTitle: () => `Share on Social Media`,\n    impactShareCopy: () => `Copy`,\n    impactShareDownload: () => `Download`,\n    impactShareClose: () => `Close`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Vous avez eu un impact positif sur ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Découvrez quel est l'impact de votre achat chez ${brandName} ci-dessous.`,\n    learnMore: ({ name = \"\" }) => `En savoir plus sur ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Voir toutes les contributions de la communauté de ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Votre contribution personnelle`,\n    communityImpactTitle: ({ brandName = \"\" }) => `La contribution de la communauté de ${brandName}`,\n    // share modal\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aidez ${brandName} a atteindre leur objectif en partageant cette cause sur votre réseaux sociaux`,\n    impactShareTitle: () => `Partager sur votre réseaux sociaux`,\n    impactShareCopy: () => `Copier`,\n    impactShareDownload: () => `Télécharger`,\n    impactShareClose: () => `Fermer`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Du hast soeben einen Beitrag geleistet für ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Erfahre mehr über den Beitrag, den du mit deinem ${brandName} Kauf geleistet hast`,\n    learnMore: ({ name = \"\" }) => `Mehr über ${name} erfahren`,\n    seeAllImpact: ({ brandName = \"\" }) =>\n      `Informiere dich über den bisher geleisteten Beitrag der ${brandName} community`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Dein Beitrag`,\n    communityImpactTitle: ({ brandName = \"\" }) => `Der Beitrag der ${brandName} community`,\n    // share modal\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n    impactShareText: ({ brandName = \"\" }) => `Hilf ${brandName} ihre Spendenziel zu erreichen`,\n    impactShareTitle: () => `In den sozialen Medien teilen`,\n    impactShareCopy: () => `Kopieren`,\n    impactShareDownload: () => `Herunterladen`,\n    impactShareClose: () => `Schließen`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Acabas de contribuir con ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Comprueba la contribución que has hecho con tu compra ${brandName} a continuación`,\n    learnMore: ({ name = \"\" }) => `Saber más de ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Mira lo que ha conseguido la comunidad ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => \"Tu contribución\",\n    communityImpactTitle: ({ brandName = \"\" }) => `Tu contribución con la comunidad ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Comparte en las redes sociales para ayudar a ${brandName} a alcanzar su objetivo.`,\n    impactShareTitle: () => \"Compartir en redes sociales\",\n    impactShareCopy: () => \"Copiar\",\n    impactShareDownload: () => \"Descargar\",\n    impactShareClose: () => \"Cerrar\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Hai appena fatto la differenza per ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Guarda qui sotto l'impatto del tuo acquisto ${brandName}`,\n    learnMore: ({ name = \"\" }) => `Scopri di più su ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Guarda come la comunità di ${brandName} fa la differenza`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Il tuo impatto`,\n    communityImpactTitle: ({ brandName = \"\" }) => `L’impatto della comunità di ${brandName} `,\n    // share modal\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aiuta ${brandName} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,\n    impactShareTitle: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareCopy: () => \"Copia\",\n    impactShareDownload: () => \"Scarica\",\n    impactShareClose: () => \"Chiudi\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Właśnie wsparłaś_eś ${nonprofitName}!`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Sprawdź niżej, jakiego wsparcia udzieliłaś_eś kupując w ${brandName} `,\n    learnMore: ({ name = \"\" }) => `Dowiedz się więcej o ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Zobacz, ile dobrego zrobiła do tej pory społeczność ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Twoje wsparcie`,\n    communityImpactTitle: ({ brandName = \"\" }) => `Wsparcie udzielone przez społeczność ${brandName}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Pomóż ${brandName} osiągnąć cel i podziel się tą inicjatywą na swoim profilu`,\n    impactShareTitle: () => `Udostępnij na swoim profilu`,\n    impactShareCopy: () => `Kopiuj`,\n    impactShareDownload: () => `Pobierz`,\n    impactShareClose: () => `Zamknij`,\n  },\n};\n","import { css, html, LitElement, PropertyValues, render } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { BeamError, MissingConfig } from \"../../shared/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isMobile } from \"../../shared/feature-detection\";\nimport { urlToFile } from \"../../shared/files\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../shared/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        chainId: this.chainId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        widgetName: \"impact-overview\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  async updated(): Promise<void> {\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  protected willUpdate(changedProperties: PropertyValues) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => console.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    description,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    description: string;\n  }) {\n    return html`\n      <div class=\"impact-card\" part=\"impact-card\">\n        <img src=\"${imageUrl}\" alt=\"${title}\" class=\"impact-card-image\" />\n        <div class=\"impact-card-content\" style=\"margin: 15px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${strings[this.configLang].percentRaised({ percent: percentFunded })}</span\n            >\n          </div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n        </div>\n      </div>\n    `;\n  }\n\n  handleShareClick = async () => {\n    try {\n      if (isMobile()) {\n        await this.openSystemShareSheet();\n      } else {\n        await this.openShareDialog();\n      }\n    } catch (err) {\n      logger.error(new BeamError(\"Error sharing impact\"));\n      logger.error(err);\n    }\n  };\n\n  openSystemShareSheet = async () => {\n    const imageUrl = this.impactDataController.data?.personal[0]?.share?.imageUrl;\n\n    if (!imageUrl) return;\n\n    const file = await urlToFile(imageUrl);\n\n    if (navigator.share) {\n      await navigator.share({\n        files: [file],\n      });\n    }\n  };\n\n  openShareDialog = async () => {\n    const brandName = this.impactDataController.data?.chain.name;\n    const imageUrl = this.impactDataController.data?.personal[0]?.share?.imageUrl;\n\n    if (!imageUrl) return;\n\n    interface SlDialogElement extends HTMLElement {\n      show: () => void;\n      hide: () => void;\n    }\n\n    const existingDialog = this.renderRoot.querySelector(\"sl-dialog\") as SlDialogElement;\n\n    if (existingDialog) {\n      existingDialog.show();\n      return;\n    }\n\n    await import(\"./_share-dialog-dependencies.js\"); // Import libraries async to reduce bundle size if share feature is unused\n\n    const modalRoot = this.renderRoot.querySelector(\"#modal-root\") as HTMLElement;\n\n    const file = await urlToFile(imageUrl);\n\n    const dataUrl = URL.createObjectURL(file);\n\n    const onClickClose = () => {\n      (this.renderRoot.querySelector(\"sl-dialog\") as SlDialogElement)?.hide();\n    };\n\n    const onClickCopy = () => {\n      navigator.clipboard.write([new ClipboardItem({ \"image/png\": file })]).then(() => {\n        setTimeout(onClickClose, 250);\n      });\n    };\n\n    const onClickDownload = () => {\n      setTimeout(onClickClose, 250);\n    };\n\n    render(\n      html`\n        <sl-dialog open label=\"${strings[this.configLang].impactShareTitle()}\" no-header class=\"share-dialog\">\n          <h2 class=\"share-title\">${strings[this.configLang].impactShareTitle()}</h2>\n          <p class=\"share-text\">${strings[this.configLang].impactShareText({ brandName })}</p>\n          <img src=\"${imageUrl}\" alt=\"${strings[this.configLang].impactShareTitle()}\" class=\"share-image\" />\n          <div class=\"share-actions\" style=\"display: flex; justify-content: space-evenly\">\n            <div style=\"flex: 1; text-align: center\">\n              <button class=\"plain-button button share-action-button\" @click=\"${onClickCopy}\">\n                <sl-icon\n                  library=\"lucide\"\n                  name=\"copy\"\n                  label=\"${strings[this.configLang].impactShareCopy()}\"\n                  class=\"share-action-icon\"\n                ></sl-icon>\n                <div class=\"share-action-text\">${strings[this.configLang].impactShareCopy()}</div>\n              </button>\n            </div>\n            <div style=\"flex: 1; text-align: center\">\n              <a\n                class=\"plain-button button share-action-button plain-link\"\n                download=\"${strings[this.configLang].impactShareTitle()}\"\n                href=\"${dataUrl}\"\n                @click=\"${onClickDownload}\"\n              >\n                <sl-icon\n                  library=\"lucide\"\n                  name=\"download\"\n                  label=\"${strings[this.configLang].impactShareDownload()}\"\n                  class=\"share-action-icon\"\n                ></sl-icon>\n                <div class=\"share-action-text\">${strings[this.configLang].impactShareDownload()}</div>\n              </a>\n            </div>\n          </div>\n          <button class=\"plain-button button share-close\" @click=\"${onClickClose}\">\n            ${strings[this.configLang].impactShareClose()}\n          </button>\n        </sl-dialog>\n      `,\n      modalRoot\n    );\n  };\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ brandName: data.chain.name })}\n        </div>\n      </div>\n\n      <div class=\"impact-cards\" style=\"display: flex; flex-wrap: wrap; gap: 15px; margin: 10px 0;\">\n        <div class=\"impact your-impact\" style=\"flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;\">\n          ${this.renderCard({\n            imageUrl: data.personal[0]?.imageUrl || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n          })}\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${data.personal[0].nonprofit?.website}\">\n              ${strings[this.configLang].learnMore({\n                name: data.personal[0].nonprofit?.name,\n              })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n        <div\n          class=\"impact community-impact\"\n          style=\"flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;\"\n        >\n          ${this.renderCard({\n            imageUrl: data.community[0].imageUrl || \"\",\n            title: strings[this.configLang].communityImpactTitle({ brandName: data.chain.name }),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n          })}\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${data.chain.communityImpactUrl || data.community[0].nonprofit.website}\">\n              ${strings[this.configLang].seeAllImpact({\n                brandName: data.chain.name,\n              })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass}\" part=\"social-share\">\n        <button @click=\"${this.handleShareClick}\" class=\"share-button share-button-inline button icon-button\">\n          <sl-icon\n            name=\"${shareIcon}\"\n            library=\"lucide\"\n            label=\"${strings[this.configLang].impactShareButton()}\"\n            class=\"share-button-icon\"\n          ></sl-icon>\n          <span class=\"share-button-text\">${strings[this.configLang].impactShareButton()}</span>\n        </button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"800px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"0px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"15px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-textDecoration\": \"underline\",\n      \"--beam-ImpactOverview-share-button-icon-size\": \"16px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-button\", {\n        fontSize: \"14px\",\n        fontWeight: \"bold\",\n        marginTop: \"12px\",\n      }),\n      \"--beam-ImpactOverview-share-button-backgroundColor\": \"#c2dcff\",\n      \"--beam-ImpactOverview-share-button-color\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-borderRadius\": \"16px\",\n      \"--beam-ImpactOverview-share-button-borderColor\": \"transparent\",\n      \"--beam-ImpactOverview-share-button-borderWidth\": \"2px\",\n      \"--beam-ImpactOverview-share-button-padding\": \"12px 18px 12px 16px\",\n      \"--beam-ImpactOverview-share-button-width\": \"auto\",\n      \"--beam-ImpactOverview-share-button-hover-color\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-hover-borderColor\": \"transparent\",\n      \"--beam-ImpactOverview-share-button-hover-backgroundColor\": \"#c2dcff\",\n      \"--beam-ImpactOverview-share-dialog-padding\": \"30px 60px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-title\", {\n        fontSize: \"30px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-share-button-icon-name\": \"share-2\",\n      \"--beam-ImpactOverview-share-image-width\": \"200px\",\n      \"--beam-ImpactOverview-share-image-borderRadius\": \"4px\",\n      \"--beam-ImpactOverview-share-image-margin\": \"20px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-text\", {\n        fontSize: \"16px\",\n        lineHeight: \"1.3\",\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-share-actions-margin\": \"30px 60px\",\n      \"--beam-ImpactOverview-share-action-icon-size\": \"32px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-action-text\", {\n        fontSize: \"16px\",\n        marginTop: \"5px\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-share-close\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-share-close-padding\": \"12px\",\n      \"--beam-ImpactOverview-share-close-backgroundColor\": \"#ffd522\",\n      \"--beam-ImpactOverview-share-close-text-color\": \"currentColor\",\n      \"--beam-ImpactOverview-share-close-borderRadius\": \"4px\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n    };\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 800px);\n      }\n      .impact-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n      }\n      .impact-card {\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 200px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n        text-decoration: none;\n      }\n      .footer {\n        text-align: center;\n      }\n      .share-button {\n        /* display: var(--beam-ImpactOverview-share-button-display, none); */ /* visibility controlled by JS */\n        /* display: var(--beam-ImpactOverview-share-button-display-mobile, inherit); */ /* visibility controlled by JS */\n        /* display: var(--beam-ImpactOverview-share-button-display-desktop, inherit); */ /* visibility controlled by JS */\n        ${useCustomText(\"--beam-ImpactOverview-share-button\", {\n          fontSize: \"14px\",\n          fontWeight: \"bold\",\n          marginTop: \"10px\",\n        })}\n        /* TODO: extract palette variable - sky-100 color */\n        background-color: var(--beam-ImpactOverview-share-button-backgroundColor, #c2dcff);\n        color: var(--beam-ImpactOverview-share-button-color, inherit);\n        border-radius: var(--beam-ImpactOverview-share-button-borderRadius, 16px);\n        border-color: var(--beam-ImpactOverview-share-button-borderColor, transparent);\n        border-width: var(--beam-ImpactOverview-share-button-borderWidth, 2px);\n        /* add extra padding on side without icon for optical alignment */\n        padding: var(--beam-ImpactOverview-share-button-padding, 12px 18px 12px 16px);\n        width: var(--beam-ImpactOverview-share-button-width, auto);\n        transition: 0.15s;\n      }\n      .share-button:hover {\n        background-color: var(--beam-ImpactOverview-share-button-hover-backgroundColor, #c2dcff);\n        color: var(--beam-ImpactOverview-share-button-hover-color, inherit);\n        border-color: var(--beam-ImpactOverview-share-button-hover-borderColor, transparent);\n      }\n      .share-button-text {\n        text-decoration: var(--beam-ImpactOverview-share-button-textDecoration, underline);\n        margin-left: 0.33em;\n      }\n      .share-button-icon {\n        font-size: var(--beam-ImpactOverview-share-button-icon-size, 16px);\n      }\n      @media (max-width: 500px) {\n        //.impact-card {\n        //  display: flex;\n        //  flex-direction: row;\n        //}\n        //.impact-card-image {\n        //  object-fit: cover;\n        //  width: 25%;\n        //  height: auto;\n        //  flex: 1 0 45%;\n        //}\n        //.impact-card-content {\n        //  flex: 1 1 55%;\n        //}\n        //.share-button-text {\n        //  display: none;\n        //}\n        //.share-button-icon {\n        //  font-size: calc(var(--beam-ImpactOverview-share-button-icon-size, 16px) * 1.33);\n        //}\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n      .plain-link {\n        text-decoration: none;\n        color: inherit;\n      }\n    `,\n    css`\n      .share-dialog::part(panel) {\n        padding: var(--beam-ImpactOverview-share-dialog-padding, 30px 30px);\n        text-align: center;\n      }\n      .share-title {\n        ${useCustomText(\"--beam-ImpactOverview-share-title\", {\n          fontSize: \"30px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-text {\n        ${useCustomText(\"--beam-ImpactOverview-share-text\", {\n          fontSize: \"16px\",\n          lineHeight: \"1.3\",\n          marginTop: \"10px\",\n        })}\n      }\n      .share-image {\n        border-radius: var(--beam-ImpactOverview-share-image-borderRadius, 4px);\n        width: var(--beam-ImpactOverview-share-image-width, 200px);\n        display: block;\n        margin: var(--beam-ImpactOverview-share-image-margin, 20px) auto;\n      }\n      .share-actions {\n        margin: var(--beam-ImpactOverview-share-actions-margin, 30px 60px);\n      }\n      .share-action-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        padding: 5px;\n      }\n      .share-action-icon {\n        font-size: var(--beam-ImpactOverview-share-action-icon-size, 32px);\n      }\n      .share-action-button:hover .share-action-icon {\n        scale: 1.1;\n      }\n      .share-action-text {\n        ${useCustomText(\"--beam-ImpactOverview-share-text\", {\n          fontSize: \"16px\",\n          marginTop: \"10px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-close {\n        display: block;\n        background-color: var(--beam-ImpactOverview-share-close-backgroundColor, #ffd522);\n        color: var(--beam-ImpactOverview-share-close-text-color, currentColor);\n        justify-content: center;\n        padding: var(--beam-ImpactOverview-share-close-padding, 12px);\n        border-radius: var(--beam-ImpactOverview-share-close-borderRadius, 4px);\n        width: 100%;\n        ${useCustomText(\"--beam-ImpactOverview-share-close\", {\n          fontSize: \"16px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-close:hover {\n        outline: 2px solid var(--beam-ImpactOverview-share-close-focus-borderColor, currentColor);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["isMobile","urlToFile","url","r","u","blob","isSetupComplete","CDN_BASE","SHOELACE_BASE","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet","syncElementHeights","elements","source","els","isAllHtmlElements","syncedHeight","a","b","el","strings","nonprofitName","brandName","percent","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","debounce","err","logger","BeamError","imageUrl","file","existingDialog","modalRoot","dataUrl","onClickClose","onClickCopy","onClickDownload","render","html","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","e","title","percentFunded","description","unsafeHTML","data","loading","error","_loading","_errorMessage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","localizeUserString","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"impact-overview.esm.js","sources":["../../src/shared/feature-detection.ts","../../src/shared/files.ts","../../src/shared/shoelace-components.ts","../../src/shared/sync-element-heights.ts","../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export function isMobile() {\n  return /Android|iPhone/i.test(navigator.userAgent);\n}\n\nexport function hasSystemShare() {\n  return !!navigator.share;\n}\n","export const urlToFile = async (url: string) => {\n  return fetch(url).then(async (r) => {\n    const u = new URL(url);\n    const blob = await r.blob();\n    return new File([blob], u.pathname, { type: blob.type });\n  });\n};\n","/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\n\nconst selfUrl = import.meta.url; // URL of this JS module\n\nlet SHOELACE_BASE = \"\";\nlet ICON_BASE = \"\";\nlet CDN_BASE = \"\";\n// If served from the CDN, we can load additional modules via a relative path to the current one\n// If not, ie, if we are loading via a 3rd-party webpack config / file:/// URL, we fall back to the Beam CDN\nif (selfUrl.startsWith(\"http\")) {\n  CDN_BASE = selfUrl.split(\"/dist/\")[0]; // localhost:port or subdomain.beamimpact.com\n  SHOELACE_BASE = `${CDN_BASE}/dist/shoelace`;\n  ICON_BASE = `${CDN_BASE}/dist/lucide-static`;\n} else {\n  CDN_BASE = \"https://production-beam-widgets.beamimpact.com\";\n  SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v2.11.2`;\n  ICON_BASE = `${CDN_BASE}/lib/lucide-static/v0.292.0`;\n}\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize heights of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n * @param {'contentLength' | 'currentHeight'} [options.source='contentLength'] -\n * Method used to get the height value to sync across elements. `contentLength`\n * (innerText.length) is reliable for pure text content when responding to\n * window resizing. Otherwise, currentHeight can  be used to sync the tallest\n * element's height to all the other elements. Note that this works poorly\n * unless content is allowed to reflow with explicit height attributes removed\n * between synchronization calls.\n */\nexport const syncElementHeights = (\n  elements: Array<HTMLElement | null> | NodeList,\n  {\n    source = \"contentLength\",\n  }: {\n    source?: \"contentLength\" | \"currentHeight\";\n  } = {}\n) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const heightSource =\n    source === \"contentLength\"\n      ? els.sort((a, b) => {\n          return b.innerText.length - a.innerText.length;\n        })[0]\n      : els.sort((a, b) => {\n          return b.clientHeight - a.clientHeight;\n        })[0];\n\n  const syncedHeight = heightSource?.clientHeight || 0;\n\n  for (const el of els) {\n    if (el.clientHeight !== syncedHeight) {\n      el.style[\"height\"] = syncedHeight + \"px\";\n    }\n  }\n};\n","export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Check out the impact your ${brandName} purchase made below`,\n    learnMore: ({ name = \"\" }) => `Learn more about ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `See all of the impact by the ${brandName} community`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Your Impact`,\n    communityImpactTitle: ({ brandName = \"\" }) => `The ${brandName} Community's Impact`,\n    // share modal\n    impactShareButton: () => `Share to Grow Our Impact`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Help ${brandName} reach their giving goal by sharing this cause on social media`,\n    impactShareTitle: () => `Share on Social Media`,\n    impactShareCopy: () => `Copy`,\n    impactShareDownload: () => `Download`,\n    impactShareClose: () => `Close`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Vous avez eu un impact positif sur ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Découvrez quel est l'impact de votre achat chez ${brandName} ci-dessous.`,\n    learnMore: ({ name = \"\" }) => `En savoir plus sur ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Voir toutes les contributions de la communauté de ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Votre contribution personnelle`,\n    communityImpactTitle: ({ brandName = \"\" }) => `La contribution de la communauté de ${brandName}`,\n    // share modal\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aidez ${brandName} a atteindre leur objectif en partageant cette cause sur votre réseaux sociaux`,\n    impactShareTitle: () => `Partager sur votre réseaux sociaux`,\n    impactShareCopy: () => `Copier`,\n    impactShareDownload: () => `Télécharger`,\n    impactShareClose: () => `Fermer`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Du hast soeben einen Beitrag geleistet für ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Erfahre mehr über den Beitrag, den du mit deinem ${brandName} Kauf geleistet hast`,\n    learnMore: ({ name = \"\" }) => `Mehr über ${name} erfahren`,\n    seeAllImpact: ({ brandName = \"\" }) =>\n      `Informiere dich über den bisher geleisteten Beitrag der ${brandName} community`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Dein Beitrag`,\n    communityImpactTitle: ({ brandName = \"\" }) => `Der Beitrag der ${brandName} community`,\n    // share modal\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n    impactShareText: ({ brandName = \"\" }) => `Hilf ${brandName} ihre Spendenziel zu erreichen`,\n    impactShareTitle: () => `In den sozialen Medien teilen`,\n    impactShareCopy: () => `Kopieren`,\n    impactShareDownload: () => `Herunterladen`,\n    impactShareClose: () => `Schließen`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Acabas de contribuir con ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Comprueba la contribución que has hecho con tu compra ${brandName} a continuación`,\n    learnMore: ({ name = \"\" }) => `Saber más de ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Mira lo que ha conseguido la comunidad ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => \"Tu contribución\",\n    communityImpactTitle: ({ brandName = \"\" }) => `Tu contribución con la comunidad ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Comparte en las redes sociales para ayudar a ${brandName} a alcanzar su objetivo.`,\n    impactShareTitle: () => \"Compartir en redes sociales\",\n    impactShareCopy: () => \"Copiar\",\n    impactShareDownload: () => \"Descargar\",\n    impactShareClose: () => \"Cerrar\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Hai appena fatto la differenza per ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Guarda qui sotto l'impatto del tuo acquisto ${brandName}`,\n    learnMore: ({ name = \"\" }) => `Scopri di più su ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Guarda come la comunità di ${brandName} fa la differenza`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Il tuo impatto`,\n    communityImpactTitle: ({ brandName = \"\" }) => `L’impatto della comunità di ${brandName} `,\n    // share modal\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aiuta ${brandName} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,\n    impactShareTitle: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareCopy: () => \"Copia\",\n    impactShareDownload: () => \"Scarica\",\n    impactShareClose: () => \"Chiudi\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Właśnie wsparłaś_eś ${nonprofitName}!`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Sprawdź niżej, jakiego wsparcia udzieliłaś_eś kupując w ${brandName} `,\n    learnMore: ({ name = \"\" }) => `Dowiedz się więcej o ${name}`,\n    seeAllImpact: ({ brandName = \"\" }) => `Zobacz, ile dobrego zrobiła do tej pory społeczność ${brandName}`,\n    percentRaised: ({ percent = 0 }) => `${percent}%`,\n    yourImpactTitle: () => `Twoje wsparcie`,\n    communityImpactTitle: ({ brandName = \"\" }) => `Wsparcie udzielone przez społeczność ${brandName}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Pomóż ${brandName} osiągnąć cel i podziel się tą inicjatywą na swoim profilu`,\n    impactShareTitle: () => `Udostępnij na swoim profilu`,\n    impactShareCopy: () => `Kopiuj`,\n    impactShareDownload: () => `Pobierz`,\n    impactShareClose: () => `Zamknij`,\n  },\n};\n","import { css, html, LitElement, PropertyValues, render } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { BeamError, MissingConfig } from \"../../shared/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { isMobile } from \"../../shared/feature-detection\";\nimport { urlToFile } from \"../../shared/files\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../shared/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        chainId: this.chainId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        widgetName: \"impact-overview\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  async updated(): Promise<void> {\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  protected willUpdate(changedProperties: PropertyValues) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => console.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    description,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    description: string;\n  }) {\n    return html`\n      <div class=\"impact-card\" part=\"impact-card\">\n        <img src=\"${imageUrl}\" alt=\"${title}\" class=\"impact-card-image\" />\n        <div class=\"impact-card-content\" style=\"margin: 15px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${strings[this.configLang].percentRaised({ percent: percentFunded })}</span\n            >\n          </div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n        </div>\n      </div>\n    `;\n  }\n\n  handleShareClick = async () => {\n    try {\n      if (isMobile()) {\n        await this.openSystemShareSheet();\n      } else {\n        await this.openShareDialog();\n      }\n    } catch (err) {\n      logger.error(new BeamError(\"Error sharing impact\"));\n      logger.error(err);\n    }\n  };\n\n  openSystemShareSheet = async () => {\n    const imageUrl = this.impactDataController.data?.personal[0]?.share?.imageUrl;\n\n    if (!imageUrl) return;\n\n    const file = await urlToFile(imageUrl);\n\n    if (navigator.share) {\n      await navigator.share({\n        files: [file],\n      });\n    }\n  };\n\n  openShareDialog = async () => {\n    const brandName = this.impactDataController.data?.chain.name;\n    const imageUrl = this.impactDataController.data?.personal[0]?.share?.imageUrl;\n\n    if (!imageUrl) return;\n\n    interface SlDialogElement extends HTMLElement {\n      show: () => void;\n      hide: () => void;\n    }\n\n    const existingDialog = this.renderRoot.querySelector(\"sl-dialog\") as SlDialogElement;\n\n    if (existingDialog) {\n      existingDialog.show();\n      return;\n    }\n\n    await import(\"./_share-dialog-dependencies.js\"); // Import libraries async to reduce bundle size if share feature is unused\n\n    const modalRoot = this.renderRoot.querySelector(\"#modal-root\") as HTMLElement;\n\n    const file = await urlToFile(imageUrl);\n\n    const dataUrl = URL.createObjectURL(file);\n\n    const onClickClose = () => {\n      (this.renderRoot.querySelector(\"sl-dialog\") as SlDialogElement)?.hide();\n    };\n\n    const onClickCopy = () => {\n      navigator.clipboard.write([new ClipboardItem({ \"image/png\": file })]).then(() => {\n        setTimeout(onClickClose, 250);\n      });\n    };\n\n    const onClickDownload = () => {\n      setTimeout(onClickClose, 250);\n    };\n\n    render(\n      html`\n        <sl-dialog open label=\"${strings[this.configLang].impactShareTitle()}\" no-header class=\"share-dialog\">\n          <h2 class=\"share-title\">${strings[this.configLang].impactShareTitle()}</h2>\n          <p class=\"share-text\">${strings[this.configLang].impactShareText({ brandName })}</p>\n          <img src=\"${imageUrl}\" alt=\"${strings[this.configLang].impactShareTitle()}\" class=\"share-image\" />\n          <div class=\"share-actions\" style=\"display: flex; justify-content: space-evenly\">\n            <div style=\"flex: 1; text-align: center\">\n              <button class=\"plain-button button share-action-button\" @click=\"${onClickCopy}\">\n                <sl-icon\n                  library=\"lucide\"\n                  name=\"copy\"\n                  label=\"${strings[this.configLang].impactShareCopy()}\"\n                  class=\"share-action-icon\"\n                ></sl-icon>\n                <div class=\"share-action-text\">${strings[this.configLang].impactShareCopy()}</div>\n              </button>\n            </div>\n            <div style=\"flex: 1; text-align: center\">\n              <a\n                class=\"plain-button button share-action-button plain-link\"\n                download=\"${strings[this.configLang].impactShareTitle()}\"\n                href=\"${dataUrl}\"\n                @click=\"${onClickDownload}\"\n              >\n                <sl-icon\n                  library=\"lucide\"\n                  name=\"download\"\n                  label=\"${strings[this.configLang].impactShareDownload()}\"\n                  class=\"share-action-icon\"\n                ></sl-icon>\n                <div class=\"share-action-text\">${strings[this.configLang].impactShareDownload()}</div>\n              </a>\n            </div>\n          </div>\n          <button class=\"plain-button button share-close\" @click=\"${onClickClose}\">\n            ${strings[this.configLang].impactShareClose()}\n          </button>\n        </sl-dialog>\n      `,\n      modalRoot\n    );\n  };\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ brandName: data.chain.name })}\n        </div>\n      </div>\n\n      <div class=\"impact-cards\" style=\"display: flex; flex-wrap: wrap; gap: 15px; margin: 10px 0;\">\n        <div class=\"impact your-impact\" style=\"flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;\">\n          ${this.renderCard({\n            imageUrl: data.personal[0]?.imageUrl || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n          })}\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${data.personal[0].nonprofit?.website}\">\n              ${strings[this.configLang].learnMore({\n                name: data.personal[0].nonprofit?.name,\n              })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n        <div\n          class=\"impact community-impact\"\n          style=\"flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;\"\n        >\n          ${this.renderCard({\n            imageUrl: data.community[0].imageUrl || \"\",\n            title: strings[this.configLang].communityImpactTitle({ brandName: data.chain.name }),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n          })}\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${data.chain.communityImpactUrl || data.community[0].nonprofit.website}\">\n              ${strings[this.configLang].seeAllImpact({\n                brandName: data.chain.name,\n              })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass}\" part=\"social-share\">\n        <button @click=\"${this.handleShareClick}\" class=\"share-button share-button-inline button icon-button\">\n          <sl-icon\n            name=\"${shareIcon}\"\n            library=\"lucide\"\n            label=\"${strings[this.configLang].impactShareButton()}\"\n            class=\"share-button-icon\"\n          ></sl-icon>\n          <span class=\"share-button-text\">${strings[this.configLang].impactShareButton()}</span>\n        </button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"800px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"0px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"15px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-textDecoration\": \"underline\",\n      \"--beam-ImpactOverview-share-button-icon-size\": \"16px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-button\", {\n        fontSize: \"14px\",\n        fontWeight: \"bold\",\n        marginTop: \"12px\",\n      }),\n      \"--beam-ImpactOverview-share-button-backgroundColor\": \"#c2dcff\",\n      \"--beam-ImpactOverview-share-button-color\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-borderRadius\": \"16px\",\n      \"--beam-ImpactOverview-share-button-borderColor\": \"transparent\",\n      \"--beam-ImpactOverview-share-button-borderWidth\": \"2px\",\n      \"--beam-ImpactOverview-share-button-padding\": \"12px 18px 12px 16px\",\n      \"--beam-ImpactOverview-share-button-width\": \"auto\",\n      \"--beam-ImpactOverview-share-button-hover-color\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-hover-borderColor\": \"transparent\",\n      \"--beam-ImpactOverview-share-button-hover-backgroundColor\": \"#c2dcff\",\n      \"--beam-ImpactOverview-share-dialog-padding\": \"30px 60px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-title\", {\n        fontSize: \"30px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-share-button-icon-name\": \"share-2\",\n      \"--beam-ImpactOverview-share-image-width\": \"200px\",\n      \"--beam-ImpactOverview-share-image-borderRadius\": \"4px\",\n      \"--beam-ImpactOverview-share-image-margin\": \"20px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-text\", {\n        fontSize: \"16px\",\n        lineHeight: \"1.3\",\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-share-actions-margin\": \"30px 60px\",\n      \"--beam-ImpactOverview-share-action-icon-size\": \"32px\",\n      ...defineCustomText(\"--beam-ImpactOverview-share-action-text\", {\n        fontSize: \"16px\",\n        marginTop: \"5px\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-share-close\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-ImpactOverview-share-close-padding\": \"12px\",\n      \"--beam-ImpactOverview-share-close-backgroundColor\": \"#ffd522\",\n      \"--beam-ImpactOverview-share-close-text-color\": \"currentColor\",\n      \"--beam-ImpactOverview-share-close-borderRadius\": \"4px\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n    };\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 800px);\n      }\n      .impact-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n      }\n      .impact-card {\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 200px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n        text-decoration: none;\n      }\n      .footer {\n        text-align: center;\n      }\n      .share-button {\n        /* display: var(--beam-ImpactOverview-share-button-display, none); */ /* visibility controlled by JS */\n        /* display: var(--beam-ImpactOverview-share-button-display-mobile, inherit); */ /* visibility controlled by JS */\n        /* display: var(--beam-ImpactOverview-share-button-display-desktop, inherit); */ /* visibility controlled by JS */\n        ${useCustomText(\"--beam-ImpactOverview-share-button\", {\n          fontSize: \"14px\",\n          fontWeight: \"bold\",\n          marginTop: \"10px\",\n        })}\n        /* TODO: extract palette variable - sky-100 color */\n        background-color: var(--beam-ImpactOverview-share-button-backgroundColor, #c2dcff);\n        color: var(--beam-ImpactOverview-share-button-color, inherit);\n        border-radius: var(--beam-ImpactOverview-share-button-borderRadius, 16px);\n        border-color: var(--beam-ImpactOverview-share-button-borderColor, transparent);\n        border-width: var(--beam-ImpactOverview-share-button-borderWidth, 2px);\n        /* add extra padding on side without icon for optical alignment */\n        padding: var(--beam-ImpactOverview-share-button-padding, 12px 18px 12px 16px);\n        width: var(--beam-ImpactOverview-share-button-width, auto);\n        transition: 0.15s;\n      }\n      .share-button:hover {\n        background-color: var(--beam-ImpactOverview-share-button-hover-backgroundColor, #c2dcff);\n        color: var(--beam-ImpactOverview-share-button-hover-color, inherit);\n        border-color: var(--beam-ImpactOverview-share-button-hover-borderColor, transparent);\n      }\n      .share-button-text {\n        text-decoration: var(--beam-ImpactOverview-share-button-textDecoration, underline);\n        margin-left: 0.33em;\n      }\n      .share-button-icon {\n        font-size: var(--beam-ImpactOverview-share-button-icon-size, 16px);\n      }\n      @media (max-width: 500px) {\n        //.impact-card {\n        //  display: flex;\n        //  flex-direction: row;\n        //}\n        //.impact-card-image {\n        //  object-fit: cover;\n        //  width: 25%;\n        //  height: auto;\n        //  flex: 1 0 45%;\n        //}\n        //.impact-card-content {\n        //  flex: 1 1 55%;\n        //}\n        //.share-button-text {\n        //  display: none;\n        //}\n        //.share-button-icon {\n        //  font-size: calc(var(--beam-ImpactOverview-share-button-icon-size, 16px) * 1.33);\n        //}\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n      .plain-link {\n        text-decoration: none;\n        color: inherit;\n      }\n    `,\n    css`\n      .share-dialog::part(panel) {\n        padding: var(--beam-ImpactOverview-share-dialog-padding, 30px 30px);\n        text-align: center;\n      }\n      .share-title {\n        ${useCustomText(\"--beam-ImpactOverview-share-title\", {\n          fontSize: \"30px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-text {\n        ${useCustomText(\"--beam-ImpactOverview-share-text\", {\n          fontSize: \"16px\",\n          lineHeight: \"1.3\",\n          marginTop: \"10px\",\n        })}\n      }\n      .share-image {\n        border-radius: var(--beam-ImpactOverview-share-image-borderRadius, 4px);\n        width: var(--beam-ImpactOverview-share-image-width, 200px);\n        display: block;\n        margin: var(--beam-ImpactOverview-share-image-margin, 20px) auto;\n      }\n      .share-actions {\n        margin: var(--beam-ImpactOverview-share-actions-margin, 30px 60px);\n      }\n      .share-action-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n        padding: 5px;\n      }\n      .share-action-icon {\n        font-size: var(--beam-ImpactOverview-share-action-icon-size, 32px);\n      }\n      .share-action-button:hover .share-action-icon {\n        scale: 1.1;\n      }\n      .share-action-text {\n        ${useCustomText(\"--beam-ImpactOverview-share-text\", {\n          fontSize: \"16px\",\n          marginTop: \"10px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-close {\n        display: block;\n        background-color: var(--beam-ImpactOverview-share-close-backgroundColor, #ffd522);\n        color: var(--beam-ImpactOverview-share-close-text-color, currentColor);\n        justify-content: center;\n        padding: var(--beam-ImpactOverview-share-close-padding, 12px);\n        border-radius: var(--beam-ImpactOverview-share-close-borderRadius, 4px);\n        width: 100%;\n        ${useCustomText(\"--beam-ImpactOverview-share-close\", {\n          fontSize: \"16px\",\n          fontWeight: \"bold\",\n        })}\n      }\n      .share-close:hover {\n        outline: 2px solid var(--beam-ImpactOverview-share-close-focus-borderColor, currentColor);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["isMobile","urlToFile","url","r","u","blob","selfUrl","SHOELACE_BASE","ICON_BASE","CDN_BASE","registerIconLibrary","name","setBasePath","stylesheet","syncElementHeights","elements","source","els","isAllHtmlElements","syncedHeight","a","b","el","strings","nonprofitName","brandName","percent","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","debounce","err","logger","BeamError","imageUrl","file","existingDialog","modalRoot","dataUrl","onClickClose","onClickCopy","onClickDownload","render","html","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","e","title","percentFunded","description","unsafeHTML","data","loading","error","_loading","_errorMessage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","localizeUserString","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}