@beamimpact/web-sdk 1.44.2 → 1.45.3

package/dist/components/beam-partner-logos.esm.js

@@ -1,4 +1,4 @@
-import{f as m,g as i,h as l,y as b}from"../chunks/lit-3QHn3fwl.esm.js";var h=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(g,o,a,e)=>{for(var r=e>1?void 0:e?L(o,a):o,n=g.length-1,s;n>=0;n--)(s=g[n])&&(r=(e?s(o,a,r):s(r))||r);return e&&r&&h(o,a,r),r};const c="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class t extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=c,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:e}=this;return b`
+import{f as m,g as i,h as l,y as b}from"../chunks/lit-iNN5L_Qk.esm.js";var h=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(g,o,a,e)=>{for(var r=e>1?void 0:e?L(o,a):o,n=g.length-1,s;n>=0;n--)(s=g[n])&&(r=(e?s(o,a,r):s(r))||r);return e&&r&&h(o,a,r),r};const c="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class t extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=c,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:e}=this;return b`
       <span class="partner-logo">
         <img src="${o}" part="partner-logo" alt="${e} Logo" />
       </span>

package/dist/components/beam-partner-logos.js

@@ -1,4 +1,4 @@
-import{f as m,g as i,h as l,y as b}from"../chunks/lit-3QHn3fwl.esm.js";var h=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(g,o,a,e)=>{for(var r=e>1?void 0:e?L(o,a):o,n=g.length-1,s;n>=0;n--)(s=g[n])&&(r=(e?s(o,a,r):s(r))||r);return e&&r&&h(o,a,r),r};const c="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class t extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=c,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:e}=this;return b`
+import{f as m,g as i,h as l,y as b}from"../chunks/lit-iNN5L_Qk.esm.js";var h=Object.defineProperty,L=Object.getOwnPropertyDescriptor,p=(g,o,a,e)=>{for(var r=e>1?void 0:e?L(o,a):o,n=g.length-1,s;n>=0;n--)(s=g[n])&&(r=(e?s(o,a,r):s(r))||r);return e&&r&&h(o,a,r),r};const c="https://cdn01.beamimpact.com/chains/img/beam-logo.png";class t extends l{constructor(){super(...arguments),this.partnerLogoUrl="",this.beamLogoUrl=c,this.partnerName=""}render(){const{partnerLogoUrl:o,beamLogoUrl:a,partnerName:e}=this;return b`
       <span class="partner-logo">
         <img src="${o}" part="partner-logo" alt="${e} Logo" />
       </span>

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

@@ -1,4 +1,4 @@
-import{f as x,g as d,t as I,h as v,y as g,m as b,k as u}from"../chunks/lit-3QHn3fwl.esm.js";import{p as $}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-HksNiOMu.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-IRs8JglT.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-4Mnz2XZX.esm.js";import{_ as U}from"../chunks/loading-template-mLjOGXMj.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-r6wxRbPV.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:t=0})=>`Funded <b>${t}</b> ${t>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:t=0})=>`Financ\xE9 <b>${t}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:t=0})=>`<b>${t}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:t=0})=>`Financiado <b>${t}</b> ${t>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:t=0})=>`Finanziato <b>${t}</b> ${t>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:t=0})=>`Udzielono wsparcia <b>${t}</b> ${t>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,p=(t,a,i,r)=>{for(var o=r>1?void 0:r?P(a,i):a,e=t.length-1,l;e>=0;e--)(l=t[e])&&(o=(r?l(a,i,o):l(o))||o);return r&&o&&_(a,i,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.draftConfig=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const i=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return g`
+import{f as x,g as d,t as I,h as v,y as g,k as b,m as u}from"../chunks/lit-iNN5L_Qk.esm.js";import{p as $}from"../chunks/progress-bar-PMU_xI3L.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-ZAI7WYAd.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-o-cYvHQf.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-4z90Ks28.esm.js";import{_ as U}from"../chunks/loading-template-t4fFsYtr.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-nEc--M5M.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:t=0})=>`Funded <b>${t}</b> ${t>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:t=0})=>`Financ\xE9 <b>${t}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:t=0})=>`<b>${t}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:t=0})=>`Financiado <b>${t}</b> ${t>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:t=0})=>`Finanziato <b>${t}</b> ${t>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:t=0})=>`Udzielono wsparcia <b>${t}</b> ${t>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,p=(t,a,i,r)=>{for(var o=r>1?void 0:r?P(a,i):a,e=t.length-1,l;e>=0;e--)(l=t[e])&&(o=(r?l(a,i,o):l(o))||o);return r&&o&&_(a,i,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.draftConfig=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const i=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return g`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
         <div
           class="image-card-image-box"

