@beamimpact/web-sdk 1.39.2 → 1.42.0

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

@@ -1,60 +1,22 @@
-import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbjGnK.esm.js";import{d as T}from"../chunks/lodash-P8OIs-at.esm.js";import{D as k,g as z,W as L,S as N}from"../chunks/routes-b8sncPq8.esm.js";import{B as D}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{p as E}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{c as R,u as s,d as B,e as j,A as U,_ as y,i as u,a as p,b as A}from"../chunks/localize-F31ae3j6.esm.js";import{_ as F}from"../chunks/loading-template-Av0IUyKF.esm.js";import{logger as w}from"../utils/logger.esm.js";import"../chunks/shoelace-components-7XWYNn-Z.esm.js";import{i as W}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as M}from"./beam-partner-logos.esm.js";import{c as P}from"../chunks/responsive-aWj_7ZN_.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";function _(){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})}),x=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!W(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 q=Object.defineProperty,H=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?H(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&&q(a,t,r),r};class n extends O{constructor(){super(...arguments),this.baseUrl=k,this.lang="en",this.debug=!1,this.getImpactData=async()=>(j(["apiKey","userId","nonprofitId"],this),await z({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:L.impact_overview,version:"1.0.0",lang:this.configLang}})),this.impactDataController=new U(this,this.getImpactData),this.resizeElements=T(()=>{x(this.impactTitleRefs),x(this.impactDescriptionRefs),x(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{_()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){w.error(new D("Error sharing impact")),w.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-K7WZWxUL.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)})},C=()=>{setTimeout(h,250)};S(f`
-        <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}">
-                <sl-icon
-                  library="lucide"
-                  name="copy"
-                  label="${o[this.configLang].impactShareCopy()}"
-                  class="share-action-icon"
-                ></sl-icon>
-                <div class="share-action-text">${o[this.configLang].impactShareCopy()}</div>
-              </button>
-            </div>
-            <div style="flex: 1; text-align: center">
-              <a
-                class="plain-button button share-action-button plain-link"
-                download="${o[this.configLang].impactShareTitle()}"
-                href="${l}"
-                @click="${C}"
-              >
-                <sl-icon
-                  library="lucide"
-                  name="download"
-                  label="${o[this.configLang].impactShareDownload()}"
-                  class="share-action-icon"
-                ></sl-icon>
-                <div class="share-action-text">${o[this.configLang].impactShareDownload()}</div>
-              </a>
-            </div>
-          </div>
-          <button class="plain-button button share-close" @click="${h}">
-            ${o[this.configLang].impactShareClose()}
-          </button>
-        </sl-dialog>
-      `,r)}}get configLang(){return N[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const t=["baseUrl","storeId","apiKey","userId","lang"];for(const i of t)if(a.has(i)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(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=>w.error(t)),a()}renderCard({imageUrl:a,title:t,percentFunded:i,description:r}){return f`
+import{f,g as c,p as h,h as I,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";import{d as $}from"../chunks/lodash-P8OIs-at.esm.js";import{D as T,g as O,W as k,S as z}from"../chunks/routes-rmhOokKz.esm.js";import{p as N}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{u as m,A as L,_ as w,i as u,d as l,a as D}from"../chunks/localize-IRs8JglT.esm.js";import{c as E,d as B,e as j}from"../chunks/enforce-config-HksNiOMu.esm.js";import{_ as U}from"../chunks/loading-template-mLjOGXMj.esm.js";import{logger as A}from"../utils/logger.esm.js";import"../chunks/shoelace-components-NR11kwmz.esm.js";import{s as g,a as F}from"../chunks/share-button-jpa1X3FA.esm.js";import{partnerLogosConfigDefaults as R}from"./beam-partner-logos.esm.js";import{c as M}from"../chunks/responsive-KbDsZM6S.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/vendor--f7lkyBk.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/share-button-CqTd80g8.esm.js";const s={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,P=Object.getOwnPropertyDescriptor,n=(e,a,i,r)=>{for(var o=r>1?void 0:r?P(a,i):a,d=e.length-1,p;d>=0;d--)(p=e[d])&&(o=(r?p(a,i,o):p(o))||o);return r&&o&&_(a,i,o),o};class t extends I{constructor(){super(...arguments),this.baseUrl=T,this.lang="en",this.debug=!1,this.getImpactData=async()=>(j(["apiKey","userId","nonprofitId"],this),await O({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:k.impact_overview,version:"1.0.0",lang:this.configLang,discountCodes:this.discountCodes&&this.discountCodes.length>0?this.discountCodes:void 0}})),this.impactDataController=new L(this,this.getImpactData),this.resizeElements=$(()=>{g(this.impactTitleRefs),g(this.impactDescriptionRefs),g(this.impactLinkRefs)},50,{maxWait:50,leading:!0})}get configLang(){return z[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const i=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const r of i)if(a.has(r)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(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(i=>A.error(i)),a()}renderCard({imageUrl:a,title:i,percentFunded:r,description:o}){return y`
       <div class="impact-card" part="impact-card">
-        <img src="${a}" alt="${t}" class="impact-card-image" />
+        <img src="${a}" alt="${i}" class="impact-card-image" />
         <div class="impact-card-content" style="margin: 15px;">
-          <div class="impact-card-title">${t}</div>
+          <div class="impact-card-title">${i}</div>
           <div class="impact-card-progress" style="display: flex; align-items: center;">
             <beam-progress-bar
-              value="${i}"
+              value="${r}"
               style="flex: 1 0;"
               class="impact-card-progressbar"
             ></beam-progress-bar>
             <span class="impact-card-progressText" style="flex: 0 1; margin-left: 10px; white-space: nowrap;"
-              >${o[this.configLang].percentRaised({percent:i})}</span
+              >${s[this.configLang].percentRaised({percent:r})}</span
             >
           </div>
-          <p class="impact-card-description">${$(r)}</p>
+          <p class="impact-card-description">${S(o)}</p>
         </div>
       </div>
-    `}render(){const{data:a,loading:t,error:i}=this.impactDataController;if(t)return F();if(i)return this.debug?y({error:i}):"";if(a==null)return this.debug?y({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:i,error:r}=this.impactDataController;if(i)return U();if(r)return this.debug?w({error:r}):"";if(a==null)return this.debug?w({error:new Error("No data")}):"";const o=this.impactDataController.data?.chain.name,d=this.impactDataController.data?.personal[0]?.share?.imageUrl,p=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",C=p&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",v=p&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",x=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let b="d-none";return C?b=v?"d-block":"d-lg-none":b=v?"d-none d-lg-block":"d-none",y`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -71,19 +33,19 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
 
       <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})}
