@beamimpact/web-sdk 1.51.1 → 1.52.1

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

@@ -1,13 +1,13 @@
-import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm.js";import{d as N}from"../chunks/lodash-7H4x2457.esm.js";import{D as R,g as F,W as j,S as A}from"../chunks/routes-CaSRr919.esm.js";import{p as P}from"../chunks/progress-bar-oJB_t7od.esm.js";import{u as l,A as _,i as v,_ as S,d as u,a as V}from"../chunks/localize-cDQFOecn.esm.js";import{c as W,d as q,e as G}from"../chunks/enforce-config-Cw52SuAc.esm.js";import{_ as K}from"../chunks/loading-template-DXNS89Th.esm.js";import{logger as M}from"../utils/logger.esm.js";import"../chunks/_share-dialog-dependencies-CHbTSPha.esm.js";import{s as f,a as H}from"../chunks/share-button-CvTUluNq.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as J}from"../chunks/responsive-9jAzOYoE.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-DRA8u-S7.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-R7jgVCPv.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,s=e.length-1,p;s>=0;s--)(p=e[s])&&(o=p(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()=>(G(["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(()=>{f(this.impactTitleRefs),f(this.impactDescriptionRefs),f(this.impactLinkRefs),f(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return A[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:s,urlCopy:p,impactUrl:m,isImage:d,cardType:h,goalCompletionText:y}){return $`
+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-7H4x2457.esm.js";import{D as R,g as F,W as j,S as A}from"../chunks/routes-pcL-CUiQ.esm.js";import{p as P}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-BwdvNwrJ.esm.js";import{s as h,a as H}from"../chunks/share-button-BvUcpOcx.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-C-DXj68Z.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 A[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"}" />
         </div>
         <div class="${d?"":"impact-icon-card-content"}" style="margin: 12px;">
           <div class="impact-card-title">${r}</div>
-          <p class="impact-card-description">${O(s)}</p>
+          <p class="impact-card-description">${T(p)}</p>
           <div class="impact-card-goalCompletionText">
-            <p>${O(y)}</p>
+            <p>${T(y)}</p>
           </div>
           <div class="impact-card-progress" style="display: flex; align-items: center;">
             <beam-progress-bar
@@ -16,17 +16,17 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
               class="impact-card-progressbar"
             ></beam-progress-bar>
             <span class="impact-card-progressText" style="flex: 0 1; margin-left: 10px; white-space: nowrap;"
-              >${v(this.configLang,o)}</span
+              >${b(this.configLang,o)}</span
             >
           </div>
           <p class="impact-link" part="impact-link">
             <a href="${m}" target="_blank" rel="noopener noreferrer">
-              ${h==="personal"?g[this.configLang].personalImpactLinkCopy({name:p}):g[this.configLang].communityImpactLinkCopy({name:p})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+              ${f==="personal"?g[this.configLang].personalImpactLinkCopy({name:s}):g[this.configLang].communityImpactLinkCopy({name:s})}<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 K();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,s=v(this.configLang,a.personal[0].nonprofit.cause||""),p=this.cssVariables["--beam-ImpactOverview-cardStyle"],m=p==="'image'",d=p==="'selected_icon'",h=a.personal[0]?.imageUrl||"",y=a.community[0].imageUrl||"",C=a.personal[0]?.nonprofit.causeIconUrl,w=a.personal[0]?.nonprofit.causeIconSelectedUrl,L=m?h: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",$`
+    `}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`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -43,19 +43,19 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
 
       <div class="description">
         <div class="title" part="title">
-          ${v(this.configLang,a.config?.web?.title)||g[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
+          ${b(this.configLang,a.config?.web?.title)||g[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
         </div>
         <div class="subtitle" part="subtitle">
-          ${v(this.configLang,a.config?.web?.description)||g[this.configLang].descriptionSubtitle({causeName:s})}
+          ${b(this.configLang,a.config?.web?.description)||g[this.configLang].descriptionSubtitle({causeName:p})}
         </div>
       </div>
 
       <div class="${m?"impact-image-cards":"impact-icon-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:v(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})}
+          ${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>
         <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:v(this.configLang,a.community[0].impact?.description||""),urlCopy:a.chain.name,impactUrl:a.chain.communityImpactUrl||a.community[0].nonprofit.website||"",cardType:"community",goalCompletionText:a.community[0].impact.goalCompletionText})}
+          ${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.chain.communityImpactUrl||a.community[0].nonprofit.website||"",cardType:"community",goalCompletionText:a.community[0].impact.goalCompletionText})}
         </div>
       </div>
 
@@ -66,11 +66,16 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
           shareIcon="${E}"
           buttonText="${g[this.configLang].impactShareButton()}"
           configLang="${this.configLang}"
+          baseUrl="${this.baseUrl}"
+          storeId="${this.storeId}"
+          nonprofitId="${this.nonprofitId}"
+          transactionId="${this.transactionId}"
+          apiKey="${this.apiKey}"
         ></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",...Y,...P,...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,T`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...Y,...P,...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,$`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -182,7 +187,7 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
       .footer {
         text-align: center;
       }
-    `,T`
+    `,$`
       .button {
         cursor: pointer;
       }
@@ -197,5 +202,5 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.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([b(".impact-card-title")],t.prototype,"impactTitleRefs"),i([b(".impact-card-description")],t.prototype,"impactDescriptionRefs"),i([b(".impact-link")],t.prototype,"impactLinkRefs"),i([b(".impact-card-goalCompletionText")],t.prototype,"goalCompletionTextRefs"),q(t);export{t as BeamImpactOverview};
+    `],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};
 //# 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\"}\">\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: data.chain.communityImpactUrl || data.community[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        ></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","c","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'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\"}\">\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: data.chain.communityImpactUrl || data.community[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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"}

package/dist/components/impact-overview.js

@@ -1,13 +1,13 @@
-import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm.js";import{d as N}from"../chunks/lodash-7H4x2457.esm.js";import{D as R,g as F,W as j,S as A}from"../chunks/routes-KHEaM_40.esm.js";import{p as P}from"../chunks/progress-bar-oJB_t7od.esm.js";import{u as l,A as _,i as v,_ as S,d as u,a as V}from"../chunks/localize-CQCRjY9s.esm.js";import{c as W,d as q,e as G}from"../chunks/enforce-config-CQb5MiAV.esm.js";import{_ as K}from"../chunks/loading-template-DXNS89Th.esm.js";import{logger as M}from"../utils/logger.js";import"../chunks/_share-dialog-dependencies-B3N69ml2.esm.js";import{s as f,a as H}from"../chunks/share-button-BbG-gnwj.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.js";import{c as J}from"../chunks/responsive-9jAzOYoE.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-DRA8u-S7.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-R7jgVCPv.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,s=e.length-1,p;s>=0;s--)(p=e[s])&&(o=p(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()=>(G(["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(()=>{f(this.impactTitleRefs),f(this.impactDescriptionRefs),f(this.impactLinkRefs),f(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return A[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:s,urlCopy:p,impactUrl:m,isImage:d,cardType:h,goalCompletionText:y}){return $`
+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-7H4x2457.esm.js";import{D as R,g as F,W as j,S as A}from"../chunks/routes-CAhDCFDX.esm.js";import{p as P}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-C25pEGnx.esm.js";import{c as W,d as K,e as q}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{_ as G}from"../chunks/loading-template-DG4lkIIc.esm.js";import{logger as M}from"../utils/logger.js";import"../chunks/_share-dialog-dependencies-QaTONkKb.esm.js";import{s as h,a as H}from"../chunks/share-button-CtklpZOO.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.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-BYVId0-U.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 A[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"}" />
         </div>
         <div class="${d?"":"impact-icon-card-content"}" style="margin: 12px;">
           <div class="impact-card-title">${r}</div>
