@beamimpact/web-sdk 1.53.1 → 1.54.5

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

@@ -1,32 +1,32 @@
-import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm.js";import{d as N}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as R,g as F,W as j,S as P}from"../chunks/routes-BnPd0lrO.esm.js";import{p as A}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{u as l,A as _,i as b,_ as S,d as u,a as V}from"../chunks/localize-Btu9xYcE.esm.js";import{c as W,d as K,e as q}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as G}from"../chunks/loading-template-DG4lkIIc.esm.js";import{logger as M}from"../utils/logger.esm.js";import"../chunks/_share-dialog-dependencies-Cirjl8zP.esm.js";import{s as h,a as H}from"../chunks/share-button-DNyMCeHQ.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as J}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-CWFcBlaF.esm.js";const g={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You've just made an impact for ${e}`,descriptionSubtitle:()=>"Check out the impact your purchase made below.",yourImpactTitle:()=>"You\u2019ve Funded",communityImpactTitle:()=>"Together we\u2019re funding",personalImpactLinkCopy:({name:e=""})=>`Learn about ${e}`,communityImpactLinkCopy:({name:e=""})=>`See all of the impact by the ${e} community`,impactShareButton:()=>"Share to Grow Your Impact"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({causeName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,yourImpactTitle:()=>"Vous avez financ\xE9",communityImpactTitle:()=>"Ensemble, nous finan\xE7ons",personalImpactLinkCopy:({name:e=""})=>`En savoir sur ${e}`,communityImpactLinkCopy:({name:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({causeName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,yourImpactTitle:()=>"Sie haben finanziert",communityImpactTitle:()=>"Gemeinsam finanzieren wir",personalImpactLinkCopy:({name:e=""})=>`Mehr \xFCber ${e} lernen`,communityImpactLinkCopy:({name:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({causeName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,yourImpactTitle:()=>"Has financiado",communityImpactTitle:()=>"Juntos estamos financiando",personalImpactLinkCopy:({name:e=""})=>`Saber de ${e}`,communityImpactLinkCopy:({name:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({causeName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,yourImpactTitle:()=>"Hai finanziato",communityImpactTitle:()=>"Insieme stiamo finanziando",personalImpactLinkCopy:({name:e=""})=>`Scopri su ${e}`,communityImpactLinkCopy:({name:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,impactShareButton:()=>"Condividi, aiutaci a fare la differenza"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({causeName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,yourImpactTitle:()=>"Sfinansowa\u0142e\u015B(a) ",communityImpactTitle:()=>"Razem finansujemy",personalImpactLinkCopy:({name:e=""})=>`Dowiedz si\u0119 o ${e}`,communityImpactLinkCopy:({name:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119"}};var Z=Object.defineProperty,i=(e,a,r,c)=>{for(var o=void 0,p=e.length-1,s;p>=0;p--)(s=e[p])&&(o=s(a,r,o)||o);return o&&Z(a,r,o),o};class t extends D{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(q(["apiKey","userId","nonprofitId"],this),await F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:j.impact_overview,version:"1.0.0",draftConfig:this.draftConfig,lang:this.configLang,discountCodes:this.discountCodes&&this.discountCodes.length>0?this.discountCodes:void 0,transactionId:this.transactionId??void 0}})),this.impactDataController=new _(this,this.getImpactData),this.resizeElements=N(()=>{h(this.impactTitleRefs),h(this.impactDescriptionRefs),h(this.impactLinkRefs),h(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return P[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const r=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const c of r)if(a.has(c)){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(r=>M.error(r)),a()}renderCard({imageUrl:a,title:r,percentFunded:c,goalProgressText:o,description:p,urlCopy:s,impactUrl:m,isImage:d,cardType:f,goalCompletionText:y}){return O`
-      <div class="impact-card ${d?"":"icon"}" part="impact-card">
-        <div class="${d?"":"icon-background "}">
-          <img src="${a}" alt="${r}" class="${d?"impact-card-image":"impact-card-icon"}" />
+import{f as k,g as c,p as f,h as E,k as $,y as T}from"../chunks/lit-WqMxC_PA.esm.js";import{d as U}from"../chunks/lodash-D3TLHRR_.esm.js";import{D,g as R,W as F,S as j}from"../chunks/routes-DCT5U9dA.esm.js";import{p as P}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{u as s,A,i as g,_ as O,d,a as _}from"../chunks/localize-Btu9xYcE.esm.js";import{c as V,d as W,e as G}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as K}from"../chunks/loading-template-DG4lkIIc.esm.js";import{logger as M}from"../utils/logger.esm.js";import"../chunks/_share-dialog-dependencies-DQlABdY4.esm.js";import{s as h,a as q}from"../chunks/share-button-BEXn6SRs.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as H}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-7um4cBYz.esm.js";const l={en:{descriptionTitle:({nonprofitName:a="a nonprofit"})=>`You just made an impact for ${a}`,descriptionSubtitle:({brandName:a=""})=>`Check out the impact your ${a} purchase made below.`,yourImpactTitle:()=>"You\u2019re funding",communityImpactTitle:()=>"Together we\u2019re funding",personalImpactLinkCopy:({nonprofitName:a=""})=>`Learn about ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`See all of the ${a} community's impact`,impactShareButton:()=>"Share to Grow Your Impact"},fr:{descriptionTitle:({nonprofitName:a="une organisation"})=>`Vous avez cr\xE9\xE9 un impact pour ${a}`,descriptionSubtitle:({brandName:a=""})=>`D\xE9couvrez ci-dessous l'impact de votre achat ${a}.`,yourImpactTitle:()=>"Vous financez",communityImpactTitle:()=>"Ensemble, nous finan\xE7ons",personalImpactLinkCopy:({nonprofitName:a=""})=>`En savoir plus sur ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Voir tout l'impact de la communaut\xE9 ${a}`,impactShareButton:()=>"Partagez pour d\xE9velopper votre impact"},de:{descriptionTitle:({nonprofitName:a="eine Organisation"})=>`Du hast einen Beitrag f\xFCr ${a} geleistet`,descriptionSubtitle:({brandName:a=""})=>`Sieh dir unten den Beitrag an, den dein ${a} Einkauf gemacht hat.`,yourImpactTitle:()=>"Du finanzierst",communityImpactTitle:()=>"Gemeinsam finanzieren wir",personalImpactLinkCopy:({nonprofitName:a=""})=>`Mehr \xFCber ${a} erfahren`,communityImpactLinkCopy:({brandName:a=""})=>`Sieh dir den gesamten Beitrag der ${a}-Community an`,impactShareButton:()=>"Teile, um deinen Beitrag zu vergr\xF6\xDFern"},es:{descriptionTitle:({nonprofitName:a="una organizaci\xF3n"})=>`Generaste un impacto para ${a}`,descriptionSubtitle:({brandName:a=""})=>`Mira a continuaci\xF3n el impacto que tu compra de ${a} ha generado.`,yourImpactTitle:()=>"Est\xE1s financiando",communityImpactTitle:()=>"Juntos estamos financiando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Conoce m\xE1s sobre ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Mira todo el impacto de la comunidad ${a}`,impactShareButton:()=>"Comparte para hacer crecer tu impacto"},it:{descriptionTitle:({nonprofitName:a="un'organizzazione"})=>`Hai creato un impatto per ${a}`,descriptionSubtitle:({brandName:a=""})=>`Scopri qui sotto l'impatto del tuo acquisto ${a}.`,yourImpactTitle:()=>"Stai finanziando",communityImpactTitle:()=>"Insieme stiamo finanziando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Scopri di pi\xF9 su ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Guarda tutto l'impatto della comunit\xE0 ${a}`,impactShareButton:()=>"Condividi per far crescere il tuo impatto"},pl:{descriptionTitle:({nonprofitName:a="organizacj\u0119"})=>`Wywar\u0142a\u015B_e\u015B wp\u0142yw na ${a}`,descriptionSubtitle:({brandName:a=""})=>`Sprawd\u017A poni\u017Cej, jaki wp\u0142yw mia\u0142 Tw\xF3j zakup ${a}.`,yourImpactTitle:()=>"Finansujesz",communityImpactTitle:()=>"Razem finansujemy",personalImpactLinkCopy:({nonprofitName:a=""})=>`Dowiedz si\u0119 wi\u0119cej o ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Zobacz ca\u0142y wp\u0142yw spo\u0142eczno\u015Bci ${a}`,impactShareButton:()=>"Udost\u0119pnij, aby powi\u0119kszy\u0107 sw\xF3j wp\u0142yw"}};var J=Object.defineProperty,i=(a,e,r,p)=>{for(var n=void 0,m=a.length-1,o;m>=0;m--)(o=a[m])&&(n=o(e,r,n)||n);return n&&J(e,r,n),n};class t extends E{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(G(["apiKey","userId","nonprofitId"],this),await R({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:F.impact_overview,version:"1.0.0",draftConfig:this.draftConfig,lang:this.configLang,discountCodes:this.discountCodes&&this.discountCodes.length>0?this.discountCodes:void 0,transactionId:this.transactionId??void 0}})),this.impactDataController=new A(this,this.getImpactData),this.resizeElements=U(()=>{h(this.impactTitleRefs),h(this.impactDescriptionRefs),h(this.impactLinkRefs),h(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return j[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const r=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const p of r)if(e.has(p)){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(e){if(document.fonts.status==="loading")return await document.fonts.ready.catch(r=>M.error(r)),e()}renderCard({imageUrl:e,title:r,percentFunded:p,goalProgressText:n,description:m,urlCopy:o,impactUrl:b,isImage:u,cardType:y,goalCompletionText:v}){return T`
+      <div class="impact-card ${u?"":"icon"}" part="impact-card">
+        <div class="${u?"":"icon-background "}">
+          <img src="${e}" alt="${r}" class="${u?"impact-card-image":"impact-card-icon"}" />
         </div>
-        <div class="${d?"":"impact-icon-card-content"}" style="margin: 12px;">
+        <div class="${u?"":"impact-icon-card-content"}" style="margin: 12px;">
           <div class="impact-card-title">${r}</div>
-          <p class="impact-card-description">${T(p)}</p>
+          <p class="impact-card-description">${$(m)}</p>
           <div class="impact-card-goalCompletionText">
-            <p>${T(y)}</p>
+            <p>${$(v)}</p>
           </div>
           <div class="impact-card-progress" style="display: flex; align-items: center;">
             <beam-progress-bar
-              value="${c}"
+              value="${p}"
               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;"
-              >${b(this.configLang,o)}</span
+              >${g(this.configLang,n)}</span
             >
           </div>
           <p class="impact-link" part="impact-link">
-            <a href="${m}" target="_blank" rel="noopener noreferrer">
-              ${f==="personal"?g[this.configLang].personalImpactLinkCopy({name:s}):g[this.configLang].communityImpactLinkCopy({name:s})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+            <a href="${b}" target="_blank" rel="noopener noreferrer">
+              ${y==="personal"?l[this.configLang].personalImpactLinkCopy({nonprofitName:o}):l[this.configLang].communityImpactLinkCopy({brandName:o})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
             </a>
           </p>
         </div>
       </div>
-    `}render(){const{data:a,loading:r,error:c}=this.impactDataController;if(r)return G();if(c)return this.debug?S({error:c}):"";if(a==null)return this.debug?S({error:new Error("No data")}):"";const o=this.impactDataController.data?.chain.name,p=b(this.configLang,a.personal[0].nonprofit.cause||""),s=this.cssVariables["--beam-ImpactOverview-cardStyle"],m=s==="'image'",d=s==="'selected_icon'",f=a.personal[0]?.imageUrl||"",y=a.community[0].imageUrl||"",C=a.personal[0]?.nonprofit.causeIconUrl,w=a.personal[0]?.nonprofit.causeIconSelectedUrl,L=m?f:d?w:C,z=m?y:d?w:C,B=this.impactDataController.data?.promoAssetUrl||this.impactDataController.data?.personalImpactAssetUrl,x=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",U=x&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",k=x&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",E=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let I="d-none";return U?I=k?"d-block":"d-lg-none":I=k?"d-none d-lg-block":"d-none",O`
+    `}render(){const{data:e,loading:r,error:p}=this.impactDataController;if(r)return K();if(p)return this.debug?O({error:p}):"";if(e==null)return this.debug?O({error:new Error("No data")}):"";const n=this.impactDataController.data?.chain.name,m=this.cssVariables["--beam-ImpactOverview-cardStyle"],o=m==="'image'",b=m==="'selected_icon'",u=e.personal[0]?.imageUrl||"",y=e.community[0].imageUrl||"",v=e.personal[0]?.nonprofit.causeIconUrl,w=e.personal[0]?.nonprofit.causeIconSelectedUrl,S=o?u:b?w:v,L=o?y:b?w:v,z=this.impactDataController.data?.promoAssetUrl||this.impactDataController.data?.personalImpactAssetUrl,C=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",N=C&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",x=C&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",B=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let I="d-none";return N?I=x?"d-block":"d-lg-none":I=x?"d-none d-lg-block":"d-none",T`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -35,36 +35,36 @@ import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm
 
       <div>
         <beam-partner-logos
-          partnerLogoUrl="${a.chain.logoUrl}"
-          partnerName="${a.chain.name}"
+          partnerLogoUrl="${e.chain.logoUrl}"
+          partnerName="${e.chain.name}"
           part="logos"
         ></beam-partner-logos>
       </div>
 
       <div class="description">
         <div class="title" part="title">
-          ${b(this.configLang,a.config?.web?.title)||g[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
+          ${g(this.configLang,e.config?.web?.title)||l[this.configLang].descriptionTitle({nonprofitName:e.personal[0].nonprofit.name})}
         </div>
         <div class="subtitle" part="subtitle">
-          ${b(this.configLang,a.config?.web?.description)||g[this.configLang].descriptionSubtitle({causeName:p})}
+          ${g(this.configLang,e.config?.web?.description)||l[this.configLang].descriptionSubtitle({brandName:e.chain.name})}
         </div>
       </div>
 
-      <div class="${m?"impact-image-cards":"impact-icon-cards"}" part="impact-cards">
-        <div class="impact your-impact ${m?"image-card-container":"icon-card-container"}">
-          ${this.renderCard({isImage:m,imageUrl:L||"",title:g[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,goalProgressText:a.personal[0]?.impact?.goalProgressText,description:b(this.configLang,a.personal[0]?.impact?.description||""),urlCopy:a.personal[0].nonprofit?.name,impactUrl:a.personal[0].nonprofit?.website||"",cardType:"personal",goalCompletionText:a.personal[0].impact.goalCompletionText})}
+      <div class="${o?"impact-image-cards":"impact-icon-cards"}" part="impact-cards">
+        <div class="impact your-impact ${o?"image-card-container":"icon-card-container"}">
+          ${this.renderCard({isImage:o,imageUrl:S||"",title:l[this.configLang].yourImpactTitle(),percentFunded:e.personal[0]?.impact?.goalProgressPercentage||0,goalProgressText:e.personal[0]?.impact?.goalProgressText,description:g(this.configLang,e.personal[0]?.impact?.description||""),urlCopy:e.personal[0].nonprofit?.name,impactUrl:e.personal[0].nonprofit?.website||"",cardType:"personal",goalCompletionText:e.personal[0].impact.goalCompletionText})}
         </div>
-        <div class="impact community-impact ${m?"image-card-container":"icon-card-container"}">
-          ${this.renderCard({isImage:m,imageUrl:z||"",title:g[this.configLang].communityImpactTitle(),percentFunded:a.community[0].impact?.goalProgressPercentage||0,goalProgressText:a.community[0]?.impact?.goalProgressText,description:b(this.configLang,a.community[0].impact?.description||""),urlCopy:a.chain.name,impactUrl:a.store.communityPageURL||a.chain.communityImpactUrl||a.personal[0].nonprofit.website||"",cardType:"community",goalCompletionText:a.community[0].impact.goalCompletionText})}
+        <div class="impact community-impact ${o?"image-card-container":"icon-card-container"}">
+          ${this.renderCard({isImage:o,imageUrl:L||"",title:l[this.configLang].communityImpactTitle(),percentFunded:e.community[0].impact?.goalProgressPercentage||0,goalProgressText:e.community[0]?.impact?.goalProgressText,description:g(this.configLang,e.community[0].impact?.description||""),urlCopy:e.chain.name,impactUrl:e.store.communityPageURL||e.chain.communityImpactUrl||e.personal[0].nonprofit.website||"",cardType:"community",goalCompletionText:e.community[0].impact.goalCompletionText})}
         </div>
       </div>
 
       <div class="footer ${I} shareButtonContainer" part="social-share">
         <beam-share-button
-          imageUrl="${B}"
-          brandName="${o}"
-          shareIcon="${E}"
-          buttonText="${g[this.configLang].impactShareButton()}"
+          imageUrl="${z}"
+          brandName="${n}"
+          shareIcon="${B}"
+          buttonText="${l[this.configLang].impactShareButton()}"
           configLang="${this.configLang}"
           baseUrl="${this.baseUrl}"
           storeId="${this.storeId}"
@@ -75,7 +75,7 @@ import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm
       </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",...Y,...A,...H,...u("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px",textTransform:"capitalize"}),...u("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"650px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"5px","--beam-ImpactOverview-impactCard-marginTop":"10px",...u("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold",letterSpacing:"0.36px"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"8px",...u("--beam-ImpactOverview-impactCard-progressText"),...u("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...u("--beam-ImpactOverview-impactCard-link",{marginTop:"10px",textDecoration:"underline",textTransform:"capitalize"}),...u("--beam-ImpactOverview-goalCompletionText",{marginTop:"5px",fontWeight:"600",textTransform:"capitalize",fontSize:"13px"}),"--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","--beam-ImpactOverview-cardStyle":"'image'","--beam-ImpactOverview-iconBackground-width":"75px","--beam-ImpactOverview-iconBackground-height":"75px","--beam-ImpactOverview-iconBackground-borderRadius":"50px","--beam-ImpactOverview-icon-padding":"0px","--beam-ImpactOverview-iconBackground-background":"#f3f3f3","--beam-ImpactOverview-impactCard-shareButton-background":"#fff","--beam-ImpactOverview-impactCard-shareButton-boxShadow":"0px -20px 20px 0px rgb(0 0 0 / 2%)"},r=this.impactDataController?.data?.config?.web?.theme||{},c={...a,...r};return Object.assign(Object.create({toCSS(){return V(this)}}),c)}}t.tagName="beam-impact-overview",t.styles=[W,J,$`
+    `}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...Y,...P,...q,...d("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px",textTransform:"capitalize"}),...d("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"650px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"5px","--beam-ImpactOverview-impactCard-marginTop":"10px",...d("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold",letterSpacing:"0.36px"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"8px",...d("--beam-ImpactOverview-impactCard-progressText"),...d("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...d("--beam-ImpactOverview-impactCard-link",{marginTop:"10px",textDecoration:"underline",textTransform:"capitalize"}),...d("--beam-ImpactOverview-goalCompletionText",{marginTop:"5px",fontWeight:"600",textTransform:"capitalize",fontSize:"13px"}),"--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","--beam-ImpactOverview-cardStyle":"'image'","--beam-ImpactOverview-iconBackground-width":"75px","--beam-ImpactOverview-iconBackground-height":"75px","--beam-ImpactOverview-iconBackground-borderRadius":"50px","--beam-ImpactOverview-icon-padding":"0px","--beam-ImpactOverview-iconBackground-background":"#f3f3f3","--beam-ImpactOverview-impactCard-shareButton-background":"#fff","--beam-ImpactOverview-impactCard-shareButton-boxShadow":"0px -20px 20px 0px rgb(0 0 0 / 2%)"},r=this.impactDataController?.data?.config?.web?.theme||{},p={...e,...r};return Object.assign(Object.create({toCSS(){return _(this)}}),p)}}t.tagName="beam-impact-overview",t.styles=[V,H,k`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -157,22 +157,22 @@ import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm
         box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);
       }
       .title {
-        ${l("--beam-ImpactOverview-title")}
+        ${s("--beam-ImpactOverview-title")}
       }
       .subtitle {
-        ${l("--beam-ImpactOverview-subtitle")}
+        ${s("--beam-ImpactOverview-subtitle")}
       }
       .impact-card-title {
-        ${l("--beam-ImpactOverview-impactCard-title")}
+        ${s("--beam-ImpactOverview-impactCard-title")}
       }
       .impact-card-progressText {
-        ${l("--beam-ImpactOverview-impactCard-progressText")}
+        ${s("--beam-ImpactOverview-impactCard-progressText")}
       }
       .impact-card-description {
-        ${l("--beam-ImpactOverview-impactCard-description")}
+        ${s("--beam-ImpactOverview-impactCard-description")}
       }
       .impact-link {
-        ${l("--beam-ImpactOverview-impactCard-link")}
+        ${s("--beam-ImpactOverview-impactCard-link")}
       }
       .impact-link-arrow {
         display: var(--beam-ImpactOverview-impactCard-linkArrow-display, "inline");
@@ -182,12 +182,12 @@ import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm
         color: var(--beam-ImpactOverview-impactCard-link-color, inherit);
       }
       .impact-card-goalCompletionText {
-        ${l("--beam-ImpactOverview-goalCompletionText")}
+        ${s("--beam-ImpactOverview-goalCompletionText")}
       }
       .footer {
         text-align: center;
       }
-    `,$`
+    `,k`
       .button {
         cursor: pointer;
       }
@@ -202,5 +202,5 @@ import{f as $,g as n,p as v,h as D,k as T,y as O}from"../chunks/lit-WqMxC_PA.esm
         font-size: inherit;
         font-family: inherit;
       }
-    `],i([n({type:String,reflect:!0})],t.prototype,"baseUrl"),i([n({type:String,reflect:!1})],t.prototype,"apiKey"),i([n({type:Number})],t.prototype,"storeId"),i([n({type:String,reflect:!0})],t.prototype,"nonprofitId"),i([n({type:String,reflect:!0})],t.prototype,"userId"),i([n({type:String})],t.prototype,"lang"),i([n({type:Boolean})],t.prototype,"debug"),i([n({type:Boolean})],t.prototype,"draftConfig"),i([n({type:String})],t.prototype,"transactionId"),i([n({type:Object})],t.prototype,"discountCodes"),i([v(".impact-card-title")],t.prototype,"impactTitleRefs"),i([v(".impact-card-description")],t.prototype,"impactDescriptionRefs"),i([v(".impact-link")],t.prototype,"impactLinkRefs"),i([v(".impact-card-goalCompletionText")],t.prototype,"goalCompletionTextRefs"),K(t);export{t as BeamImpactOverview};
+    `],i([c({type:String,reflect:!0})],t.prototype,"baseUrl"),i([c({type:String,reflect:!1})],t.prototype,"apiKey"),i([c({type:Number})],t.prototype,"storeId"),i([c({type:String,reflect:!0})],t.prototype,"nonprofitId"),i([c({type:String,reflect:!0})],t.prototype,"userId"),i([c({type:String})],t.prototype,"lang"),i([c({type:Boolean})],t.prototype,"debug"),i([c({type:Boolean})],t.prototype,"draftConfig"),i([c({type:String})],t.prototype,"transactionId"),i([c({type:Object})],t.prototype,"discountCodes"),i([f(".impact-card-title")],t.prototype,"impactTitleRefs"),i([f(".impact-card-description")],t.prototype,"impactDescriptionRefs"),i([f(".impact-link")],t.prototype,"impactLinkRefs"),i([f(".impact-card-goalCompletionText")],t.prototype,"goalCompletionTextRefs"),W(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/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You've just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: () => `Check out the impact your purchase made below.`,\n    yourImpactTitle: () => `You’ve Funded`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Learn about ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `See all of the impact by the ${name} community`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Vous avez eu un impact positif sur ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Découvrez quel est l'impact de votre achat chez ${causeName} ci-dessous.`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Vous avez financé`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `En savoir sur ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Voir toutes les contributions de la communauté de ${name}`,\n    // share modal\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Du hast soeben einen Beitrag geleistet für ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Erfahre mehr über den Beitrag, den du mit deinem ${causeName} Kauf geleistet hast`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sie haben finanziert`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Mehr über ${name} lernen`,\n    communityImpactLinkCopy: ({ name = \"\" }) =>\n      `Informiere dich über den bisher geleisteten Beitrag der ${name} community`,\n    // share modal\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Acabas de contribuir con ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Comprueba la contribución que has hecho con tu compra ${causeName} a continuación`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Has financiado`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Saber de ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Mira lo que ha conseguido la comunidad ${name}`,\n    // share modal\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Hai appena fatto la differenza per ${nonprofitName}`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) => `Guarda qui sotto l'impatto del tuo acquisto ${causeName}`, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Hai finanziato`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Scopri su ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Guarda come la comunità di ${name} fa la differenza`,\n    // share modal\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"\" }) => `Właśnie wsparłaś_eś ${nonprofitName}!`, // TODO: Update translation copy SDK-2210\n    descriptionSubtitle: ({ causeName = \"\" }) =>\n      `Sprawdź niżej, jakiego wsparcia udzieliłaś_eś kupując w ${causeName} `, // TODO: Update translation copy SDK-2210\n    yourImpactTitle: () => `Sfinansowałeś(a) `,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ name = \"\" }) => `Dowiedz się o ${name}`,\n    communityImpactLinkCopy: ({ name = \"\" }) => `Zobacz, ile dobrego zrobiła do tej pory społeczność ${name}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\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: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\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        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? 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  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: 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      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </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              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    name: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    name: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </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 causeName = localizeUserString(this.configLang, data.personal[0].nonprofit.cause || \"\");\n    const cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\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({ causeName: causeName })}\n        </div>\n      </div>\n\n      <div class=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\" part=\"impact-cards\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl:\n              data.store.communityPageURL || data.chain.communityImpactUrl || data.personal[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" 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          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\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        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\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        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\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      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\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, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\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: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\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      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\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    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","name","causeName","D","u","g","e","a","t","n","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","brandName","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","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    yourImpactTitle: () => `You’re funding`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Learn about ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `See all of the ${brandName} community's impact`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"une organisation\" }) => `Vous avez créé un impact pour ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Découvrez ci-dessous l'impact de votre achat ${brandName}.`,\n    yourImpactTitle: () => `Vous financez`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `En savoir plus sur ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Voir tout l'impact de la communauté ${brandName}`,\n    // share modal\n    impactShareButton: () => `Partagez pour développer votre impact`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"eine Organisation\" }) =>\n      `Du hast einen Beitrag für ${nonprofitName} geleistet`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Sieh dir unten den Beitrag an, den dein ${brandName} Einkauf gemacht hat.`,\n    yourImpactTitle: () => `Du finanzierst`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Mehr über ${nonprofitName} erfahren`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Sieh dir den gesamten Beitrag der ${brandName}-Community an`,\n    // share modal\n    impactShareButton: () => `Teile, um deinen Beitrag zu vergrößern`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"una organización\" }) => `Generaste un impacto para ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Mira a continuación el impacto que tu compra de ${brandName} ha generado.`,\n    yourImpactTitle: () => `Estás financiando`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Conoce más sobre ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Mira todo el impacto de la comunidad ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Comparte para hacer crecer tu impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"un'organizzazione\" }) => `Hai creato un impatto per ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Scopri qui sotto l'impatto del tuo acquisto ${brandName}.`,\n    yourImpactTitle: () => `Stai finanziando`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Scopri di più su ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Guarda tutto l'impatto della comunità ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Condividi per far crescere il tuo impatto\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"organizację\" }) => `Wywarłaś_eś wpływ na ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Sprawdź poniżej, jaki wpływ miał Twój zakup ${brandName}.`,\n    yourImpactTitle: () => `Finansujesz`,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Dowiedz się więcej o ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Zobacz cały wpływ społeczności ${brandName}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, aby powiększyć swój wpływ`,\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: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\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        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? 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  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: 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      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </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              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    nonprofitName: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    brandName: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </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 cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\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=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\" part=\"impact-cards\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl:\n              data.store.communityPageURL || data.chain.communityImpactUrl || data.personal[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" 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          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\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        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\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        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\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      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\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, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\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: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\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      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\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    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","brandName","R","h","d","e","a","t","n","s","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}