+          ${u(this.configLang,a.config?.web?.title)||s[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})}
+          ${u(this.configLang,a.config?.web?.description)||s[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:s[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,description:u(this.configLang,a.personal[0]?.impact?.description||"")})}
           <p class="impact-link" part="impact-link">
             <a href="${a.personal[0].nonprofit?.website}" target="_blank" rel="noopener noreferrer">
-              ${o[this.configLang].learnMore({name:a.personal[0].nonprofit?.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+              ${s[this.configLang].learnMore({name:a.personal[0].nonprofit?.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
             </a>
           </p>
         </div>
@@ -91,33 +53,31 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
           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:s[this.configLang].communityImpactTitle({brandName:a.chain.name}),percentFunded:a.community[0].impact?.goalProgressPercentage||0,description:u(this.configLang,a.community[0].impact?.description||"")})}
           <p class="impact-link" part="impact-link">
             <a
               href="${a.chain.communityImpactUrl||a.community[0].nonprofit.website}"
               target="_blank"
               rel="noopener noreferrer"
             >
-              ${o[this.configLang].seeAllImpact({brandName:a.chain.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+              ${s[this.configLang].seeAllImpact({brandName:a.chain.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
             </a>
           </p>
         </div>
       </div>
 
       <div class="footer ${b}" part="social-share">
-        <button @click="${this.handleShareClick}" class="share-button share-button-inline button icon-button">
-          <sl-icon
-            name="${h}"
-            library="lucide"
-            label="${o[this.configLang].impactShareButton()}"
-            class="share-button-icon"
-          ></sl-icon>
-          <span class="share-button-text">${o[this.configLang].impactShareButton()}</span>
-        </button>
+        <beam-share-button
+          imageUrl="${d}"
+          brandName="${o}"
+          shareIcon="${x}"
+          buttonText="${s[this.configLang].impactShareButton()}"
+          configLang="${this.configLang}"
+        ></beam-share-button>
       </div>
 
       <div id="modal-root"></div>
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...M,...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 A(this)}}),i)}}n.tagName="beam-impact-overview",n.styles=[R,P,v`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...R,...N,...F,...l("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...l("--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",...l("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...l("--beam-ImpactOverview-impactCard-progressText"),...l("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...l("--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-image-display":"block"},i=this.impactDataController?.data?.config?.web?.theme||{},r={...a,...i};return Object.assign(Object.create({toCSS(){return D(this)}}),r)}}t.tagName="beam-impact-overview",t.styles=[E,M,f`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -149,22 +109,22 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
         margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);
       }
       .title {
-        ${s("--beam-ImpactOverview-title")}
+        ${m("--beam-ImpactOverview-title")}
       }
       .subtitle {
-        ${s("--beam-ImpactOverview-subtitle")}
+        ${m("--beam-ImpactOverview-subtitle")}
       }
       .impact-card-title {
-        ${s("--beam-ImpactOverview-impactCard-title")}
+        ${m("--beam-ImpactOverview-impactCard-title")}
       }
       .impact-card-progressText {
-        ${s("--beam-ImpactOverview-impactCard-progressText")}
+        ${m("--beam-ImpactOverview-impactCard-progressText")}
       }
       .impact-card-description {
-        ${s("--beam-ImpactOverview-impactCard-description")}
+        ${m("--beam-ImpactOverview-impactCard-description")}
       }
       .impact-link {
-        ${s("--beam-ImpactOverview-impactCard-link")}
+        ${m("--beam-ImpactOverview-impactCard-link")}
       }
       .impact-link-arrow {
         display: var(--beam-ImpactOverview-impactCard-linkArrow-display, "inline");
@@ -177,34 +137,6 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
       .footer {
         text-align: center;
       }
-      .share-button {
-        /* display: var(--beam-ImpactOverview-share-button-display, none); */ /* visibility controlled by JS */
-        /* display: var(--beam-ImpactOverview-share-button-display-mobile, inherit); */ /* visibility controlled by JS */
-        /* display: var(--beam-ImpactOverview-share-button-display-desktop, inherit); */ /* visibility controlled by JS */
-        ${s("--beam-ImpactOverview-share-button",{fontSize:"14px",fontWeight:"bold",marginTop:"10px"})}
-        /* TODO: extract palette variable - sky-100 color */
-        background-color: var(--beam-ImpactOverview-share-button-backgroundColor, #c2dcff);
-        color: var(--beam-ImpactOverview-share-button-color, inherit);
-        border-radius: var(--beam-ImpactOverview-share-button-borderRadius, 16px);
-        border-color: var(--beam-ImpactOverview-share-button-borderColor, transparent);
-        border-width: var(--beam-ImpactOverview-share-button-borderWidth, 2px);
-        /* add extra padding on side without icon for optical alignment */
-        padding: var(--beam-ImpactOverview-share-button-padding, 12px 18px 12px 16px);
-        width: var(--beam-ImpactOverview-share-button-width, auto);
-        transition: 0.15s;
-      }
-      .share-button:hover {
-        background-color: var(--beam-ImpactOverview-share-button-hover-backgroundColor, #c2dcff);
-        color: var(--beam-ImpactOverview-share-button-hover-color, inherit);
-        border-color: var(--beam-ImpactOverview-share-button-hover-borderColor, transparent);
-      }
-      .share-button-text {
-        text-decoration: var(--beam-ImpactOverview-share-button-textDecoration, underline);
-        margin-left: 0.33em;
-      }
-      .share-button-icon {
-        font-size: var(--beam-ImpactOverview-share-button-icon-size, 16px);
-      }
       @media (max-width: 500px) {
         //.impact-card {
         //  display: flex;
@@ -226,7 +158,7 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
         //  font-size: calc(var(--beam-ImpactOverview-share-button-icon-size, 16px) * 1.33);
         //}
       }
-    `,v`
+    `,f`
       .button {
         cursor: pointer;
       }
@@ -245,54 +177,5 @@ import{f as v,g as d,u as g,h as O,Z as S,y as f,k as $}from"../chunks/lit-qtGbj
         text-decoration: none;
         color: inherit;
       }
-    `,v`
-      .share-dialog::part(panel) {
-        padding: var(--beam-ImpactOverview-share-dialog-padding, 30px 30px);
-        text-align: center;
-      }
-      .share-title {
-        ${s("--beam-ImpactOverview-share-title",{fontSize:"30px",fontWeight:"bold"})}
-      }
-      .share-text {
-        ${s("--beam-ImpactOverview-share-text",{fontSize:"16px",lineHeight:"1.3",marginTop:"10px"})}
-      }
-      .share-image {
-        border-radius: var(--beam-ImpactOverview-share-image-borderRadius, 4px);
-        width: var(--beam-ImpactOverview-share-image-width, 200px);
-        display: block;
-        margin: var(--beam-ImpactOverview-share-image-margin, 20px) auto;
-      }
-      .share-actions {
-        margin: var(--beam-ImpactOverview-share-actions-margin, 30px 60px);
-      }
-      .share-action-button {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-        padding: 5px;
-      }
-      .share-action-icon {
-        font-size: var(--beam-ImpactOverview-share-action-icon-size, 32px);
-      }
-      .share-action-button:hover .share-action-icon {
-        scale: 1.1;
-      }
-      .share-action-text {
-        ${s("--beam-ImpactOverview-share-text",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"})}
-      }
-      .share-close {
-        display: block;
-        background-color: var(--beam-ImpactOverview-share-close-backgroundColor, #ffd522);
-        color: var(--beam-ImpactOverview-share-close-text-color, currentColor);
-        justify-content: center;
-        padding: var(--beam-ImpactOverview-share-close-padding, 12px);
-        border-radius: var(--beam-ImpactOverview-share-close-borderRadius, 4px);
-        width: 100%;
-        ${s("--beam-ImpactOverview-share-close",{fontSize:"16px",fontWeight:"bold"})}
-      }
-      .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:Number})],n.prototype,"storeId",2),m([d({type:String,reflect:!0})],n.prototype,"nonprofitId",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};
+    `],n([c({type:String,reflect:!0})],t.prototype,"baseUrl",2),n([c({type:String,reflect:!1})],t.prototype,"apiKey",2),n([c({type:Number})],t.prototype,"storeId",2),n([c({type:String,reflect:!0})],t.prototype,"nonprofitId",2),n([c({type:String,reflect:!0})],t.prototype,"userId",2),n([c({type:String})],t.prototype,"lang",2),n([c({type:Boolean})],t.prototype,"debug",2),n([c({type:Object})],t.prototype,"discountCodes",2),n([h(".impact-card-title")],t.prototype,"impactTitleRefs",2),n([h(".impact-card-description")],t.prototype,"impactDescriptionRefs",2),n([h(".impact-link")],t.prototype,"impactLinkRefs",2),B(t);export{t 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/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","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, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { BeamError, MissingConfig } from \"../../utils/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 \"../../utils/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  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: Number }) storeId?: number;\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\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\", \"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        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.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  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\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 = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\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) => logger.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}\" target=\"_blank\" rel=\"noopener noreferrer\">\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\n              href=\"${data.chain.communityImpactUrl || data.community[0].nonprofit.website}\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\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-fontStyle\": \"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-style: var(--beam-fontStyle);\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        word-break: normal;\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","syncElementHeights","elements","source","els","isAllHtmlElements","syncedHeight","a","b","el","strings","nonprofitName","brandName","name","percent","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","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/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["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 } 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, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { MissingConfig } from \"../../utils/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 { _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 \"../../utils/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 { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/share-button\";\n\ntype RequiredConfig = {\n  apiKey: string;\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: Number }) storeId?: number;\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\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  @property({ type: Object }) public discountCodes?: string[];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"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        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.impact_overview,\n        version: \"1.0.0\",\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\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  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\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 = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\", \"discountCodes\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\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) => logger.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  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    const brandName = this.impactDataController.data?.chain.name;\n    const shareImage = this.impactDataController.data?.personal[0]?.share?.imageUrl;\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}\" target=\"_blank\" rel=\"noopener noreferrer\">\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\n              href=\"${data.chain.communityImpactUrl || data.community[0].nonprofit.website}\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\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        <beam-share-button\n          imageUrl=\"${shareImage}\"\n          brandName=\"${brandName}\"\n          shareIcon=\"${shareIcon}\"\n          buttonText=\"${strings[this.configLang].impactShareButton()}\"\n          configLang=\"${this.configLang}\"\n        ></beam-share-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-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\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-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-style: var(--beam-fontStyle);\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        word-break: normal;\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      @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  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","brandName","name","percent","x","k","a","d","m","e","i","t","r","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","description","html","unsafeHTML","data","loading","error","_loading","_errorMessage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","localizeUserString","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}