-          <p class="impact-card-description">${O(s)}</p>
+          <p class="impact-card-description">${T(p)}</p>
           <div class="impact-card-goalCompletionText">
-            <p>${O(y)}</p>
+            <p>${T(y)}</p>
           </div>
           <div class="impact-card-progress" style="display: flex; align-items: center;">
             <beam-progress-bar
@@ -16,17 +16,17 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
               class="impact-card-progressbar"
             ></beam-progress-bar>
             <span class="impact-card-progressText" style="flex: 0 1; margin-left: 10px; white-space: nowrap;"
-              >${v(this.configLang,o)}</span
+              >${b(this.configLang,o)}</span
             >
           </div>
           <p class="impact-link" part="impact-link">
             <a href="${m}" target="_blank" rel="noopener noreferrer">
-              ${h==="personal"?g[this.configLang].personalImpactLinkCopy({name:p}):g[this.configLang].communityImpactLinkCopy({name:p})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+              ${f==="personal"?g[this.configLang].personalImpactLinkCopy({name:s}):g[this.configLang].communityImpactLinkCopy({name:s})}<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 K();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,s=v(this.configLang,a.personal[0].nonprofit.cause||""),p=this.cssVariables["--beam-ImpactOverview-cardStyle"],m=p==="'image'",d=p==="'selected_icon'",h=a.personal[0]?.imageUrl||"",y=a.community[0].imageUrl||"",C=a.personal[0]?.nonprofit.causeIconUrl,w=a.personal[0]?.nonprofit.causeIconSelectedUrl,L=m?h: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",$`
+    `}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`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -43,19 +43,19 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
 
       <div class="description">
         <div class="title" part="title">
-          ${v(this.configLang,a.config?.web?.title)||g[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
+          ${b(this.configLang,a.config?.web?.title)||g[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
         </div>
         <div class="subtitle" part="subtitle">
-          ${v(this.configLang,a.config?.web?.description)||g[this.configLang].descriptionSubtitle({causeName:s})}
+          ${b(this.configLang,a.config?.web?.description)||g[this.configLang].descriptionSubtitle({causeName:p})}
         </div>
       </div>
 
       <div class="${m?"impact-image-cards":"impact-icon-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:v(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})}
+          ${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>
         <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:v(this.configLang,a.community[0].impact?.description||""),urlCopy:a.chain.name,impactUrl:a.chain.communityImpactUrl||a.community[0].nonprofit.website||"",cardType:"community",goalCompletionText:a.community[0].impact.goalCompletionText})}
+          ${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.chain.communityImpactUrl||a.community[0].nonprofit.website||"",cardType:"community",goalCompletionText:a.community[0].impact.goalCompletionText})}
         </div>
       </div>
 
@@ -66,11 +66,16 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
           shareIcon="${E}"
           buttonText="${g[this.configLang].impactShareButton()}"
           configLang="${this.configLang}"
+          baseUrl="${this.baseUrl}"
+          storeId="${this.storeId}"
+          nonprofitId="${this.nonprofitId}"
+          transactionId="${this.transactionId}"
+          apiKey="${this.apiKey}"
         ></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",...Y,...P,...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,T`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...Y,...P,...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,$`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -182,7 +187,7 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.esm
       .footer {
         text-align: center;
       }
-    `,T`
+    `,$`
       .button {
         cursor: pointer;
       }
@@ -197,5 +202,5 @@ import{f as T,g as n,p as b,h as D,k as O,y as $}from"../chunks/lit-5uUWs2aX.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([b(".impact-card-title")],t.prototype,"impactTitleRefs"),i([b(".impact-card-description")],t.prototype,"impactDescriptionRefs"),i([b(".impact-link")],t.prototype,"impactLinkRefs"),i([b(".impact-card-goalCompletionText")],t.prototype,"goalCompletionTextRefs"),q(t);export{t as BeamImpactOverview};
+    `],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};
 //# sourceMappingURL=impact-overview.js.map