@beamimpact/web-sdk 1.31.1 → 1.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{_share-dialog-dependencies-rEYm7Xgo.esm.js → _share-dialog-dependencies-tsCOhc4h.esm.js} +2 -2
- package/dist/chunks/_share-dialog-dependencies-tsCOhc4h.esm.js.map +1 -0
- package/dist/chunks/{_share-dialog-dependencies-Qc0imrGB.esm.js → _share-dialog-dependencies-wzpUpNdi.esm.js} +2 -2
- package/dist/chunks/_share-dialog-dependencies-wzpUpNdi.esm.js.map +1 -0
- package/dist/chunks/cookies-H8TCP4v0.esm.js +2 -0
- package/dist/chunks/cookies-H8TCP4v0.esm.js.map +1 -0
- package/dist/chunks/index-1hId3roS.esm.js +2 -0
- package/dist/chunks/index-1hId3roS.esm.js.map +1 -0
- package/dist/chunks/{index-FDDoUJQk.esm.js → index-5xXf3gca.esm.js} +2 -2
- package/dist/chunks/index-5xXf3gca.esm.js.map +1 -0
- package/dist/chunks/index-OxQKtpbJ.esm.js +2 -0
- package/dist/chunks/index-OxQKtpbJ.esm.js.map +1 -0
- package/dist/chunks/index-Q9HPec6s.esm.js +2 -0
- package/dist/chunks/index-Q9HPec6s.esm.js.map +1 -0
- package/dist/chunks/{index-jFZJm9-Y.esm.js → index-UODI8bvb.esm.js} +2 -2
- package/dist/chunks/{index-jFZJm9-Y.esm.js.map → index-UODI8bvb.esm.js.map} +1 -1
- package/dist/chunks/{index-L8CVKt4D.esm.js → index-d4TJl-0P.esm.js} +2 -2
- package/dist/chunks/{index-L8CVKt4D.esm.js.map → index-d4TJl-0P.esm.js.map} +1 -1
- package/dist/chunks/index-gAtrzlE4.esm.js +2 -0
- package/dist/chunks/index-gAtrzlE4.esm.js.map +1 -0
- package/dist/chunks/index-k5vF2Ebm.esm.js +2 -0
- package/dist/chunks/index-k5vF2Ebm.esm.js.map +1 -0
- package/dist/chunks/{index-np6s8UdD.esm.js → index-mpFidacZ.esm.js} +2 -2
- package/dist/chunks/index-mpFidacZ.esm.js.map +1 -0
- package/dist/chunks/{localize-kPkHxPNe.esm.js → localize-lmoQNjqp.esm.js} +2 -2
- package/dist/chunks/{localize-kPkHxPNe.esm.js.map → localize-lmoQNjqp.esm.js.map} +1 -1
- package/dist/chunks/{order-page-l0phiTZ7.esm.js → order-page-EKpTeF3w.esm.js} +2 -2
- package/dist/chunks/{order-page-l0phiTZ7.esm.js.map → order-page-EKpTeF3w.esm.js.map} +1 -1
- package/dist/chunks/{order-page-1-A-Yhbv.esm.js → order-page-vFS-wkW0.esm.js} +2 -2
- package/dist/chunks/{order-page-1-A-Yhbv.esm.js.map → order-page-vFS-wkW0.esm.js.map} +1 -1
- package/dist/chunks/{routes-N9ZmkAD6.esm.js → routes-yzw2CxrB.esm.js} +2 -2
- package/dist/chunks/{routes-N9ZmkAD6.esm.js.map → routes-yzw2CxrB.esm.js.map} +1 -1
- package/dist/chunks/{update-cart-TJ7G8Xfl.esm.js → update-cart-qQyhbRvF.esm.js} +2 -2
- package/dist/chunks/{update-cart-TJ7G8Xfl.esm.js.map → update-cart-qQyhbRvF.esm.js.map} +1 -1
- package/dist/components/community-impact.esm.js +1 -1
- package/dist/components/community-impact.js +1 -1
- package/dist/components/cumulative-impact.esm.js +1 -1
- package/dist/components/cumulative-impact.js +1 -1
- package/dist/components/impact-overview.esm.js +1 -1
- package/dist/components/impact-overview.js +1 -1
- package/dist/components/index.esm.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/post-purchase.esm.js +1 -1
- package/dist/components/post-purchase.esm.js.map +1 -1
- package/dist/components/post-purchase.js +1 -1
- package/dist/components/post-purchase.js.map +1 -1
- package/dist/components/redeem-transaction.esm.js +1 -1
- package/dist/components/redeem-transaction.js +1 -1
- package/dist/components/select-nonprofit.esm.js +1 -1
- package/dist/components/select-nonprofit.js +1 -1
- package/dist/components/shopify.esm.js +1 -1
- package/dist/components/shopify.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/integrations/beam.esm.js +1 -1
- package/dist/integrations/beam.js +1 -1
- package/dist/integrations/cart.esm.js +1 -1
- package/dist/integrations/cart.js +1 -1
- package/dist/integrations/index.esm.js +1 -1
- package/dist/integrations/index.js +1 -1
- package/dist/integrations/logs.esm.js +1 -1
- package/dist/integrations/logs.js +1 -1
- package/dist/integrations/session.esm.js +1 -1
- package/dist/integrations/session.js +1 -1
- package/dist/integrations/shopify.esm.js +1 -1
- package/dist/integrations/shopify.js +1 -1
- package/dist/integrations/statsig.esm.js +1 -1
- package/dist/integrations/statsig.js +1 -1
- package/dist/integrations/utils.esm.js +1 -1
- package/dist/integrations/utils.js +1 -1
- package/dist/react/community-impact.esm.js +1 -1
- package/dist/react/community-impact.js +1 -1
- package/dist/react/cumulative-impact.esm.js +1 -1
- package/dist/react/cumulative-impact.js +1 -1
- package/dist/react/impact-overview.esm.js +1 -1
- package/dist/react/impact-overview.js +1 -1
- package/dist/react/index.esm.js +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/post-purchase.esm.js +1 -1
- package/dist/react/post-purchase.js +1 -1
- package/dist/react/redeem-transaction.esm.js +1 -1
- package/dist/react/redeem-transaction.js +1 -1
- package/dist/react/select-nonprofit.esm.js +1 -1
- package/dist/react/select-nonprofit.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/_share-dialog-dependencies-Qc0imrGB.esm.js.map +0 -1
- package/dist/chunks/_share-dialog-dependencies-rEYm7Xgo.esm.js.map +0 -1
- package/dist/chunks/cookies-BnIoXWd0.esm.js +0 -2
- package/dist/chunks/cookies-BnIoXWd0.esm.js.map +0 -1
- package/dist/chunks/index--N2RR1Fn.esm.js +0 -2
- package/dist/chunks/index--N2RR1Fn.esm.js.map +0 -1
- package/dist/chunks/index-FDDoUJQk.esm.js.map +0 -1
- package/dist/chunks/index-JrZwQjr2.esm.js +0 -2
- package/dist/chunks/index-JrZwQjr2.esm.js.map +0 -1
- package/dist/chunks/index-YPrpyEl9.esm.js +0 -2
- package/dist/chunks/index-YPrpyEl9.esm.js.map +0 -1
- package/dist/chunks/index-czOZQ1Sz.esm.js +0 -2
- package/dist/chunks/index-czOZQ1Sz.esm.js.map +0 -1
- package/dist/chunks/index-g5lw5BB-.esm.js +0 -2
- package/dist/chunks/index-g5lw5BB-.esm.js.map +0 -1
- package/dist/chunks/index-np6s8UdD.esm.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,f as g,t as I,g as v,y as p,k as b,m as u}from"../chunks/lit-h1W25hjN.esm.js";import{p as $}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-
|
|
1
|
+
import{h as x,f as g,t as I,g as v,y as p,k as b,m as u}from"../chunks/lit-h1W25hjN.esm.js";import{p as $}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-lmoQNjqp.esm.js";import{D as F,e as D,S as M}from"../chunks/routes-yzw2CxrB.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-RRkoiUTl.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=F,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
|
|
2
2
|
<div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
|
|
3
3
|
<div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
|
|
4
4
|
<p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,f as g,t as I,g as v,y as p,k as b,m as u}from"../chunks/lit-h1W25hjN.esm.js";import{p as $}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-
|
|
1
|
+
import{h as x,f as g,t as I,g as v,y as p,k as b,m as u}from"../chunks/lit-h1W25hjN.esm.js";import{p as $}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-lmoQNjqp.esm.js";import{D as F,e as D,S as M}from"../chunks/routes-yzw2CxrB.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-RRkoiUTl.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=F,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
|
|
2
2
|
<div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
|
|
3
3
|
<div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
|
|
4
4
|
<p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as y,g as b,y as u,f as c,h as C,u as I}from"../chunks/lit-h1W25hjN.esm.js";import{d as x}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-
|
|
1
|
+
import{t as y,g as b,y as u,f as c,h as C,u as I}from"../chunks/lit-h1W25hjN.esm.js";import{d as x}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-lmoQNjqp.esm.js";import{D as L,j as $,S as k}from"../chunks/routes-yzw2CxrB.esm.js";import{B as V}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{i as j}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";var A=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&A(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([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!j(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=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await $({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return k[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?B():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new V("Missing data")}):"":u`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
${this.cssVariables.toCSS()}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{t as y,g as b,y as u,f as c,h as C,u as I}from"../chunks/lit-h1W25hjN.esm.js";import{d as x}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-
|
|
1
|
+
import{t as y,g as b,y as u,f as c,h as C,u as I}from"../chunks/lit-h1W25hjN.esm.js";import{d as x}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as T,u as p,d as S,e as E,A as z,a as B,_ as f,i as d,b as v,f as D}from"../chunks/localize-lmoQNjqp.esm.js";import{D as L,j as $,S as k}from"../chunks/routes-yzw2CxrB.esm.js";import{B as V}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{i as j}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";var A=Object.defineProperty,R=Object.getOwnPropertyDescriptor,h=(n,e,t,a)=>{for(var i=a>1?void 0:a?R(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&A(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([y()],m.prototype,"counter",2),customElements.get("animated-counter")||customElements.define("animated-counter",m);const O=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!j(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=(n,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,o=n.length-1,r;o>=0;o--)(r=n[o])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&P(e,t,i),i};const U=1.5*1e3;class s extends b{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await $({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{O(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return k[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?B():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new V("Missing data")}):"":u`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
${this.cssVariables.toCSS()}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as v,f as d,u as g,g as T,Z as k,y as f,k as z}from"../chunks/lit-h1W25hjN.esm.js";import{d as L}from"../chunks/lodash-ZxBiuGue.esm.js";import{k as x,D as N,e as D,l as y,S as E}from"../chunks/routes-
|
|
1
|
+
import{h as v,f as d,u as g,g as T,Z as k,y as f,k as z}from"../chunks/lit-h1W25hjN.esm.js";import{d as L}from"../chunks/lodash-ZxBiuGue.esm.js";import{k as x,D as N,e as D,l as y,S as E}from"../chunks/routes-yzw2CxrB.esm.js";import{B as R}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{p as B}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as j,u as s,d as U,e as A,A as F,a as W,_ as I,i as u,b as p,f as P}from"../chunks/localize-lmoQNjqp.esm.js";import{r as M,s as q}from"../chunks/vendor-IGhQoYCM.esm.js";import{i as H}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as _}from"./beam-partner-logos.esm.js";import{c as V}from"../chunks/responsive-Rehmv-eo.esm.js";function K(){return/Android|iPhone/i.test(navigator.userAgent)}const C=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})}),S="https://production-beam-widgets.beamimpact.com",O=`${S}/lib/shoelace/v${x["@shoelace-style/shoelace"]}`,G=`${S}/lib/lucide-static/v${x["lucide-static"]}`;if(M("lucide",{resolver:e=>`${G}/icons/${e}.svg`}),q(O),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${O}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}const w=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!H(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var J=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?Z(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&J(a,t,r),r};class n extends T{constructor(){super(...arguments),this.baseUrl=N,this.lang="en",this.debug=!1,this.getImpactData=async()=>(A(["apiKey","chainId","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,chainId:this.chainId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new F(this,this.getImpactData),this.resizeElements=L(()=>{w(this.impactTitleRefs),w(this.impactDescriptionRefs),w(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{K()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){y.error(new R("Error sharing impact")),y.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await C(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-wzpUpNdi.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await C(t),l=URL.createObjectURL(c),h=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},b=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(h,250)})},$=()=>{setTimeout(h,250)};k(f`
|
|
2
2
|
<sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
|
|
3
3
|
<h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
|
|
4
4
|
<p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as v,f as d,u as g,g as T,Z as k,y as f,k as z}from"../chunks/lit-h1W25hjN.esm.js";import{d as L}from"../chunks/lodash-ZxBiuGue.esm.js";import{k as x,D as N,e as D,l as y,S as E}from"../chunks/routes-
|
|
1
|
+
import{h as v,f as d,u as g,g as T,Z as k,y as f,k as z}from"../chunks/lit-h1W25hjN.esm.js";import{d as L}from"../chunks/lodash-ZxBiuGue.esm.js";import{k as x,D as N,e as D,l as y,S as E}from"../chunks/routes-yzw2CxrB.esm.js";import{B as R}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{p as B}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as j,u as s,d as U,e as A,A as F,a as W,_ as I,i as u,b as p,f as P}from"../chunks/localize-lmoQNjqp.esm.js";import{r as M,s as q}from"../chunks/vendor-IGhQoYCM.esm.js";import{i as H}from"../chunks/is-all-html-elements-SdSkxirh.esm.js";import{partnerLogosConfigDefaults as _}from"./beam-partner-logos.js";import{c as V}from"../chunks/responsive-Rehmv-eo.esm.js";function K(){return/Android|iPhone/i.test(navigator.userAgent)}const C=async e=>fetch(e).then(async a=>{const t=new URL(e),i=await a.blob();return new File([i],t.pathname,{type:i.type})}),S="https://production-beam-widgets.beamimpact.com",O=`${S}/lib/shoelace/v${x["@shoelace-style/shoelace"]}`,G=`${S}/lib/lucide-static/v${x["lucide-static"]}`;if(M("lucide",{resolver:e=>`${G}/icons/${e}.svg`}),q(O),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${O}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}const w=(e,{source:a="contentLength"}={})=>{const t=e instanceof NodeList?Array.from(e):e;if(t.length===0||!H(t))return;const i=(a==="contentLength"?t.sort((r,c)=>c.innerText.length-r.innerText.length)[0]:t.sort((r,c)=>c.clientHeight-r.clientHeight)[0])?.clientHeight||0;for(const r of t)r.clientHeight!==i&&(r.style.height=i+"px")},o={en:{descriptionTitle:({nonprofitName:e="a nonprofit"})=>`You just made an impact for ${e}`,descriptionSubtitle:({brandName:e=""})=>`Check out the impact your ${e} purchase made below`,learnMore:({name:e=""})=>`Learn more about ${e}`,seeAllImpact:({brandName:e=""})=>`See all of the impact by the ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Your Impact",communityImpactTitle:({brandName:e=""})=>`The ${e} Community's Impact`,impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:e=""})=>`Help ${e} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{descriptionTitle:({nonprofitName:e=""})=>`Vous avez eu un impact positif sur ${e}`,descriptionSubtitle:({brandName:e=""})=>`D\xE9couvrez quel est l'impact de votre achat chez ${e} ci-dessous.`,learnMore:({name:e=""})=>`En savoir plus sur ${e}`,seeAllImpact:({brandName:e=""})=>`Voir toutes les contributions de la communaut\xE9 de ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Votre contribution personnelle",communityImpactTitle:({brandName:e=""})=>`La contribution de la communaut\xE9 de ${e}`,impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:e=""})=>`Aidez ${e} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{descriptionTitle:({nonprofitName:e=""})=>`Du hast soeben einen Beitrag geleistet f\xFCr ${e}`,descriptionSubtitle:({brandName:e=""})=>`Erfahre mehr \xFCber den Beitrag, den du mit deinem ${e} Kauf geleistet hast`,learnMore:({name:e=""})=>`Mehr \xFCber ${e} erfahren`,seeAllImpact:({brandName:e=""})=>`Informiere dich \xFCber den bisher geleisteten Beitrag der ${e} community`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Dein Beitrag",communityImpactTitle:({brandName:e=""})=>`Der Beitrag der ${e} community`,impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:e=""})=>`Hilf ${e} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{descriptionTitle:({nonprofitName:e=""})=>`Acabas de contribuir con ${e}`,descriptionSubtitle:({brandName:e=""})=>`Comprueba la contribuci\xF3n que has hecho con tu compra ${e} a continuaci\xF3n`,learnMore:({name:e=""})=>`Saber m\xE1s de ${e}`,seeAllImpact:({brandName:e=""})=>`Mira lo que ha conseguido la comunidad ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Tu contribuci\xF3n",communityImpactTitle:({brandName:e=""})=>`Tu contribuci\xF3n con la comunidad ${e}`,impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:e=""})=>`Comparte en las redes sociales para ayudar a ${e} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{descriptionTitle:({nonprofitName:e=""})=>`Hai appena fatto la differenza per ${e}`,descriptionSubtitle:({brandName:e=""})=>`Guarda qui sotto l'impatto del tuo acquisto ${e}`,learnMore:({name:e=""})=>`Scopri di pi\xF9 su ${e}`,seeAllImpact:({brandName:e=""})=>`Guarda come la comunit\xE0 di ${e} fa la differenza`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Il tuo impatto",communityImpactTitle:({brandName:e=""})=>`L\u2019impatto della comunit\xE0 di ${e} `,impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:e=""})=>`Aiuta ${e} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{descriptionTitle:({nonprofitName:e=""})=>`W\u0142a\u015Bnie wspar\u0142a\u015B_e\u015B ${e}!`,descriptionSubtitle:({brandName:e=""})=>`Sprawd\u017A ni\u017Cej, jakiego wsparcia udzieli\u0142a\u015B_e\u015B kupuj\u0105c w ${e} `,learnMore:({name:e=""})=>`Dowiedz si\u0119 wi\u0119cej o ${e}`,seeAllImpact:({brandName:e=""})=>`Zobacz, ile dobrego zrobi\u0142a do tej pory spo\u0142eczno\u015B\u0107 ${e}`,percentRaised:({percent:e=0})=>`${e}%`,yourImpactTitle:()=>"Twoje wsparcie",communityImpactTitle:({brandName:e=""})=>`Wsparcie udzielone przez spo\u0142eczno\u015B\u0107 ${e}`,impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:e=""})=>`Pom\xF3\u017C ${e} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};var J=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,m=(e,a,t,i)=>{for(var r=i>1?void 0:i?Z(a,t):a,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=(i?l(a,t,r):l(r))||r);return i&&r&&J(a,t,r),r};class n extends T{constructor(){super(...arguments),this.baseUrl=N,this.lang="en",this.debug=!1,this.getImpactData=async()=>(A(["apiKey","chainId","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,chainId:this.chainId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,widgetName:"impact-overview",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new F(this,this.getImpactData),this.resizeElements=L(()=>{w(this.impactTitleRefs),w(this.impactDescriptionRefs),w(this.impactLinkRefs)},50,{maxWait:50,leading:!0}),this.handleShareClick=async()=>{try{K()?await this.openSystemShareSheet():await this.openShareDialog()}catch(a){y.error(new R("Error sharing impact")),y.error(a)}},this.openSystemShareSheet=async()=>{const a=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!a)return;const t=await C(a);navigator.share&&await navigator.share({files:[t]})},this.openShareDialog=async()=>{const a=this.impactDataController.data?.chain.name,t=this.impactDataController.data?.personal[0]?.share?.imageUrl;if(!t)return;const i=this.renderRoot.querySelector("sl-dialog");if(i){i.show();return}await import("../chunks/_share-dialog-dependencies-tsCOhc4h.esm.js");const r=this.renderRoot.querySelector("#modal-root"),c=await C(t),l=URL.createObjectURL(c),h=()=>{this.renderRoot.querySelector("sl-dialog")?.hide()},b=()=>{navigator.clipboard.write([new ClipboardItem({"image/png":c})]).then(()=>{setTimeout(h,250)})},$=()=>{setTimeout(h,250)};k(f`
|
|
2
2
|
<sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
|
|
3
3
|
<h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
|
|
4
4
|
<p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{BeamCommunityImpact as l}from"./community-impact.esm.js";import{BeamCumulativeImpact as P}from"./cumulative-impact.esm.js";import{BeamImpactOverview as h}from"./impact-overview.esm.js";import{BeamSelectNonprofit as y}from"./select-nonprofit.esm.js";import{BeamRedeemTransaction as O}from"./redeem-transaction.esm.js";import{BeamPostPurchase as S}from"./post-purchase.esm.js";import"../chunks/lit-h1W25hjN.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/localize-
|
|
1
|
+
import{BeamCommunityImpact as l}from"./community-impact.esm.js";import{BeamCumulativeImpact as P}from"./cumulative-impact.esm.js";import{BeamImpactOverview as h}from"./impact-overview.esm.js";import{BeamSelectNonprofit as y}from"./select-nonprofit.esm.js";import{BeamRedeemTransaction as O}from"./redeem-transaction.esm.js";import{BeamPostPurchase as S}from"./post-purchase.esm.js";import"../chunks/lit-h1W25hjN.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/localize-lmoQNjqp.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";import"../chunks/routes-yzw2CxrB.esm.js";import"../chunks/css-card-grid-RRkoiUTl.esm.js";import"../chunks/lodash-ZxBiuGue.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/vendor-IGhQoYCM.esm.js";import"../chunks/responsive-Rehmv-eo.esm.js";import"../chunks/local-storage-GYvYzZ_j.esm.js";import"../chunks/events-wNy5BoJV.esm.js";import"../chunks/cookies-H8TCP4v0.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";export{l as BeamCommunityImpact,P as BeamCumulativeImpact,h as BeamImpactOverview,S as BeamPostPurchase,O as BeamRedeemTransaction,y as BeamSelectNonprofit};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/components/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{BeamCommunityImpact as l}from"./community-impact.js";import{BeamCumulativeImpact as P}from"./cumulative-impact.js";import{BeamImpactOverview as h}from"./impact-overview.js";import{BeamSelectNonprofit as y}from"./select-nonprofit.js";import{BeamRedeemTransaction as O}from"./redeem-transaction.js";import{BeamPostPurchase as S}from"./post-purchase.js";import"../chunks/lit-h1W25hjN.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.js";import"../chunks/localize-
|
|
1
|
+
import{BeamCommunityImpact as l}from"./community-impact.js";import{BeamCumulativeImpact as P}from"./cumulative-impact.js";import{BeamImpactOverview as h}from"./impact-overview.js";import{BeamSelectNonprofit as y}from"./select-nonprofit.js";import{BeamRedeemTransaction as O}from"./redeem-transaction.js";import{BeamPostPurchase as S}from"./post-purchase.js";import"../chunks/lit-h1W25hjN.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.js";import"../chunks/localize-lmoQNjqp.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";import"../chunks/routes-yzw2CxrB.esm.js";import"../chunks/css-card-grid-RRkoiUTl.esm.js";import"../chunks/lodash-ZxBiuGue.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/vendor-IGhQoYCM.esm.js";import"../chunks/responsive-Rehmv-eo.esm.js";import"../chunks/local-storage-GYvYzZ_j.esm.js";import"../chunks/events-wNy5BoJV.esm.js";import"../chunks/cookies-H8TCP4v0.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";export{l as BeamCommunityImpact,P as BeamCumulativeImpact,h as BeamImpactOverview,S as BeamPostPurchase,O as BeamRedeemTransaction,y as BeamSelectNonprofit};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as o,t as a,g as I,y as l}from"../chunks/lit-h1W25hjN.esm.js";import{a as y}from"../chunks/cookies-
|
|
1
|
+
import{f as o,t as a,g as I,y as l}from"../chunks/lit-h1W25hjN.esm.js";import{a as y}from"../chunks/cookies-H8TCP4v0.esm.js";import{c as u,d as g,e as m,A as C,_ as v}from"../chunks/localize-lmoQNjqp.esm.js";import{c as b}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{D as f,g as $,d as S}from"../chunks/routes-yzw2CxrB.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import{B as U}from"../chunks/cart-contents-h60geKWa.esm.js";import{a as w}from"../chunks/events-wNy5BoJV.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";import"../chunks/lodash-ZxBiuGue.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/css-card-grid-RRkoiUTl.esm.js";import"../chunks/vendor-IGhQoYCM.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-Rehmv-eo.esm.js";var K=Object.defineProperty,T=Object.getOwnPropertyDescriptor,e=(d,r,i,n)=>{for(var s=n>1?void 0:n?T(r,i):r,c=d.length-1,p;c>=0;c--)(p=d[c])&&(s=(n?p(r,i,s):p(s))||s);return n&&s&&K(r,i,s),s};const h=["baseUrl","apiKey","orderId","email","cartTotal","currencyCode","lang"],A=["storeId","postalCode","countryCode","cart","discountCodes"];class t extends I{constructor(){super(...arguments),this.baseUrl=f,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.chainId=null,this.localStorage=b(this),this.handlePostTransaction=async()=>{if(m(h,this),!this.storeId&&this.postalCode&&this.countryCode&&this.chainId){const i=await $({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{postalCode:this.postalCode,countryCode:this.countryCode,widgetName:"redeem-transaction",version:"1.0.0"},pathParams:{chainId:this.chainId}});this.storeId=i.store?.id}const r=await S({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{nonprofitId:this.nonprofitId??void 0,selectionId:this.selectionId??void 0,cartId:this.cartId??void 0,beamCartId:this.beamCartId??void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,discountCodes:this.discountCodes}});return this.transactionId=r.transactionId,this.chainId=r.chainId,this.userId=r.beamUserId,this.nonprofitId=r.nonprofitId,this.nonprofitId?this.activeWidget="impact-overview":this.activeWidget="redeem-transaction",this.localStorage.removeItem("transaction"),this.localStorage.removeItem("cart"),r.transactionCreated&&dispatchEvent(new w({transactionId:r.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode})),r},this.transactionDataController=new C(this,this.handlePostTransaction)}firstUpdated(r){m(h,this),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=y(U)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...h,...A].some(i=>r.has(i))&&await this.transactionDataController.exec()}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?v({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?l`
|
|
2
2
|
<beam-redeem-transaction
|
|
3
3
|
part="redeem-transaction"
|
|
4
4
|
baseUrl="${this.baseUrl}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"post-purchase.esm.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { getCookieValue } from \"../../shared/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../shared/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { getChainNonprofits, postTransaction } from \"../../api-sdk/v3/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../shared/events\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"email\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\"storeId\", \"postalCode\", \"countryCode\", \"cart\", \"discountCodes\"];\n\nexport class BeamPostPurchase extends LitElement {\n static tagName = \"beam-post-purchase\";\n\n @property({ type: String })\n public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String })\n public apiKey!: string;\n\n @property({ type: Number, reflect: true })\n public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n @property({ type: String })\n public postalCode?: string;\n\n @property({ type: String })\n public countryCode?: string;\n\n @property({ type: String })\n public orderId!: string;\n\n @property({ type: String })\n public email!: string;\n\n @property({ type: Number })\n public cartTotal!: number;\n\n @property({ type: String })\n public currencyCode = \"USD\";\n\n @property({ type: String })\n public lang: LANGUAGES = \"en\";\n\n @property({ type: Object })\n public cart?: TCart;\n\n @property({ type: Array })\n public discountCodes?: string[];\n\n @property({ type: Boolean })\n public debug = false;\n\n @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n @state() private selectionId: string | null = null; // from localStorage\n @state() private cartId: string | null = null; // from localStorage, external cart ID\n @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n @state() private userId: string | null = null; // from postTransaction\n @state() private transactionId: string | null = null; // from postTransaction\n @state() private chainId: number | null = null; // from postTransaction, used by impact-overview\n\n private localStorage = createScopedLocalStorage(this);\n\n firstUpdated(_changedProperties: PropertyValues) {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n this.nonprofitId = Number(this.localStorage.getItem(\"nonprofit\")) || null;\n this.selectionId = this.localStorage.getItem(\"transaction\") || null;\n this.cartId = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n this.beamCartId = getCookieValue(BEAM_CART_COOKIE_NAME) || null;\n\n if (this.selectionId && this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n }\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Also fires on first load as props go from undefined => value\n const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n await this.transactionDataController.exec();\n }\n }\n\n handlePostTransaction = async () => {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n\n if (!this.storeId && this.postalCode && this.countryCode) {\n const res = await getChainNonprofits({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n queryParams: {\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"redeem-transaction\",\n version: \"1.0.0\",\n },\n });\n this.storeId = res.store?.id;\n }\n\n const result = await postTransaction({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: this.nonprofitId ?? undefined,\n selectionId: this.selectionId ?? undefined,\n cartId: this.cartId ?? undefined,\n beamCartId: this.beamCartId ?? undefined,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n storeId: this.storeId!,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n email: this.email,\n currencyCode: this.currencyCode,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n cart: this.cart,\n discountCodes: this.discountCodes,\n },\n });\n\n this.transactionId = result.transactionId;\n this.chainId = result.chainId;\n this.userId = result.beamUserId;\n this.nonprofitId = result.nonprofitId;\n\n if (this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n } else {\n this.activeWidget = \"redeem-transaction\";\n }\n\n this.localStorage.removeItem(\"transaction\");\n this.localStorage.removeItem(\"cart\");\n\n // Emit order created event only when order is registered with Beam for the first time\n if (result.transactionCreated) {\n dispatchEvent(\n new BeamOrderCreatedEvent({\n transactionId: result.transactionId,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n currencyCode: this.currencyCode,\n })\n );\n }\n\n return result;\n };\n\n private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n this,\n this.handlePostTransaction\n );\n\n render() {\n if (this.transactionDataController.loading) {\n return \"\";\n }\n if (this.transactionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.transactionDataController.error });\n }\n return \"\";\n }\n if (this.activeWidget === \"redeem-transaction\") {\n return html`\n <beam-redeem-transaction\n part=\"redeem-transaction\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n storeId=\"${this.storeId}\"\n transactionId=\"${this.transactionId}\"\n cart=\"${JSON.stringify(this.cart)}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n @beamnonprofitselect=\"${(event: Event) => {\n if (!(event instanceof CustomEvent)) return; // TS guard\n const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n this.nonprofitId = selectedNonprofitId ?? null;\n this.activeWidget = \"impact-overview\";\n }}\"\n ></beam-redeem-transaction>\n `;\n }\n if (this.activeWidget === \"impact-overview\") {\n return html`\n <beam-impact-overview\n part=\"impact-overview\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n userId=\"${this.userId}\"\n nonprofitId=\"${this.nonprofitId}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n ></beam-impact-overview>\n `;\n }\n return \"\";\n }\n\n static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-post-purchase\": BeamPostPurchase;\n }\n}\n"],"names":["REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","enforceConfig","res","getChainNonprofits","result","postTransaction","BeamOrderCreatedEvent","AsyncController","_changedProperties","getCookieValue","BEAM_CART_COOKIE_NAME","previousPropertyValues","p","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"post-purchase.esm.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { getCookieValue } from \"../../shared/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../shared/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { getChainNonprofits, postTransaction } from \"../../api-sdk/v3/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../shared/events\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"email\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\"storeId\", \"postalCode\", \"countryCode\", \"cart\", \"discountCodes\"];\n\nexport class BeamPostPurchase extends LitElement {\n static tagName = \"beam-post-purchase\";\n\n @property({ type: String })\n public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String })\n public apiKey!: string;\n\n @property({ type: Number, reflect: true })\n public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n @property({ type: String })\n public postalCode?: string;\n\n @property({ type: String })\n public countryCode?: string;\n\n @property({ type: String })\n public orderId!: string;\n\n @property({ type: String })\n public email!: string;\n\n @property({ type: Number })\n public cartTotal!: number;\n\n @property({ type: String })\n public currencyCode = \"USD\";\n\n @property({ type: String })\n public lang: LANGUAGES = \"en\";\n\n @property({ type: Object })\n public cart?: TCart;\n\n @property({ type: Array })\n public discountCodes?: string[];\n\n @property({ type: Boolean })\n public debug = false;\n\n @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n @state() private selectionId: string | null = null; // from localStorage\n @state() private cartId: string | null = null; // from localStorage, external cart ID\n @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n @state() private userId: string | null = null; // from postTransaction\n @state() private transactionId: string | null = null; // from postTransaction\n @state() private chainId: number | null = null; // from postTransaction, used by impact-overview\n\n private localStorage = createScopedLocalStorage(this);\n\n firstUpdated(_changedProperties: PropertyValues) {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n this.nonprofitId = Number(this.localStorage.getItem(\"nonprofit\")) || null;\n this.selectionId = this.localStorage.getItem(\"transaction\") || null;\n this.cartId = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n this.beamCartId = getCookieValue(BEAM_CART_COOKIE_NAME) || null;\n\n if (this.selectionId && this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n }\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Also fires on first load as props go from undefined => value\n const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n await this.transactionDataController.exec();\n }\n }\n\n handlePostTransaction = async () => {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n\n if (!this.storeId && this.postalCode && this.countryCode && this.chainId) {\n const res = await getChainNonprofits({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n queryParams: {\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"redeem-transaction\",\n version: \"1.0.0\",\n },\n pathParams: {\n chainId: this.chainId,\n },\n });\n this.storeId = res.store?.id;\n }\n\n const result = await postTransaction({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: this.nonprofitId ?? undefined,\n selectionId: this.selectionId ?? undefined,\n cartId: this.cartId ?? undefined,\n beamCartId: this.beamCartId ?? undefined,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n storeId: this.storeId!,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n email: this.email,\n currencyCode: this.currencyCode,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n cart: this.cart,\n discountCodes: this.discountCodes,\n },\n });\n\n this.transactionId = result.transactionId;\n this.chainId = result.chainId;\n this.userId = result.beamUserId;\n this.nonprofitId = result.nonprofitId;\n\n if (this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n } else {\n this.activeWidget = \"redeem-transaction\";\n }\n\n this.localStorage.removeItem(\"transaction\");\n this.localStorage.removeItem(\"cart\");\n\n // Emit order created event only when order is registered with Beam for the first time\n if (result.transactionCreated) {\n dispatchEvent(\n new BeamOrderCreatedEvent({\n transactionId: result.transactionId,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n currencyCode: this.currencyCode,\n })\n );\n }\n\n return result;\n };\n\n private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n this,\n this.handlePostTransaction\n );\n\n render() {\n if (this.transactionDataController.loading) {\n return \"\";\n }\n if (this.transactionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.transactionDataController.error });\n }\n return \"\";\n }\n if (this.activeWidget === \"redeem-transaction\") {\n return html`\n <beam-redeem-transaction\n part=\"redeem-transaction\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n storeId=\"${this.storeId}\"\n transactionId=\"${this.transactionId}\"\n cart=\"${JSON.stringify(this.cart)}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n @beamnonprofitselect=\"${(event: Event) => {\n if (!(event instanceof CustomEvent)) return; // TS guard\n const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n this.nonprofitId = selectedNonprofitId ?? null;\n this.activeWidget = \"impact-overview\";\n }}\"\n ></beam-redeem-transaction>\n `;\n }\n if (this.activeWidget === \"impact-overview\") {\n return html`\n <beam-impact-overview\n part=\"impact-overview\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n userId=\"${this.userId}\"\n nonprofitId=\"${this.nonprofitId}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n ></beam-impact-overview>\n `;\n }\n return \"\";\n }\n\n static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-post-purchase\": BeamPostPurchase;\n }\n}\n"],"names":["REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","enforceConfig","res","getChainNonprofits","result","postTransaction","BeamOrderCreatedEvent","AsyncController","_changedProperties","getCookieValue","BEAM_CART_COOKIE_NAME","previousPropertyValues","p","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as o,t as a,g as I,y as l}from"../chunks/lit-h1W25hjN.esm.js";import{a as y}from"../chunks/cookies-
|
|
1
|
+
import{f as o,t as a,g as I,y as l}from"../chunks/lit-h1W25hjN.esm.js";import{a as y}from"../chunks/cookies-H8TCP4v0.esm.js";import{c as u,d as g,e as m,A as C,_ as v}from"../chunks/localize-lmoQNjqp.esm.js";import{c as b}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{D as f,g as $,d as S}from"../chunks/routes-yzw2CxrB.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import{B as U}from"../chunks/cart-contents-h60geKWa.esm.js";import{a as w}from"../chunks/events-wNy5BoJV.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";import"../chunks/lodash-ZxBiuGue.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.js";import"../chunks/css-card-grid-RRkoiUTl.esm.js";import"../chunks/vendor-IGhQoYCM.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-Rehmv-eo.esm.js";var K=Object.defineProperty,T=Object.getOwnPropertyDescriptor,e=(d,r,i,n)=>{for(var s=n>1?void 0:n?T(r,i):r,c=d.length-1,p;c>=0;c--)(p=d[c])&&(s=(n?p(r,i,s):p(s))||s);return n&&s&&K(r,i,s),s};const h=["baseUrl","apiKey","orderId","email","cartTotal","currencyCode","lang"],A=["storeId","postalCode","countryCode","cart","discountCodes"];class t extends I{constructor(){super(...arguments),this.baseUrl=f,this.currencyCode="USD",this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.selectionId=null,this.cartId=null,this.beamCartId=null,this.userId=null,this.transactionId=null,this.chainId=null,this.localStorage=b(this),this.handlePostTransaction=async()=>{if(m(h,this),!this.storeId&&this.postalCode&&this.countryCode&&this.chainId){const i=await $({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{postalCode:this.postalCode,countryCode:this.countryCode,widgetName:"redeem-transaction",version:"1.0.0"},pathParams:{chainId:this.chainId}});this.storeId=i.store?.id}const r=await S({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{nonprofitId:this.nonprofitId??void 0,selectionId:this.selectionId??void 0,cartId:this.cartId??void 0,beamCartId:this.beamCartId??void 0,storeId:this.storeId,orderId:this.orderId,cartTotal:this.cartTotal,email:this.email,currencyCode:this.currencyCode,postalCode:this.postalCode,countryCode:this.countryCode,cart:this.cart,discountCodes:this.discountCodes}});return this.transactionId=r.transactionId,this.chainId=r.chainId,this.userId=r.beamUserId,this.nonprofitId=r.nonprofitId,this.nonprofitId?this.activeWidget="impact-overview":this.activeWidget="redeem-transaction",this.localStorage.removeItem("transaction"),this.localStorage.removeItem("cart"),r.transactionCreated&&dispatchEvent(new w({transactionId:r.transactionId,orderId:this.orderId,cartTotal:this.cartTotal,currencyCode:this.currencyCode})),r},this.transactionDataController=new C(this,this.handlePostTransaction)}firstUpdated(r){m(h,this),this.nonprofitId=Number(this.localStorage.getItem("nonprofit"))||null,this.selectionId=this.localStorage.getItem("transaction")||null,this.cartId=this.localStorage.getItemJson("cart")?.cartId||null,this.beamCartId=y(U)||null,this.selectionId&&this.nonprofitId&&(this.activeWidget="impact-overview")}async updated(r){[...h,...A].some(i=>r.has(i))&&await this.transactionDataController.exec()}render(){return this.transactionDataController.loading?"":this.transactionDataController.error?this.debug?v({error:this.transactionDataController.error}):"":this.activeWidget==="redeem-transaction"?l`
|
|
2
2
|
<beam-redeem-transaction
|
|
3
3
|
part="redeem-transaction"
|
|
4
4
|
baseUrl="${this.baseUrl}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"post-purchase.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { getCookieValue } from \"../../shared/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../shared/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { getChainNonprofits, postTransaction } from \"../../api-sdk/v3/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../shared/events\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"email\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\"storeId\", \"postalCode\", \"countryCode\", \"cart\", \"discountCodes\"];\n\nexport class BeamPostPurchase extends LitElement {\n static tagName = \"beam-post-purchase\";\n\n @property({ type: String })\n public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String })\n public apiKey!: string;\n\n @property({ type: Number, reflect: true })\n public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n @property({ type: String })\n public postalCode?: string;\n\n @property({ type: String })\n public countryCode?: string;\n\n @property({ type: String })\n public orderId!: string;\n\n @property({ type: String })\n public email!: string;\n\n @property({ type: Number })\n public cartTotal!: number;\n\n @property({ type: String })\n public currencyCode = \"USD\";\n\n @property({ type: String })\n public lang: LANGUAGES = \"en\";\n\n @property({ type: Object })\n public cart?: TCart;\n\n @property({ type: Array })\n public discountCodes?: string[];\n\n @property({ type: Boolean })\n public debug = false;\n\n @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n @state() private selectionId: string | null = null; // from localStorage\n @state() private cartId: string | null = null; // from localStorage, external cart ID\n @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n @state() private userId: string | null = null; // from postTransaction\n @state() private transactionId: string | null = null; // from postTransaction\n @state() private chainId: number | null = null; // from postTransaction, used by impact-overview\n\n private localStorage = createScopedLocalStorage(this);\n\n firstUpdated(_changedProperties: PropertyValues) {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n this.nonprofitId = Number(this.localStorage.getItem(\"nonprofit\")) || null;\n this.selectionId = this.localStorage.getItem(\"transaction\") || null;\n this.cartId = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n this.beamCartId = getCookieValue(BEAM_CART_COOKIE_NAME) || null;\n\n if (this.selectionId && this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n }\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Also fires on first load as props go from undefined => value\n const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n await this.transactionDataController.exec();\n }\n }\n\n handlePostTransaction = async () => {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n\n if (!this.storeId && this.postalCode && this.countryCode) {\n const res = await getChainNonprofits({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n queryParams: {\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"redeem-transaction\",\n version: \"1.0.0\",\n },\n });\n this.storeId = res.store?.id;\n }\n\n const result = await postTransaction({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: this.nonprofitId ?? undefined,\n selectionId: this.selectionId ?? undefined,\n cartId: this.cartId ?? undefined,\n beamCartId: this.beamCartId ?? undefined,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n storeId: this.storeId!,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n email: this.email,\n currencyCode: this.currencyCode,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n cart: this.cart,\n discountCodes: this.discountCodes,\n },\n });\n\n this.transactionId = result.transactionId;\n this.chainId = result.chainId;\n this.userId = result.beamUserId;\n this.nonprofitId = result.nonprofitId;\n\n if (this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n } else {\n this.activeWidget = \"redeem-transaction\";\n }\n\n this.localStorage.removeItem(\"transaction\");\n this.localStorage.removeItem(\"cart\");\n\n // Emit order created event only when order is registered with Beam for the first time\n if (result.transactionCreated) {\n dispatchEvent(\n new BeamOrderCreatedEvent({\n transactionId: result.transactionId,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n currencyCode: this.currencyCode,\n })\n );\n }\n\n return result;\n };\n\n private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n this,\n this.handlePostTransaction\n );\n\n render() {\n if (this.transactionDataController.loading) {\n return \"\";\n }\n if (this.transactionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.transactionDataController.error });\n }\n return \"\";\n }\n if (this.activeWidget === \"redeem-transaction\") {\n return html`\n <beam-redeem-transaction\n part=\"redeem-transaction\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n storeId=\"${this.storeId}\"\n transactionId=\"${this.transactionId}\"\n cart=\"${JSON.stringify(this.cart)}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n @beamnonprofitselect=\"${(event: Event) => {\n if (!(event instanceof CustomEvent)) return; // TS guard\n const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n this.nonprofitId = selectedNonprofitId ?? null;\n this.activeWidget = \"impact-overview\";\n }}\"\n ></beam-redeem-transaction>\n `;\n }\n if (this.activeWidget === \"impact-overview\") {\n return html`\n <beam-impact-overview\n part=\"impact-overview\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n userId=\"${this.userId}\"\n nonprofitId=\"${this.nonprofitId}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n ></beam-impact-overview>\n `;\n }\n return \"\";\n }\n\n static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-post-purchase\": BeamPostPurchase;\n }\n}\n"],"names":["REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","enforceConfig","res","getChainNonprofits","result","postTransaction","BeamOrderCreatedEvent","AsyncController","_changedProperties","getCookieValue","BEAM_CART_COOKIE_NAME","previousPropertyValues","p","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"post-purchase.js","sources":["../../src/components/post-purchase/index.ts"],"sourcesContent":["import { html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { getCookieValue } from \"../../shared/cookies\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { createScopedLocalStorage } from \"../../shared/local-storage\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { getChainNonprofits, postTransaction } from \"../../api-sdk/v3/routes\";\nimport \"../redeem-transaction\";\nimport \"../impact-overview\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCart } from \"../../shared/cart-contents\";\nimport { BeamNonprofitSelectEvent, BeamOrderCreatedEvent } from \"../../shared/events\";\n\nconst REQUIRED_DATA_PROPS = [\"baseUrl\", \"apiKey\", \"orderId\", \"email\", \"cartTotal\", \"currencyCode\", \"lang\"];\nconst OPTIONAL_DATA_PROPS = [\"storeId\", \"postalCode\", \"countryCode\", \"cart\", \"discountCodes\"];\n\nexport class BeamPostPurchase extends LitElement {\n static tagName = \"beam-post-purchase\";\n\n @property({ type: String })\n public baseUrl: string = DEFAULT_BASE_URL;\n\n @property({ type: String })\n public apiKey!: string;\n\n @property({ type: Number, reflect: true })\n public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n @property({ type: String })\n public postalCode?: string;\n\n @property({ type: String })\n public countryCode?: string;\n\n @property({ type: String })\n public orderId!: string;\n\n @property({ type: String })\n public email!: string;\n\n @property({ type: Number })\n public cartTotal!: number;\n\n @property({ type: String })\n public currencyCode = \"USD\";\n\n @property({ type: String })\n public lang: LANGUAGES = \"en\";\n\n @property({ type: Object })\n public cart?: TCart;\n\n @property({ type: Array })\n public discountCodes?: string[];\n\n @property({ type: Boolean })\n public debug = false;\n\n @state() private activeWidget: \"redeem-transaction\" | \"impact-overview\" | null = null; // wait for postTransaction\n @state() private nonprofitId: number | null = null; // from localStorage or redeem-transaction result\n @state() private selectionId: string | null = null; // from localStorage\n @state() private cartId: string | null = null; // from localStorage, external cart ID\n @state() private beamCartId: string | null = null; // from cookie, Beam cart ID\n @state() private userId: string | null = null; // from postTransaction\n @state() private transactionId: string | null = null; // from postTransaction\n @state() private chainId: number | null = null; // from postTransaction, used by impact-overview\n\n private localStorage = createScopedLocalStorage(this);\n\n firstUpdated(_changedProperties: PropertyValues) {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n this.nonprofitId = Number(this.localStorage.getItem(\"nonprofit\")) || null;\n this.selectionId = this.localStorage.getItem(\"transaction\") || null;\n this.cartId = this.localStorage.getItemJson<TBeamCartLocalStorage>(\"cart\")?.cartId || null;\n // Reading beamCartId from cookies instead of localStorage allows it to work across subdomains\n this.beamCartId = getCookieValue(BEAM_CART_COOKIE_NAME) || null;\n\n if (this.selectionId && this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n }\n }\n\n async updated(previousPropertyValues: PropertyValues) {\n // Also fires on first load as props go from undefined => value\n const refreshOnChangeProps = [...REQUIRED_DATA_PROPS, ...OPTIONAL_DATA_PROPS];\n if (refreshOnChangeProps.some((p) => previousPropertyValues.has(p))) {\n await this.transactionDataController.exec();\n }\n }\n\n handlePostTransaction = async () => {\n enforceConfig(REQUIRED_DATA_PROPS, this);\n\n if (!this.storeId && this.postalCode && this.countryCode && this.chainId) {\n const res = await getChainNonprofits({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n queryParams: {\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n widgetName: \"redeem-transaction\",\n version: \"1.0.0\",\n },\n pathParams: {\n chainId: this.chainId,\n },\n });\n this.storeId = res.store?.id;\n }\n\n const result = await postTransaction({\n baseUrl: this.baseUrl,\n headers: {\n authorization: `Api-Key ${this.apiKey}`,\n },\n requestBody: {\n nonprofitId: this.nonprofitId ?? undefined,\n selectionId: this.selectionId ?? undefined,\n cartId: this.cartId ?? undefined,\n beamCartId: this.beamCartId ?? undefined,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n storeId: this.storeId!,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n email: this.email,\n currencyCode: this.currencyCode,\n postalCode: this.postalCode,\n countryCode: this.countryCode,\n cart: this.cart,\n discountCodes: this.discountCodes,\n },\n });\n\n this.transactionId = result.transactionId;\n this.chainId = result.chainId;\n this.userId = result.beamUserId;\n this.nonprofitId = result.nonprofitId;\n\n if (this.nonprofitId) {\n this.activeWidget = \"impact-overview\";\n } else {\n this.activeWidget = \"redeem-transaction\";\n }\n\n this.localStorage.removeItem(\"transaction\");\n this.localStorage.removeItem(\"cart\");\n\n // Emit order created event only when order is registered with Beam for the first time\n if (result.transactionCreated) {\n dispatchEvent(\n new BeamOrderCreatedEvent({\n transactionId: result.transactionId,\n orderId: this.orderId,\n cartTotal: this.cartTotal,\n currencyCode: this.currencyCode,\n })\n );\n }\n\n return result;\n };\n\n private transactionDataController = new AsyncController<typeof this.handlePostTransaction>(\n this,\n this.handlePostTransaction\n );\n\n render() {\n if (this.transactionDataController.loading) {\n return \"\";\n }\n if (this.transactionDataController.error) {\n if (this.debug) {\n return _errorMessage({ error: this.transactionDataController.error });\n }\n return \"\";\n }\n if (this.activeWidget === \"redeem-transaction\") {\n return html`\n <beam-redeem-transaction\n part=\"redeem-transaction\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n storeId=\"${this.storeId}\"\n transactionId=\"${this.transactionId}\"\n cart=\"${JSON.stringify(this.cart)}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n @beamnonprofitselect=\"${(event: Event) => {\n if (!(event instanceof CustomEvent)) return; // TS guard\n const { selectedNonprofitId } = (event as BeamNonprofitSelectEvent).detail;\n this.nonprofitId = selectedNonprofitId ?? null;\n this.activeWidget = \"impact-overview\";\n }}\"\n ></beam-redeem-transaction>\n `;\n }\n if (this.activeWidget === \"impact-overview\") {\n return html`\n <beam-impact-overview\n part=\"impact-overview\"\n baseUrl=\"${this.baseUrl}\"\n apiKey=\"${this.apiKey}\"\n chainId=\"${this.chainId}\"\n userId=\"${this.userId}\"\n nonprofitId=\"${this.nonprofitId}\"\n lang=\"${this.lang}\"\n ?debug=\"${this.debug}\"\n ></beam-impact-overview>\n `;\n }\n return \"\";\n }\n\n static styles = [cssReset];\n}\n\ndefineCustomElement(BeamPostPurchase);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-post-purchase\": BeamPostPurchase;\n }\n}\n"],"names":["REQUIRED_DATA_PROPS","OPTIONAL_DATA_PROPS","BeamPostPurchase","LitElement","DEFAULT_BASE_URL","createScopedLocalStorage","enforceConfig","res","getChainNonprofits","result","postTransaction","BeamOrderCreatedEvent","AsyncController","_changedProperties","getCookieValue","BEAM_CART_COOKIE_NAME","previousPropertyValues","p","_errorMessage","html","event","selectedNonprofitId","cssReset","__decorateClass","property","state","defineCustomElement"],"mappings":"giCAkBA,MAAMA,EAAsB,CAAC,UAAW,SAAU,UAAW,QAAS,YAAa,eAAgB,MAAM,EACnGC,EAAsB,CAAC,UAAW,aAAc,cAAe,OAAQ,eAAe,QAE/EC,UAAyBC,CAAW,CAA1C,aAAA,CAAA,MAAA,GAAA,SAAA,EAIL,KAAO,QAAkBC,EAwBzB,KAAO,aAAe,MAGtB,KAAO,KAAkB,KASzB,KAAO,MAAQ,GAEN,KAAQ,aAAgE,KACxE,KAAQ,YAA6B,KACrC,KAAQ,YAA6B,KACrC,KAAQ,OAAwB,KAChC,KAAQ,WAA4B,KACpC,KAAQ,OAAwB,KAChC,KAAQ,cAA+B,KACvC,KAAQ,QAAyB,KAE1C,KAAQ,aAAeC,EAAyB,IAAI,EAuBpD,2BAAwB,SAAY,CAGlC,GAFAC,EAAcN,EAAqB,IAAI,EAEnC,CAAC,KAAK,SAAW,KAAK,YAAc,KAAK,aAAe,KAAK,QAAS,CACxE,MAAMO,EAAM,MAAMC,EAAmB,CACnC,QAAS,KAAK,QACd,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,WAAY,KAAK,WACjB,YAAa,KAAK,YAClB,WAAY,qBACZ,QAAS,OACX,EACA,WAAY,CACV,QAAS,KAAK,OAChB,CACF,CAAC,EACD,KAAK,QAAUD,EAAI,OAAO,EAC5B,CAEA,MAAME,EAAS,MAAMC,EAAgB,CACnC,QAAS,KAAK,QACd,QAAS,CACP,cAAe,WAAW,KAAK,MAAM,EACvC,EACA,YAAa,CACX,YAAa,KAAK,aAAe,OACjC,YAAa,KAAK,aAAe,OACjC,OAAQ,KAAK,QAAU,OACvB,WAAY,KAAK,YAAc,OAE/B,QAAS,KAAK,QACd,QAAS,KAAK,QACd,UAAW,KAAK,UAChB,MAAO,KAAK,MACZ,aAAc,KAAK,aACnB,WAAY,KAAK,WACjB,YAAa,KAAK,YAClB,KAAM,KAAK,KACX,cAAe,KAAK,aACtB,CACF,CAAC,EAED,OAAA,KAAK,cAAgBD,EAAO,cAC5B,KAAK,QAAUA,EAAO,QACtB,KAAK,OAASA,EAAO,WACrB,KAAK,YAAcA,EAAO,YAEtB,KAAK,YACP,KAAK,aAAe,kBAEpB,KAAK,aAAe,qBAGtB,KAAK,aAAa,WAAW,aAAa,EAC1C,KAAK,aAAa,WAAW,MAAM,EAG/BA,EAAO,oBACT,cACE,IAAIE,EAAsB,CACxB,cAAeF,EAAO,cACtB,QAAS,KAAK,QACd,UAAW,KAAK,UAChB,aAAc,KAAK,YACrB,CAAC,CACH,EAGKA,CACT,EAEA,KAAQ,0BAA4B,IAAIG,EACtC,KACA,KAAK,qBACP,CAlGA,CAAA,aAAaC,EAAoC,CAC/CP,EAAcN,EAAqB,IAAI,EACvC,KAAK,YAAc,OAAO,KAAK,aAAa,QAAQ,WAAW,CAAC,GAAK,KACrE,KAAK,YAAc,KAAK,aAAa,QAAQ,aAAa,GAAK,KAC/D,KAAK,OAAS,KAAK,aAAa,YAAmC,MAAM,GAAG,QAAU,KAEtF,KAAK,WAAac,EAAeC,CAAqB,GAAK,KAEvD,KAAK,aAAe,KAAK,cAC3B,KAAK,aAAe,kBAExB,CAEA,MAAM,QAAQC,EAAwC,CAEvB,CAAC,GAAGhB,EAAqB,GAAGC,CAAmB,EACnD,KAAMgB,GAAMD,EAAuB,IAAIC,CAAC,CAAC,GAChE,MAAM,KAAK,0BAA0B,MAEzC,CAiFA,QAAS,CACP,OAAI,KAAK,0BAA0B,QAC1B,GAEL,KAAK,0BAA0B,MAC7B,KAAK,MACAC,EAAc,CAAE,MAAO,KAAK,0BAA0B,KAAM,CAAC,EAE/D,GAEL,KAAK,eAAiB,qBACjBC;AAAAA;AAAAA;AAAAA,qBAGQ,KAAK,OAAO;AAAA,oBACb,KAAK,MAAM;AAAA,qBACV,KAAK,OAAO;AAAA,qBACZ,KAAK,OAAO;AAAA,2BACN,KAAK,aAAa;AAAA,kBAC3B,KAAK,UAAU,KAAK,IAAI,CAAC;AAAA,kBACzB,KAAK,IAAI;AAAA,oBACP,KAAK,KAAK;AAAA,kCACKC,GAAiB,CACxC,GAAI,EAAEA,aAAiB,aAAc,OACrC,KAAM,CAAE,oBAAAC,CAAoB,EAAKD,EAAmC,OACpE,KAAK,YAAcC,GAAuB,KAC1C,KAAK,aAAe,iBACtB,CAAC;AAAA;AAAA,QAIH,KAAK,eAAiB,kBACjBF;AAAAA;AAAAA;AAAAA,qBAGQ,KAAK,OAAO;AAAA,oBACb,KAAK,MAAM;AAAA,qBACV,KAAK,OAAO;AAAA,oBACb,KAAK,MAAM;AAAA,yBACN,KAAK,WAAW;AAAA,kBACvB,KAAK,IAAI;AAAA,oBACP,KAAK,KAAK;AAAA;AAAA,QAInB,EACT,CAGF,CA1MajB,EACJ,QAAU,qBADNA,EAyMJ,OAAS,CAACoB,CAAQ,EArMlBC,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAHftB,EAIJ,UAGAqB,UAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GANftB,EAOJ,UAAA,SAAA,CAAA,EAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAT9BtB,EAUJ,UAAA,UAAA,CAAA,EAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GAZftB,EAaJ,UAAA,aAAA,CAAA,EAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAff,EAAAtB,EAgBJ,2BAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAlBftB,EAmBJ,UAGAqB,UAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GArBftB,EAsBJ,UAAA,QAAA,CAAA,EAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAxBf,EAAAtB,EAyBJ,UAGAqB,YAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CA3Bf,EAAAtB,EA4BJ,4BAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EA9BftB,EA+BJ,UAGAqB,OAAAA,CAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GAjCftB,EAkCJ,UAAA,OAAA,CAAA,EAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,KAAM,CAAC,CApCd,EAAAtB,EAqCJ,6BAGAqB,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,EAvChBtB,EAwCJ,UAAA,QAAA,CAAA,EAEUqB,EAAA,CAAhBE,GA1CU,EAAAvB,EA0CM,4BACAqB,EAAA,CAAhBE,GA3CU,EAAAvB,EA2CM,2BACAqB,EAAA,CAAhBE,EA5CU,CAAA,EAAAvB,EA4CM,2BACAqB,EAAA,CAAhBE,EA7CU,CAAA,EAAAvB,EA6CM,sBACAqB,EAAA,CAAhBE,EA9CU,CAAA,EAAAvB,EA8CM,0BACAqB,EAAA,CAAhBE,GA/CU,EAAAvB,EA+CM,sBACAqB,EAAA,CAAhBE,GAhDU,EAAAvB,EAgDM,6BACAqB,EAAA,CAAhBE,GAjDU,EAAAvB,EAiDM,UA2JnBwB,UAAAA,CAAAA,EAAAA,EAAoBxB,CAAgB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{y as m,m as y,h as S,f as c,t as k,g as $,q as v,p as z,k as D}from"../chunks/lit-h1W25hjN.esm.js";import{d as N}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as I,u,d as L,e as x,A as B,b as h,f as E,a as W,_ as R,i as p}from"../chunks/localize-
|
|
1
|
+
import{y as m,m as y,h as S,f as c,t as k,g as $,q as v,p as z,k as D}from"../chunks/lit-h1W25hjN.esm.js";import{d as N}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as I,u,d as L,e as x,A as B,b as h,f as E,a as W,_ as R,i as p}from"../chunks/localize-lmoQNjqp.esm.js";import{D as U,f as P,i as A,S as M}from"../chunks/routes-yzw2CxrB.esm.js";import{p as F}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as j}from"./beam-partner-logos.esm.js";import{B as O}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as K}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{c as _}from"../chunks/css-card-grid-RRkoiUTl.esm.js";import{b as V}from"../chunks/events-wNy5BoJV.esm.js";const H=({height:i="1em",width:e="1em"}={})=>m`
|
|
2
2
|
<svg
|
|
3
3
|
style="${y({height:i,width:e,position:"relative",bottom:"0"})}"
|
|
4
4
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{y as m,m as y,h as S,f as c,t as k,g as $,q as v,p as z,k as D}from"../chunks/lit-h1W25hjN.esm.js";import{d as N}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as I,u,d as L,e as x,A as B,b as h,f as E,a as W,_ as R,i as p}from"../chunks/localize-
|
|
1
|
+
import{y as m,m as y,h as S,f as c,t as k,g as $,q as v,p as z,k as D}from"../chunks/lit-h1W25hjN.esm.js";import{d as N}from"../chunks/lodash-ZxBiuGue.esm.js";import{c as I,u,d as L,e as x,A as B,b as h,f as E,a as W,_ as R,i as p}from"../chunks/localize-lmoQNjqp.esm.js";import{D as U,f as P,i as A,S as M}from"../chunks/routes-yzw2CxrB.esm.js";import{p as F}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{partnerLogosConfigDefaults as j}from"./beam-partner-logos.js";import{B as O}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as K}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{c as _}from"../chunks/css-card-grid-RRkoiUTl.esm.js";import{b as V}from"../chunks/events-wNy5BoJV.esm.js";const H=({height:i="1em",width:e="1em"}={})=>m`
|
|
2
2
|
<svg
|
|
3
3
|
style="${y({height:i,width:e,position:"relative",bottom:"0"})}"
|
|
4
4
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,f as l,g as w,y as b,p as k,m as z,k as $}from"../chunks/lit-h1W25hjN.esm.js";import{c as L,u as m,d as D,e as u,A as N,b as p,f as A,a as E,_ as y,i as d}from"../chunks/localize-
|
|
1
|
+
import{h as x,f as l,g as w,y as b,p as k,m as z,k as $}from"../chunks/lit-h1W25hjN.esm.js";import{c as L,u as m,d as D,e as u,A as N,b as p,f as A,a as E,_ as y,i as d}from"../chunks/localize-lmoQNjqp.esm.js";import{D as T,f as B,h as P,S as U}from"../chunks/routes-yzw2CxrB.esm.js";import{p as F}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as W}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{b as S,c as C}from"../chunks/events-wNy5BoJV.esm.js";import{a as v}from"../chunks/cookies-H8TCP4v0.esm.js";import{c as M}from"../chunks/responsive-Rehmv-eo.esm.js";import{B as O}from"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";const h={en:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"Choose your impact",ctaMessage:({donationPercentage:r="1"}={})=>`Select a nonprofit and ${r}% of your purchase will be donated, at no extra cost.`,inlineSeparator:()=>": "},fr:{beamAttribution:()=>"Optimis\xE9 par Beam",ctaTitle:()=>"Choisissez votre cause",ctaMessage:({donationPercentage:r="1"}={})=>`Choisissez un organisme \xE0 but non lucratif et ${r} % lui sera vers\xE9 en votre nom, sans frais suppl\xE9mentaires.`,inlineSeparator:()=>" : "},de:{beamAttribution:()=>"Unterst\xFCtzt von Beam",ctaTitle:()=>"W\xE4hle deinen Impact",ctaMessage:({donationPercentage:r="1"}={})=>`W\xE4hle eine der gemeinn\xFCtzigen Organisationen und spende ${r}% deines Einkaufs ohne zus\xE4tzliche Kosten`,inlineSeparator:()=>": "},es:{beamAttribution:()=>"Ofrecido por Beam",ctaTitle:()=>"Elige tu contribuci\xF3n",ctaMessage:({donationPercentage:r="1"}={})=>`Elige una organizaci\xF3n sin fines de lucro y donaremos ${r}% de tu compra sin coste adicional.`,inlineSeparator:()=>": "},it:{beamAttribution:()=>"Gestito da Beam",ctaTitle:()=>"Scegli dove fare la differenza",ctaMessage:({donationPercentage:r="1"}={})=>`Seleziona un'organizzazione no-profit a cui devolvere l\u2019${r}% del tuo acquisto, senza costi aggiuntivi`,inlineSeparator:()=>": "},pl:{beamAttribution:()=>"Wspierany przez Beam",ctaTitle:()=>"Wybierz inicjatyw\u0119, kt\xF3r\u0105 chcesz wesprze\u0107",ctaMessage:({donationPercentage:r="1"}={})=>`Wybierz organizacj\u0119, kt\xF3rej przeka\u017Cesz ${r}% warto\u015Bci Twoich zakup\xF3w \u2013 bez \u017Cadnych dodatkowych koszt\xF3w!`,inlineSeparator:()=>": "}};var R=Object.defineProperty,K=Object.getOwnPropertyDescriptor,c=(r,t,e,i)=>{for(var n=i>1?void 0:i?K(t,e):t,a=r.length-1,o;a>=0;a--)(o=r[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&R(t,e,n),n};class s extends w{constructor(){super(...arguments),this.baseUrl=T,this.selectedNonprofitId=null,this.lang="en",this.debug=!1,this.enableNonprofitDeselection=!1,this.getChainNonprofits=async()=>{u(["apiKey","chainId"],this);const t=this.cart?.content?{schema:this.cart?.schema,content:this.cart?.content}:void 0,e=await B({baseUrl:this.baseUrl,apiRoot:"/api/v3",headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{chainId:this.chainId,storeId:this.storeId,widgetName:"select-nonprofit",postalCode:this.postalCode,countryCode:this.countryCode,version:"1.0.0",lang:this.configLang,cart:t}});return this.enableNonprofitDeselection=!!e.config.enableNonprofitDeselection,this.selectedNonprofitId&&!e.nonprofits.map(i=>i.nonprofit.id).includes(this.selectedNonprofitId)&&(this.selectedNonprofitId=null,this.dispatchEvent(new S({selectedNonprofitId:this.selectedNonprofitId,selectionId:this.selectionId,nonprofitName:null}))),e.store?.id&&e.store.id!==this.storeId&&(this.storeId=e.store.id),this.localStorage.setItemJson("chainNonprofits",{createdAt:new Date,data:e}),e},this.postSelectNonprofit=async({selectedNonprofitId:t})=>{u(["apiKey","chainId","storeId"],this);const e=this.getExternalCartId(),i=this.getBeamCartId(),n=await P({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{nonprofitId:t,selectionId:this.selectionId,storeId:this.storeId,cartId:e,beamCartId:i}});this.selectionId=n?.selectionId,this.localStorage.setItem("transaction",this.selectionId),this.localStorage.setItem("nonprofit",t),await this.updateComplete;const a=this.getNonprofitById(t);this.dispatchEvent(new S({selectedNonprofitId:t,selectionId:this.selectionId,nonprofitName:a?.nonprofit?.name}))},this.nonprofitListDataController=new N(this,this.getChainNonprofits),this.selectionDataController=new N(this,this.postSelectNonprofit),this.localStorage=W(this),this.handleCartChange=t=>{this.cart=t.detail},this.makeHandleSelect=(t,e,i)=>async n=>{const a=this.selectedNonprofitId;if(n instanceof KeyboardEvent){let o=null;switch(n.key){case"ArrowUp":case"ArrowLeft":e===0?o=i[i.length-1]:o=i[e-1],n.preventDefault();break;case"ArrowRight":case"ArrowDown":e===i.length-1?o=i[0]:o=i[e+1],n.preventDefault();break;case"Enter":case" ":n.preventDefault();break;default:return}if(o){a!=null&&(this.selectedNonprofitId=o.nonprofit.id);const f=this.renderRoot.querySelector(`[data-value="${o.nonprofit.id}"]`);f!==null&&(f.tabIndex=0,f.focus());return}}if(n.currentTarget instanceof HTMLElement)if(a===t)if(this.enableNonprofitDeselection)this.selectedNonprofitId=null;else return;else this.selectedNonprofitId=t;await this.selectionDataController.exec({selectedNonprofitId:this.selectedNonprofitId})}}get configLang(){return U[this.lang]||"en"}getNonprofitById(t){return t?this.nonprofitListDataController?.data?.nonprofits.find(e=>e.nonprofit.id===t):null}connectedCallback(){super.connectedCallback(),window.addEventListener(C.eventName,this.handleCartChange)}async firstUpdated(t){await this.restoreStateFromCache()}async updated(t){const e=["chainId","baseUrl","storeId","apiKey","countryCode","postalCode","cart","lang"];for(const i of e)if(t.has(i)){await this.nonprofitListDataController.exec();break}}disconnectedCallback(){window.removeEventListener(C.eventName,this.handleCartChange),super.disconnectedCallback()}getExternalCartId(){return this.localStorage.getItemJson("cart")?.cartId??v("cart")}getBeamCartId(){return v(O)}async restoreStateFromCache(){u(["apiKey","chainId","storeId"],this);try{this.selectedNonprofitId=parseInt(this.localStorage.getItem("nonprofit")||"")||null,this.selectionId=this.localStorage.getItem("transaction")??void 0,this.cart=this.localStorage.getItemJson("cart")??void 0;const{createdAt:t=0,data:e}=this.localStorage.getItemJson("chainNonprofits")||{},i=2*60*60*1e3;if(new Date(t).valueOf()+i>new Date().valueOf()&&(this.nonprofitListDataController.data=e,this.nonprofitListDataController.loading=!1),this.selectedNonprofitId&&!this.selectionId&&await this.selectionDataController.exec({selectedNonprofitId:this.selectedNonprofitId}),this.selectedNonprofitId){const n=this.getNonprofitById(this.selectedNonprofitId);this.dispatchEvent(new S({selectedNonprofitId:this.selectedNonprofitId,selectionId:this.selectionId,nonprofitName:n?.nonprofit?.name}))}}catch{}}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...F,"--beam-SelectNonprofit-title-textAlign":"inherit","--beam-SelectNonprofit-description-textAlign":"inherit","--beam-SelectNonprofit-maxWidth":"800px","--beam-SelectNonprofit-options-marginTop":"0px","--beam-SelectNonprofit-options-iconHeight":"24px","--beam-SelectNonprofit-options-padding":"10px","--beam-SelectNonprofit-options-borderRadius":"0px","--beam-SelectNonprofit-options-borderColor":"currentColor","--beam-SelectNonprofit-options--selected-borderColor":"currentColor","--beam-SelectNonprofit-options-backgroundColor":"transparent","--beam-SelectNonprofit-options-gap":"8px","--beam-SelectNonprofit-options--selected-backgroundColor":"currentColor","--beam-SelectNonprofit-details-marginTop":"10px","--beam-SelectNonprofit-details-borderRadius":"0px","--beam-SelectNonprofit-details-borderColor":"currentColor","--beam-SelectNonprofit-details-backgroundColor":"inherit",...p("--beam-SelectNonprofit-title",{fontSize:"1.25em",fontWeight:"bold"}),"--beam-SelectNonprofit-header-inline-lineHeight":"inherit",...p("--beam-SelectNonprofit-title-inline",{fontWeight:"bold"}),"--beam-SelectNonprofit-title-inline-textTransform":"none",...p("--beam-SelectNonprofit-description",{marginTop:"0.5em"}),...p("--beam-SelectNonprofit-description-inline"),...p("--beam-SelectNonprofit-details-cause",{fontSize:"0.85em",fontWeight:"bold"}),...p("--beam-SelectNonprofit-details-beamAttribution",{fontSize:"0.85em"}),...p("--beam-SelectNonprofit-details-impactDescription",{fontSize:"1em",marginTop:"10px"}),"--beam-SelectNonprofit-details-nonprofitName-fontWeight":"bold","--beam-SelectNonprofit-details-nonprofitName-fontStyle":"inherit","--beam-SelectNonprofit-details-fundingProgress-marginTop":"10px",...p("--beam-SelectNonprofit-details-fundingProgressLabel",{fontSize:"0.85em"})},e=this.nonprofitListDataController?.data?.config?.web?.theme||{},i={...t,...e};return Object.assign(Object.create({toCSS(){return A(this)}}),i)}render(){const{selectedNonprofitId:t}=this,{data:e,loading:i}=this.nonprofitListDataController;if(i&&!e)return E();if(this.nonprofitListDataController.error)return this.debug?y({error:this.nonprofitListDataController.error}):"";if(this.selectionDataController.error&&this.debug)return y({error:this.selectionDataController.error});const n=e?.nonprofits||[],a=n.find(o=>o.nonprofit.id===t)||null;return b`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
${this.cssVariables.toCSS()}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,f as l,g as w,y as b,p as k,m as z,k as $}from"../chunks/lit-h1W25hjN.esm.js";import{c as L,u as m,d as D,e as u,A as N,b as p,f as A,a as E,_ as y,i as d}from"../chunks/localize-
|
|
1
|
+
import{h as x,f as l,g as w,y as b,p as k,m as z,k as $}from"../chunks/lit-h1W25hjN.esm.js";import{c as L,u as m,d as D,e as u,A as N,b as p,f as A,a as E,_ as y,i as d}from"../chunks/localize-lmoQNjqp.esm.js";import{D as T,f as B,h as P,S as U}from"../chunks/routes-yzw2CxrB.esm.js";import{p as F}from"../chunks/progress-bar-w3yfrrxD.esm.js";import{c as W}from"../chunks/local-storage-GYvYzZ_j.esm.js";import{b as S,c as C}from"../chunks/events-wNy5BoJV.esm.js";import{a as v}from"../chunks/cookies-H8TCP4v0.esm.js";import{c as M}from"../chunks/responsive-Rehmv-eo.esm.js";import{B as O}from"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";const h={en:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"Choose your impact",ctaMessage:({donationPercentage:r="1"}={})=>`Select a nonprofit and ${r}% of your purchase will be donated, at no extra cost.`,inlineSeparator:()=>": "},fr:{beamAttribution:()=>"Optimis\xE9 par Beam",ctaTitle:()=>"Choisissez votre cause",ctaMessage:({donationPercentage:r="1"}={})=>`Choisissez un organisme \xE0 but non lucratif et ${r} % lui sera vers\xE9 en votre nom, sans frais suppl\xE9mentaires.`,inlineSeparator:()=>" : "},de:{beamAttribution:()=>"Unterst\xFCtzt von Beam",ctaTitle:()=>"W\xE4hle deinen Impact",ctaMessage:({donationPercentage:r="1"}={})=>`W\xE4hle eine der gemeinn\xFCtzigen Organisationen und spende ${r}% deines Einkaufs ohne zus\xE4tzliche Kosten`,inlineSeparator:()=>": "},es:{beamAttribution:()=>"Ofrecido por Beam",ctaTitle:()=>"Elige tu contribuci\xF3n",ctaMessage:({donationPercentage:r="1"}={})=>`Elige una organizaci\xF3n sin fines de lucro y donaremos ${r}% de tu compra sin coste adicional.`,inlineSeparator:()=>": "},it:{beamAttribution:()=>"Gestito da Beam",ctaTitle:()=>"Scegli dove fare la differenza",ctaMessage:({donationPercentage:r="1"}={})=>`Seleziona un'organizzazione no-profit a cui devolvere l\u2019${r}% del tuo acquisto, senza costi aggiuntivi`,inlineSeparator:()=>": "},pl:{beamAttribution:()=>"Wspierany przez Beam",ctaTitle:()=>"Wybierz inicjatyw\u0119, kt\xF3r\u0105 chcesz wesprze\u0107",ctaMessage:({donationPercentage:r="1"}={})=>`Wybierz organizacj\u0119, kt\xF3rej przeka\u017Cesz ${r}% warto\u015Bci Twoich zakup\xF3w \u2013 bez \u017Cadnych dodatkowych koszt\xF3w!`,inlineSeparator:()=>": "}};var R=Object.defineProperty,K=Object.getOwnPropertyDescriptor,c=(r,t,e,i)=>{for(var n=i>1?void 0:i?K(t,e):t,a=r.length-1,o;a>=0;a--)(o=r[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&R(t,e,n),n};class s extends w{constructor(){super(...arguments),this.baseUrl=T,this.selectedNonprofitId=null,this.lang="en",this.debug=!1,this.enableNonprofitDeselection=!1,this.getChainNonprofits=async()=>{u(["apiKey","chainId"],this);const t=this.cart?.content?{schema:this.cart?.schema,content:this.cart?.content}:void 0,e=await B({baseUrl:this.baseUrl,apiRoot:"/api/v3",headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{chainId:this.chainId,storeId:this.storeId,widgetName:"select-nonprofit",postalCode:this.postalCode,countryCode:this.countryCode,version:"1.0.0",lang:this.configLang,cart:t}});return this.enableNonprofitDeselection=!!e.config.enableNonprofitDeselection,this.selectedNonprofitId&&!e.nonprofits.map(i=>i.nonprofit.id).includes(this.selectedNonprofitId)&&(this.selectedNonprofitId=null,this.dispatchEvent(new S({selectedNonprofitId:this.selectedNonprofitId,selectionId:this.selectionId,nonprofitName:null}))),e.store?.id&&e.store.id!==this.storeId&&(this.storeId=e.store.id),this.localStorage.setItemJson("chainNonprofits",{createdAt:new Date,data:e}),e},this.postSelectNonprofit=async({selectedNonprofitId:t})=>{u(["apiKey","chainId","storeId"],this);const e=this.getExternalCartId(),i=this.getBeamCartId(),n=await P({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{nonprofitId:t,selectionId:this.selectionId,storeId:this.storeId,cartId:e,beamCartId:i}});this.selectionId=n?.selectionId,this.localStorage.setItem("transaction",this.selectionId),this.localStorage.setItem("nonprofit",t),await this.updateComplete;const a=this.getNonprofitById(t);this.dispatchEvent(new S({selectedNonprofitId:t,selectionId:this.selectionId,nonprofitName:a?.nonprofit?.name}))},this.nonprofitListDataController=new N(this,this.getChainNonprofits),this.selectionDataController=new N(this,this.postSelectNonprofit),this.localStorage=W(this),this.handleCartChange=t=>{this.cart=t.detail},this.makeHandleSelect=(t,e,i)=>async n=>{const a=this.selectedNonprofitId;if(n instanceof KeyboardEvent){let o=null;switch(n.key){case"ArrowUp":case"ArrowLeft":e===0?o=i[i.length-1]:o=i[e-1],n.preventDefault();break;case"ArrowRight":case"ArrowDown":e===i.length-1?o=i[0]:o=i[e+1],n.preventDefault();break;case"Enter":case" ":n.preventDefault();break;default:return}if(o){a!=null&&(this.selectedNonprofitId=o.nonprofit.id);const f=this.renderRoot.querySelector(`[data-value="${o.nonprofit.id}"]`);f!==null&&(f.tabIndex=0,f.focus());return}}if(n.currentTarget instanceof HTMLElement)if(a===t)if(this.enableNonprofitDeselection)this.selectedNonprofitId=null;else return;else this.selectedNonprofitId=t;await this.selectionDataController.exec({selectedNonprofitId:this.selectedNonprofitId})}}get configLang(){return U[this.lang]||"en"}getNonprofitById(t){return t?this.nonprofitListDataController?.data?.nonprofits.find(e=>e.nonprofit.id===t):null}connectedCallback(){super.connectedCallback(),window.addEventListener(C.eventName,this.handleCartChange)}async firstUpdated(t){await this.restoreStateFromCache()}async updated(t){const e=["chainId","baseUrl","storeId","apiKey","countryCode","postalCode","cart","lang"];for(const i of e)if(t.has(i)){await this.nonprofitListDataController.exec();break}}disconnectedCallback(){window.removeEventListener(C.eventName,this.handleCartChange),super.disconnectedCallback()}getExternalCartId(){return this.localStorage.getItemJson("cart")?.cartId??v("cart")}getBeamCartId(){return v(O)}async restoreStateFromCache(){u(["apiKey","chainId","storeId"],this);try{this.selectedNonprofitId=parseInt(this.localStorage.getItem("nonprofit")||"")||null,this.selectionId=this.localStorage.getItem("transaction")??void 0,this.cart=this.localStorage.getItemJson("cart")??void 0;const{createdAt:t=0,data:e}=this.localStorage.getItemJson("chainNonprofits")||{},i=2*60*60*1e3;if(new Date(t).valueOf()+i>new Date().valueOf()&&(this.nonprofitListDataController.data=e,this.nonprofitListDataController.loading=!1),this.selectedNonprofitId&&!this.selectionId&&await this.selectionDataController.exec({selectedNonprofitId:this.selectedNonprofitId}),this.selectedNonprofitId){const n=this.getNonprofitById(this.selectedNonprofitId);this.dispatchEvent(new S({selectedNonprofitId:this.selectedNonprofitId,selectionId:this.selectionId,nonprofitName:n?.nonprofit?.name}))}}catch{}}get cssVariables(){const t={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...F,"--beam-SelectNonprofit-title-textAlign":"inherit","--beam-SelectNonprofit-description-textAlign":"inherit","--beam-SelectNonprofit-maxWidth":"800px","--beam-SelectNonprofit-options-marginTop":"0px","--beam-SelectNonprofit-options-iconHeight":"24px","--beam-SelectNonprofit-options-padding":"10px","--beam-SelectNonprofit-options-borderRadius":"0px","--beam-SelectNonprofit-options-borderColor":"currentColor","--beam-SelectNonprofit-options--selected-borderColor":"currentColor","--beam-SelectNonprofit-options-backgroundColor":"transparent","--beam-SelectNonprofit-options-gap":"8px","--beam-SelectNonprofit-options--selected-backgroundColor":"currentColor","--beam-SelectNonprofit-details-marginTop":"10px","--beam-SelectNonprofit-details-borderRadius":"0px","--beam-SelectNonprofit-details-borderColor":"currentColor","--beam-SelectNonprofit-details-backgroundColor":"inherit",...p("--beam-SelectNonprofit-title",{fontSize:"1.25em",fontWeight:"bold"}),"--beam-SelectNonprofit-header-inline-lineHeight":"inherit",...p("--beam-SelectNonprofit-title-inline",{fontWeight:"bold"}),"--beam-SelectNonprofit-title-inline-textTransform":"none",...p("--beam-SelectNonprofit-description",{marginTop:"0.5em"}),...p("--beam-SelectNonprofit-description-inline"),...p("--beam-SelectNonprofit-details-cause",{fontSize:"0.85em",fontWeight:"bold"}),...p("--beam-SelectNonprofit-details-beamAttribution",{fontSize:"0.85em"}),...p("--beam-SelectNonprofit-details-impactDescription",{fontSize:"1em",marginTop:"10px"}),"--beam-SelectNonprofit-details-nonprofitName-fontWeight":"bold","--beam-SelectNonprofit-details-nonprofitName-fontStyle":"inherit","--beam-SelectNonprofit-details-fundingProgress-marginTop":"10px",...p("--beam-SelectNonprofit-details-fundingProgressLabel",{fontSize:"0.85em"})},e=this.nonprofitListDataController?.data?.config?.web?.theme||{},i={...t,...e};return Object.assign(Object.create({toCSS(){return A(this)}}),i)}render(){const{selectedNonprofitId:t}=this,{data:e,loading:i}=this.nonprofitListDataController;if(i&&!e)return E();if(this.nonprofitListDataController.error)return this.debug?y({error:this.nonprofitListDataController.error}):"";if(this.selectionDataController.error&&this.debug)return y({error:this.selectionDataController.error});const n=e?.nonprofits||[],a=n.find(o=>o.nonprofit.id===t)||null;return b`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
${this.cssVariables.toCSS()}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{w as t}from"../chunks/network-listeners-O5LKv8Yy.esm.js";import{i as V}from"../chunks/network-listeners-O5LKv8Yy.esm.js";import{g as r,a as o}from"../chunks/cookies-
|
|
1
|
+
import{w as t}from"../chunks/network-listeners-O5LKv8Yy.esm.js";import{i as V}from"../chunks/network-listeners-O5LKv8Yy.esm.js";import{g as r,a as o}from"../chunks/cookies-H8TCP4v0.esm.js";import{e as v}from"../chunks/events-wNy5BoJV.esm.js";import{h as I,C as L,B as O,s as P,N as T}from"../chunks/order-page-EKpTeF3w.esm.js";import"../chunks/beam-errors-AMvTvR1C.esm.js";import"../chunks/lodash-ZxBiuGue.esm.js";import"../chunks/local-storage-GYvYzZ_j.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-qQyhbRvF.esm.js";import"../chunks/routes-yzw2CxrB.esm.js";import"../chunks/remote-session-V4YG-mcS.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-h1W25hjN.esm.js";import"../chunks/localize-lmoQNjqp.esm.js";import"./redeem-transaction.esm.js";import"../chunks/progress-bar-w3yfrrxD.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/css-card-grid-RRkoiUTl.esm.js";import"./impact-overview.esm.js";import"../chunks/vendor-IGhQoYCM.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-Rehmv-eo.esm.js";const e={waitForElement:t,getCookieMap:r,getCookieValue:o};export{I as addBeamAttributesToCart,v as events,L as getCurrentCart,V as initNetworkListeners,O as registerCartIntegration,P as showBeamOrderPageWidgets,T as trackCart,e as utils};
|
|
2
2
|
//# sourceMappingURL=shopify.esm.js.map
|