package/dist/components/community-impact.js

@@ -1,4 +1,4 @@
-import{f as x,g as d,t as I,h as v,y as g,m as b,k as u}from"../chunks/lit-3QHn3fwl.esm.js";import{p as $}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-er6B5Gkj.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-SsJbTmMj.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-eIRRJ7c1.esm.js";import{_ as U}from"../chunks/loading-template-mLjOGXMj.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-r6wxRbPV.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:t=0})=>`Funded <b>${t}</b> ${t>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:t=0})=>`Financ\xE9 <b>${t}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:t=0})=>`<b>${t}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:t=0})=>`Financiado <b>${t}</b> ${t>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:t=0})=>`Finanziato <b>${t}</b> ${t>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:t=0})=>`Udzielono wsparcia <b>${t}</b> ${t>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,p=(t,a,i,r)=>{for(var o=r>1?void 0:r?P(a,i):a,e=t.length-1,l;e>=0;e--)(l=t[e])&&(o=(r?l(a,i,o):l(o))||o);return r&&o&&_(a,i,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.draftConfig=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const i=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return g`
+import{f as x,g as d,t as I,h as v,y as g,k as b,m as u}from"../chunks/lit-iNN5L_Qk.esm.js";import{p as $}from"../chunks/progress-bar-PMU_xI3L.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,d as w,e as S}from"../chunks/enforce-config-ZyPq_4CF.esm.js";import{u as n,A as L,i as c,_ as f,d as m,a as A}from"../chunks/localize-m-_ESmpk.esm.js";import{D as z,g as F,W as D,S as M}from"../chunks/routes-kK10CmJz.esm.js";import{_ as U}from"../chunks/loading-template-t4fFsYtr.esm.js";import{B as E}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{c as C}from"../chunks/css-card-grid-nEc--M5M.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:t=0})=>`Funded <b>${t}</b> ${t>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:t=0})=>`Financ\xE9 <b>${t}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:t=0})=>`<b>${t}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:t=0})=>`Financiado <b>${t}</b> ${t>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:t=0})=>`Finanziato <b>${t}</b> ${t>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:t=0})=>`Udzielono wsparcia <b>${t}</b> ${t>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,p=(t,a,i,r)=>{for(var o=r>1?void 0:r?P(a,i):a,e=t.length-1,l;e>=0;e--)(l=t[e])&&(o=(r?l(a,i,o):l(o))||o);return r&&o&&_(a,i,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.draftConfig=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:D.community_impact,version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.impactDataController=new L(this,this.getImpactData),this.renderImageCard=a=>{const i=`${a.nonprofit?.name} image`,r=`Learn more about ${a.nonprofit?.name}`;return g`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
         <div
           class="image-card-image-box"

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

@@ -1,4 +1,4 @@
-import{t as C,h as b,y as u,g as c,f as y,p as I}from"../chunks/lit-3QHn3fwl.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-HksNiOMu.esm.js";import{u as p,A as z,_ as f,i as d,d as v,a as B}from"../chunks/localize-IRs8JglT.esm.js";import{D,l as k,S as L}from"../chunks/routes-4Mnz2XZX.esm.js";import{B as $}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{_ as V}from"../chunks/loading-template-mLjOGXMj.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.esm.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(s,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([C()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=s=>{const e=s instanceof NodeList?Array.from(s):s;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class n extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await k({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
+import{t as C,h as b,y as u,g as c,f as y,p as I}from"../chunks/lit-iNN5L_Qk.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-ZAI7WYAd.esm.js";import{u as p,A as z,_ as f,i as d,d as v,a as B}from"../chunks/localize-o-cYvHQf.esm.js";import{D,l as k,S as L}from"../chunks/routes-4z90Ks28.esm.js";import{B as $}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{_ as V}from"../chunks/loading-template-t4fFsYtr.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.esm.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(s,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([C()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=s=>{const e=s instanceof NodeList?Array.from(s):s;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class n extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await k({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
       <style>
         :host {
           ${this.cssVariables.toCSS()}

package/dist/components/cumulative-impact.js

@@ -1,4 +1,4 @@
-import{t as C,h as b,y as u,g as c,f as y,p as I}from"../chunks/lit-3QHn3fwl.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-er6B5Gkj.esm.js";import{u as p,A as z,_ as f,i as d,d as v,a as B}from"../chunks/localize-SsJbTmMj.esm.js";import{D,l as k,S as L}from"../chunks/routes-eIRRJ7c1.esm.js";import{B as $}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{_ as V}from"../chunks/loading-template-mLjOGXMj.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(s,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([C()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=s=>{const e=s instanceof NodeList?Array.from(s):s;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class n extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await k({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
+import{t as C,h as b,y as u,g as c,f as y,p as I}from"../chunks/lit-iNN5L_Qk.esm.js";import{d as x}from"../chunks/lodash-P8OIs-at.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-ZyPq_4CF.esm.js";import{u as p,A as z,_ as f,i as d,d as v,a as B}from"../chunks/localize-m-_ESmpk.esm.js";import{D,l as k,S as L}from"../chunks/routes-kK10CmJz.esm.js";import{B as $}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{_ as V}from"../chunks/loading-template-t4fFsYtr.esm.js";import{i as A}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../utils/logger.js";var j=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(s,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};class m extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const a=this.counter+t;if(a>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=a},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}h([c({type:Number})],m.prototype,"finalValue",2),h([c({type:Number})],m.prototype,"duration",2),h([c({type:String})],m.prototype,"scrollTarget",2),h([C()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=s=>{const e=s instanceof NodeList?Array.from(s):s;if(e.length===0||!A(e))return;const t=e.sort((i,o)=>{const r=getComputedStyle(i).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(r)})[0],a=getComputedStyle(t).getPropertyValue("width");for(const i of e)getComputedStyle(i).getPropertyValue("width")!==a&&(i.style.width=a)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."}};var P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,l=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=s.length-1,r;o>=0;o--)(r=s[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class n extends b{constructor(){super(...arguments),this.baseUrl=D,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await k({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const a of t)if(e.has(a)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:a}=this.cumulativeImpactDataController;return a?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
       <style>
         :host {
           ${this.cssVariables.toCSS()}

package/dist/components/impact-overview.d.ts

@@ -159,11 +159,16 @@ declare class BeamImpactOverview extends LitElement {
      */
     handleFontLoad<T = any>(callback: () => T | void): Promise<void | T>;
     resizeElements: lodash.DebouncedFuncLeading<() => void>;
-    renderCard({ imageUrl, title, percentFunded, description, }: {
+    renderCard({ imageUrl, title, percentFunded, goalProgressText, description, urlCopy, impactUrl, isImage, cardType, }: {
         imageUrl: TUrl;
         title: string;
         percentFunded: number;
+        goalProgressText: string;
         description: string;
+        urlCopy?: string;
+        impactUrl: TUrl;
+        isImage: boolean;
+        cardType: string;
     }): lit_html.TemplateResult<1>;
     render(): "" | lit_html.TemplateResult<1>;
     get cssVariables(): any;

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

@@ -1,8 +1,11 @@
-import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";import{d as $}from"../chunks/lodash-P8OIs-at.esm.js";import{D as T,g as O,W as k,S as z}from"../chunks/routes-4Mnz2XZX.esm.js";import{p as N}from"../chunks/progress-bar-HVG_n8_6.esm.js";import{u as m,A as D,_ as C,i as u,d as l,a as L}from"../chunks/localize-IRs8JglT.esm.js";import{c as E,d as B,e as U}from"../chunks/enforce-config-HksNiOMu.esm.js";import{_ as j}from"../chunks/loading-template-mLjOGXMj.esm.js";import{logger as A}from"../utils/logger.esm.js";import"../chunks/shoelace-components-A9MnfNMD.esm.js";import{s as g,a as F}from"../chunks/share-button-PJlajTPi.esm.js";import{partnerLogosConfigDefaults as R}from"./beam-partner-logos.esm.js";import{c as M}from"../chunks/responsive-KbDsZM6S.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/vendor--f7lkyBk.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/share-button-CqTd80g8.esm.js";const s={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var _=Object.defineProperty,P=Object.getOwnPropertyDescriptor,o=(e,a,i,r)=>{for(var n=r>1?void 0:r?P(a,i):a,d=e.length-1,p;d>=0;d--)(p=e[d])&&(n=(r?p(a,i,n):p(n))||n);return r&&n&&_(a,i,n),n};class t extends x{constructor(){super(...arguments),this.baseUrl=T,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(U(["apiKey","userId","nonprofitId"],this),await O({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:k.impact_overview,version:"1.0.0",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 D(this,this.getImpactData),this.resizeElements=$(()=>{g(this.impactTitleRefs),g(this.impactDescriptionRefs),g(this.impactLinkRefs)},50,{maxWait:50,leading:!0})}get configLang(){return z[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const i=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const r of i)if(a.has(r)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(i=>A.error(i)),a()}renderCard({imageUrl:a,title:i,percentFunded:r,description:n}){return y`
-      <div class="impact-card" part="impact-card">
-        <img src="${a}" alt="${i}" class="impact-card-image" />
-        <div class="impact-card-content" style="margin: 15px;">
+import{f as k,g as c,p as f,h as E,y as O,k as D}from"../chunks/lit-iNN5L_Qk.esm.js";import{d as N}from"../chunks/lodash-P8OIs-at.esm.js";import{D as j,g as P,W as R,S as A}from"../chunks/routes-4z90Ks28.esm.js";import{p as F}from"../chunks/progress-bar-PMU_xI3L.esm.js";import{u,A as _,i as g,_ as $,d as v,a as V}from"../chunks/localize-o-cYvHQf.esm.js";import{c as W,d as q,e as G}from"../chunks/enforce-config-ZAI7WYAd.esm.js";import{_ as K}from"../chunks/loading-template-t4fFsYtr.esm.js";import{logger as H}from"../utils/logger.esm.js";import"../chunks/shoelace-components-59LxBr67.esm.js";import{s as y,a as M}from"../chunks/share-button-RG2BkqMA.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as J}from"../chunks/responsive-2lC2Wrtg.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/vendor-GKiOHg2N.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/share-button-SNvuFDC9.esm.js";const l={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You've just made an impact for ${e}`,descriptionSubtitle:({causeName:e=""})=>`Together, we\u2019re making an impact towards ${e} initiatives.`,yourImpactTitle:()=>"You\u2019ve Funded",communityImpactTitle:()=>"Together we\u2019re funding",personalImpactLinkCopy:({name:e=""})=>`Learn about ${e}`,communityImpactLinkCopy:({name:e=""})=>`Learn about ${e}'s Impact`,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=""})=>`Apprendre l'impact 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=""})=>`Erfahre den Einfluss von ${e}`,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=""})=>`Conocer el impacto de ${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=""})=>`Scopri l'impatto di ${e}`,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=""})=>`Poznaj wp\u0142yw ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119"}};var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,o=(e,a,i,r)=>{for(var n=r>1?void 0:r?X(a,i):a,p=e.length-1,s;p>=0;p--)(s=e[p])&&(n=(r?s(a,i,n):s(n))||n);return r&&n&&Q(a,i,n),n};class t extends E{constructor(){super(...arguments),this.baseUrl=j,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(G(["apiKey","userId","nonprofitId"],this),await P({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:R.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(()=>{y(this.impactTitleRefs),y(this.impactDescriptionRefs),y(this.impactLinkRefs)},50,{maxWait:50,leading:!0})}get configLang(){return A[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(a){const i=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const r of i)if(a.has(r)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(a){if(document.fonts.status==="loading")return await document.fonts.ready.catch(i=>H.error(i)),a()}renderCard({imageUrl:a,title:i,percentFunded:r,goalProgressText:n,description:p,urlCopy:s,impactUrl:m,isImage:d,cardType:b}){return O`
+      <div class="impact-card ${d?"":"icon"}" part="impact-card">
+        <div class="${d?"":"icon-background "}">
+          <img src="${a}" alt="${i}" class="${d?"impact-card-image":"impact-card-icon"}" />
+        </div>
+        <div class="${d?"":"impact-icon-card-content"}" style="margin: 12px;">
           <div class="impact-card-title">${i}</div>
+          <p class="impact-card-description">${D(p)}</p>
           <div class="impact-card-progress" style="display: flex; align-items: center;">
             <beam-progress-bar
               value="${r}"
@@ -10,13 +13,17 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
               class="impact-card-progressbar"
             ></beam-progress-bar>
             <span class="impact-card-progressText" style="flex: 0 1; margin-left: 10px; white-space: nowrap;"
-              >${s[this.configLang].percentRaised({percent:r})}</span
+              >${g(this.configLang,n)}</span
             >
           </div>
-          <p class="impact-card-description">${S(n)}</p>
+          <p class="impact-link" part="impact-link">
+            <a href="${m}" target="_blank" rel="noopener noreferrer">
+              ${b==="personal"?l[this.configLang].personalImpactLinkCopy({name:s}):l[this.configLang].communityImpactLinkCopy({name:s})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
+            </a>
+          </p>
         </div>
       </div>
-    `}render(){const{data:a,loading:i,error:r}=this.impactDataController;if(i)return j();if(r)return this.debug?C({error:r}):"";if(a==null)return this.debug?C({error:new Error("No data")}):"";const n=this.impactDataController.data?.chain.name,d=this.impactDataController.data?.promoAssetUrl||this.impactDataController.data?.personalImpactAssetUrl,p=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",w=p&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",v=p&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",I=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let b="d-none";return w?b=v?"d-block":"d-lg-none":b=v?"d-none d-lg-block":"d-none",y`
+    `}render(){const{data:a,loading:i,error:r}=this.impactDataController;if(i)return K();if(r)return this.debug?$({error:r}):"";if(a==null)return this.debug?$({error:new Error("No data")}):"";const n=this.impactDataController.data?.chain.name,p=g(this.configLang,a.personal[0].nonprofit.cause||""),s=this.cssVariables["--beam-ImpactOverview-cardStyle"],m=s==="'image'",d=s==="'selected_icon'",b=a.personal[0]?.imageUrl||"",T=a.community[0].imageUrl||"",I=a.personal[0]?.nonprofit.causeIconUrl,w=a.personal[0]?.nonprofit.causeIconSelectedUrl,S=m?b:d?w:I,L=m?T:d?w:I,z=this.impactDataController.data?.promoAssetUrl||this.impactDataController.data?.personalImpactAssetUrl,C=this.cssVariables["--beam-ImpactOverview-share-button-display"]!=="none",B=C&&this.cssVariables["--beam-ImpactOverview-share-button-display-mobile"]!=="none",x=C&&this.cssVariables["--beam-ImpactOverview-share-button-display-desktop"]!=="none",U=this.cssVariables["--beam-ImpactOverview-share-button-icon-name"]||"share-2";let h="d-none";return B?h=x?"d-block":"d-lg-none":h=x?"d-none d-lg-block":"d-none",O`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -33,51 +40,34 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
 
       <div class="description">
         <div class="title" part="title">
-          ${u(this.configLang,a.config?.web?.title)||s[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
+          ${g(this.configLang,a.config?.web?.title)||l[this.configLang].descriptionTitle({nonprofitName:a.personal[0].nonprofit.name})}
         </div>
         <div class="subtitle" part="subtitle">
-          ${u(this.configLang,a.config?.web?.description)||s[this.configLang].descriptionSubtitle({brandName:a.chain.name})}
+          ${g(this.configLang,a.config?.web?.description)||l[this.configLang].descriptionSubtitle({causeName:p})}
         </div>
       </div>
 
-      <div class="impact-cards" style="display: flex; flex-wrap: wrap; gap: 15px; margin: 10px 0;">
-        <div class="impact your-impact" style="flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;">
-          ${this.renderCard({imageUrl:a.personal[0]?.imageUrl||"",title:s[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,description:u(this.configLang,a.personal[0]?.impact?.description||"")})}
-          <p class="impact-link" part="impact-link">
-            <a href="${a.personal[0].nonprofit?.website}" target="_blank" rel="noopener noreferrer">
-              ${s[this.configLang].learnMore({name:a.personal[0].nonprofit?.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
-            </a>
-          </p>
+      <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:S||"",title:l[this.configLang].yourImpactTitle(),percentFunded:a.personal[0]?.impact?.goalProgressPercentage||0,goalProgressText:a.personal[0]?.impact?.goalProgressText,description:g(this.configLang,a.personal[0]?.impact?.description||""),urlCopy:a.personal[0].nonprofit?.name,impactUrl:a.personal[0].nonprofit?.website||"",cardType:"personal"})}
         </div>
-        <div
-          class="impact community-impact"
-          style="flex: 1 1; display: inline-block; max-width: 100%; min-width: 200px;"
-        >
-          ${this.renderCard({imageUrl:a.community[0].imageUrl||"",title:s[this.configLang].communityImpactTitle({brandName:a.chain.name}),percentFunded:a.community[0].impact?.goalProgressPercentage||0,description:u(this.configLang,a.community[0].impact?.description||"")})}
-          <p class="impact-link" part="impact-link">
-            <a
-              href="${a.chain.communityImpactUrl||a.community[0].nonprofit.website}"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              ${s[this.configLang].seeAllImpact({brandName:a.chain.name})}<span class="impact-link-arrow">&nbsp;&rsaquo;</span>
-            </a>
-          </p>
+        <div class="impact community-impact ${m?"image-card-container":"icon-card-container"}">
+          ${this.renderCard({isImage:m,imageUrl:L||"",title:l[this.configLang].communityImpactTitle(),percentFunded:a.community[0].impact?.goalProgressPercentage||0,goalProgressText:a.community[0]?.impact?.goalProgressText,description:g(this.configLang,a.community[0].impact?.description||""),urlCopy:a.chain.name,impactUrl:a.chain.communityImpactUrl||a.community[0].nonprofit.website||"",cardType:"community"})}
         </div>
       </div>
 
-      <div class="footer ${b}" part="social-share">
+      <div class="footer ${h} shareButtonContainer" part="social-share">
         <beam-share-button
-          imageUrl="${d}"
+          imageUrl="${z}"
           brandName="${n}"
-          shareIcon="${I}"
-          buttonText="${s[this.configLang].impactShareButton()}"
+          shareIcon="${U}"
+          buttonText="${l[this.configLang].impactShareButton()}"
           configLang="${this.configLang}"
         ></beam-share-button>
       </div>
 
       <div id="modal-root"></div>
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...R,...N,...F,...l("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px"}),...l("--beam-ImpactOverview-subtitle",{marginTop:"5px"}),"--beam-ImpactOverview-impactCards-maxWidth":"800px","--beam-ImpactOverview-impactCard-backgroundColor":"inherit","--beam-ImpactOverview-impactCard-foregroundColor":"currentColor","--beam-ImpactOverview-impactCard-borderColor":"currentColor","--beam-ImpactOverview-impactCard-borderRadius":"0px","--beam-ImpactOverview-impactCard-marginTop":"10px",...l("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...l("--beam-ImpactOverview-impactCard-progressText"),...l("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...l("--beam-ImpactOverview-impactCard-link",{marginTop:"10px"}),"--beam-ImpactOverview-share-button-display":"none","--beam-ImpactOverview-share-button-display-mobile":"inherit","--beam-ImpactOverview-share-button-display-desktop":"inherit","--beam-ImpactOverview-image-display":"block"},i=this.impactDataController?.data?.config?.web?.theme||{},r={...a,...i};return Object.assign(Object.create({toCSS(){return L(this)}}),r)}}t.tagName="beam-impact-overview",t.styles=[E,M,f`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...Y,...F,...M,...v("--beam-ImpactOverview-title",{fontSize:"16px",fontWeight:"bold",marginTop:"10px",textTransform:"capitalize"}),...v("--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",...v("--beam-ImpactOverview-impactCard-title",{fontSize:"15px",fontWeight:"bold",letterSpacing:"0.36px"}),"--beam-ImpactOverview-impactCard-progress-marginTop":"15px",...v("--beam-ImpactOverview-impactCard-progressText"),...v("--beam-ImpactOverview-impactCard-description",{marginTop:"10px"}),"--beam-ImpactOverview-impactCard-linkArrow-display":"inline","--beam-ImpactOverview-impactCard-link-color":"inherit",...v("--beam-ImpactOverview-impactCard-link",{marginTop:"10px",textDecoration:"underline",textTransform:"capitalize"}),"--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%)"},i=this.impactDataController?.data?.config?.web?.theme||{},r={...a,...i};return Object.assign(Object.create({toCSS(){return V(this)}}),r)}}t.tagName="beam-impact-overview",t.styles=[W,J,k`
       :host {
         display: block;
         font-family: var(--beam-fontFamily);
@@ -85,13 +75,41 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
         font-size: var(--beam-fontSize);
         background-color: var(--beam-backgroundColor);
         color: var(--beam-textColor);
-        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 800px);
+        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 650px);
         word-break: normal;
       }
-      .impact-cards {
+      .icon {
+        display: flex;
+        align-items: center;
+      }
+      .icon-background {
+        width: var(--beam-ImpactOverview-iconBackground-width, 75px);
+        height: var(--beam-ImpactOverview-iconBackground-height, 75px);
+        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);
+        padding: var(--beam-ImpactOverview-icon-padding, 0px);
+        margin: 8px;
+        overflow: hidden;
+        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      .impact-icon-card-content {
+        flex: 3 1 75%;
+      }
+      .impact-image-cards {
+        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);
+        display: flex;
+        flex-wrap: wrap;
+        gap: 15px;
+        margin: 10px 0;
+      }
+      .impact-icon-cards {
         max-width: var(--beam-ImpactOverview-impactCards-maxWidth);
+        margin: 10px 0;
       }
       .impact-card {
+        padding-bottom: 5px;
         margin-top: var(--beam-ImpactOverview-impactCard-marginTop);
         background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);
         border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);
@@ -101,30 +119,52 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
       }
       .impact-card-image {
         object-fit: cover;
-        height: 200px;
+        height: 110px;
         width: 100%;
         display: var(--beam-ImpactOverview-image-display);
       }
+      .impact-card-icon {
+        flex: 1 1 10%;
+        max-width: 50%;
+        display: var(--beam-ImpactOverview-image-display);
+      }
+      .image-card-container {
+        flex: 1 1;
+        display: inline-block;
+        min-width: 200px;
+        max-width: 100%;
+      }
+      .icon-card-container {
+        max-width: 100%;
+        min-width: 299px;
+      }
       .impact-card-progress {
         margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);
       }
+      .shareButtonContainer {
+        position: sticky;
+        bottom: 0;
+        z-index: 999;
+        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);
+        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);
+      }
       .title {
-        ${m("--beam-ImpactOverview-title")}
+        ${u("--beam-ImpactOverview-title")}
       }
       .subtitle {
-        ${m("--beam-ImpactOverview-subtitle")}
+        ${u("--beam-ImpactOverview-subtitle")}
       }
       .impact-card-title {
-        ${m("--beam-ImpactOverview-impactCard-title")}
+        ${u("--beam-ImpactOverview-impactCard-title")}
       }
       .impact-card-progressText {
-        ${m("--beam-ImpactOverview-impactCard-progressText")}
+        ${u("--beam-ImpactOverview-impactCard-progressText")}
       }
       .impact-card-description {
-        ${m("--beam-ImpactOverview-impactCard-description")}
+        ${u("--beam-ImpactOverview-impactCard-description")}
       }
       .impact-link {
-        ${m("--beam-ImpactOverview-impactCard-link")}
+        ${u("--beam-ImpactOverview-impactCard-link")}
       }
       .impact-link-arrow {
         display: var(--beam-ImpactOverview-impactCard-linkArrow-display, "inline");
@@ -132,33 +172,11 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
       .impact-link a,
       .impact-link a:visited {
         color: var(--beam-ImpactOverview-impactCard-link-color, inherit);
-        text-decoration: none;
       }
       .footer {
         text-align: center;
       }
-      @media (max-width: 500px) {
-        //.impact-card {
-        //  display: flex;
-        //  flex-direction: row;
-        //}
-        //.impact-card-image {
-        //  object-fit: cover;
-        //  width: 25%;
-        //  height: auto;
-        //  flex: 1 0 45%;
-        //}
-        //.impact-card-content {
-        //  flex: 1 1 55%;
-        //}
-        //.share-button-text {
-        //  display: none;
-        //}
-        //.share-button-icon {
-        //  font-size: calc(var(--beam-ImpactOverview-share-button-icon-size, 16px) * 1.33);
-        //}
-      }
-    `,f`
+    `,k`
       .button {
         cursor: pointer;
       }
@@ -173,9 +191,5 @@ import{f,g as c,p as h,h as x,y,m as S}from"../chunks/lit-3QHn3fwl.esm.js";impor
         font-size: inherit;
         font-family: inherit;
       }
-      .plain-link {
-        text-decoration: none;
-        color: inherit;
-      }
-    `],o([c({type:String,reflect:!0})],t.prototype,"baseUrl",2),o([c({type:String,reflect:!1})],t.prototype,"apiKey",2),o([c({type:Number})],t.prototype,"storeId",2),o([c({type:String,reflect:!0})],t.prototype,"nonprofitId",2),o([c({type:String,reflect:!0})],t.prototype,"userId",2),o([c({type:String})],t.prototype,"lang",2),o([c({type:Boolean})],t.prototype,"debug",2),o([c({type:Boolean})],t.prototype,"draftConfig",2),o([c({type:Object})],t.prototype,"discountCodes",2),o([c({type:String})],t.prototype,"transactionId",2),o([h(".impact-card-title")],t.prototype,"impactTitleRefs",2),o([h(".impact-card-description")],t.prototype,"impactDescriptionRefs",2),o([h(".impact-link")],t.prototype,"impactLinkRefs",2),B(t);export{t as BeamImpactOverview};
+    `],o([c({type:String,reflect:!0})],t.prototype,"baseUrl",2),o([c({type:String,reflect:!1})],t.prototype,"apiKey",2),o([c({type:Number})],t.prototype,"storeId",2),o([c({type:String,reflect:!0})],t.prototype,"nonprofitId",2),o([c({type:String,reflect:!0})],t.prototype,"userId",2),o([c({type:String})],t.prototype,"lang",2),o([c({type:Boolean})],t.prototype,"debug",2),o([c({type:Boolean})],t.prototype,"draftConfig",2),o([c({type:Object})],t.prototype,"discountCodes",2),o([c({type:String})],t.prototype,"transactionId",2),o([f(".impact-card-title")],t.prototype,"impactTitleRefs",2),o([f(".impact-card-description")],t.prototype,"impactDescriptionRefs",2),o([f(".impact-link")],t.prototype,"impactLinkRefs",2),q(t);export{t as BeamImpactOverview};
 //# sourceMappingURL=impact-overview.esm.js.map