@beamimpact/web-sdk 1.55.7 → 1.56.3

package/dist/chunks/{index-DvhxjeiK.esm.js → index-UMeAzKTG.esm.js}

@@ -1,13 +1,13 @@
-import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit-WqMxC_PA.esm.js";import{d as I}from"./lodash-D3TLHRR_.esm.js";import{u as g,A as B,d as h,a as N,i as m,_ as x}from"./localize-Btu9xYcE.esm.js";import{m as R,D as L,d as M,W as y,S as A}from"./routes-E1gMJl6d.esm.js";import{p as F}from"./progress-bar-DF7UuuHb.esm.js";import{p as U}from"./promo-pill-label-CD0lWdsv.esm.js";import{partnerLogosConfigDefaults as W}from"../components/beam-partner-logos.esm.js";import{c as O,d as j,e as w,a as _}from"./enforce-config-CZ3ToOgr.esm.js";import{_ as K}from"./loading-template-DG4lkIIc.esm.js";import{M as V,B as H}from"./beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.esm.js";import{c as G}from"./css-card-grid-CvoGpsJH.esm.js";import{c as J}from"./events-Dki0ka4F.esm.js";const Q=R("/v4/transaction","post"),X=R("/v4/transaction/redeem/{transactionId}","put"),Y=({height:t="1em",width:e="1em"}={})=>i`
-    <svg
-      style="${$({height:t,width:e,position:"relative",bottom:"0"})}"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-    >
-      <!-- Filled Circle -->
-      <circle cx="12" cy="12" r="10" fill="currentColor" />
-    </svg>
-  `,b={en:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"Choose your impact",ctaPromoPrefixMessage:()=>"At no extra cost,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`select a nonprofit and ${t}% will be donated there for you.`,ctaMessage:({donationPercentage:t="1"}={})=>`At no extra cost, select a nonprofit and ${t}% will be donated there for you.`,submitButtonText:()=>"Confirm",submitButtonTextCompleted:()=>"Confirmed!",chooseButtonText:()=>"Choose a nonprofit"},fr:{beamAttribution:()=>"Optimis\xE9 par Beam",ctaTitle:()=>"Choisissez votre cause",ctaPromoPrefixMessage:()=>"Sans frais suppl\xE9mentaires,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`s\xE9lectionnez une association et ${t} % sera revers\xE9 en votre nom.`,ctaMessage:({donationPercentage:t="1"}={})=>`Sans frais suppl\xE9mentaires, choisissez une association et ${t} % de votre commande lui sera revers\xE9 en votre nom.`,submitButtonText:()=>"Confirmer",submitButtonTextCompleted:()=>"Confirm\xE9 !",chooseButtonText:()=>"Choisir une association"},de:{beamAttribution:()=>"Unterst\xFCtzt von Beam",ctaTitle:()=>"W\xE4hle deine Wirkung",ctaPromoPrefixMessage:()=>"Ohne zus\xE4tzliche Kosten,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`w\xE4hle eine gemeinn\xFCtzige Organisation und ${t}% werden in deinem Namen gespendet.`,ctaMessage:({donationPercentage:t="1"}={})=>`Ohne zus\xE4tzliche Kosten kannst du eine Organisation ausw\xE4hlen, und ${t}% deiner Bestellung werden gespendet.`,submitButtonText:()=>"Best\xE4tigen",submitButtonTextCompleted:()=>"Best\xE4tigt!",chooseButtonText:()=>"W\xE4hle eine Organisation"},es:{beamAttribution:()=>"Ofrecido por Beam",ctaTitle:()=>"Elige tu impacto",ctaPromoPrefixMessage:()=>"Sin coste adicional,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`elige una organizaci\xF3n y donaremos el ${t}% en tu nombre.`,ctaMessage:({donationPercentage:t="1"}={})=>`Sin coste adicional, elige una organizaci\xF3n sin \xE1nimo de lucro y donaremos el ${t}% de tu compra en tu nombre.`,submitButtonText:()=>"Confirmar",submitButtonTextCompleted:()=>"\xA1Confirmado!",chooseButtonText:()=>"Elige una organizaci\xF3n"},it:{beamAttribution:()=>"Promosso da Beam",ctaTitle:()=>"Scegli il tuo impatto",ctaPromoPrefixMessage:()=>"Senza costi aggiuntivi,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`scegli un'organizzazione e doneremo l\u2019${t}% per te.`,ctaMessage:({donationPercentage:t="1"}={})=>`Senza costi aggiuntivi, scegli un'organizzazione no profit e doneremo l\u2019${t}% del tuo acquisto a suo favore.`,submitButtonText:()=>"Conferma",submitButtonTextCompleted:()=>"Confermato!",chooseButtonText:()=>"Scegli un'organizzazione"},pl:{beamAttribution:()=>"Obs\u0142ugiwane przez Beam",ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaPromoPrefixMessage:()=>"Bez dodatkowych koszt\xF3w,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`wybierz organizacj\u0119, a ${t}% zostanie przekazane w Twoim imieniu.`,ctaMessage:({donationPercentage:t="1"}={})=>`Bez dodatkowych koszt\xF3w mo\u017Cesz wybra\u0107 organizacj\u0119, kt\xF3rej przeka\u017Cemy ${t}% warto\u015Bci Twojego zam\xF3wienia w Twoim imieniu.`,submitButtonText:()=>"Potwierd\u017A",submitButtonTextCompleted:()=>"Potwierdzono!",chooseButtonText:()=>"Wybierz organizacj\u0119"},ja:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaPromoPrefixMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001",ctaPromoMessage:({donationPercentage:t="1"}={})=>`\u975E\u55B6\u5229\u56E3\u4F53\u3092\u9078\u3076\u3068\u3001${t}%\u304C\u305D\u306E\u56E3\u4F53\u306B\u5BC4\u4ED8\u3055\u308C\u307E\u3059\u3002`,ctaMessage:({donationPercentage:t="1"}={})=>`\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u975E\u55B6\u5229\u56E3\u4F53\u3092\u304A\u9078\u3073\u3044\u305F\u3060\u304F\u3068\u3001\u3054\u8CFC\u5165\u91D1\u984D\u306E${t}%\u304C\u5BC4\u4ED8\u3055\u308C\u307E\u3059\u3002`,submitButtonText:()=>"\u78BA\u8A8D\u3059\u308B",submitButtonTextCompleted:()=>"\u78BA\u8A8D\u6E08\u307F",chooseButtonText:()=>"\u975E\u55B6\u5229\u56E3\u4F53\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}};var Z=Object.defineProperty,d=(t,e,o,a)=>{for(var n=void 0,u=t.length-1,l;u>=0;u--)(l=t[u])&&(n=l(e,o,n)||n);return n&&Z(e,o,n),n};class r extends D{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.debug=!1,this.draftConfig=!1,this.isMobile=window.innerWidth<768,this.didUserExpandNonprofits=!1,this.shouldUsePromoUI=!1,this.getChainNonprofits=async()=>{if(!this.hasCorrectTransactionConfig)throw new V;const e=await M({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId,postalCode:this.postalCode,countryCode:this.countryCode,transactionId:String(this.transactionId),cart:this.cart??void 0,widgetName:y.redeem_transaction,options:{config:{draftConfig:this.draftConfig}},version:"2.0.0",lang:this.configLang}});return e.store?.id&&e.store.id!==this.storeId&&(this.storeId=e.store.id),this.localStorage.setItemJson("chainNonprofits",{createdAt:new Date,data:e}),e},this.updateNonprofitIdForRecord=async({selectedNonprofitId:e})=>this.transactionId?this.putTransaction({selectedNonprofitId:e}):null,this.putTransaction=async({selectedNonprofitId:e})=>(w(["apiKey","transactionId"],this),X({baseUrl:this.baseUrl,apiRoot:"/api",headers:{authorization:`Api-Key ${this.apiKey}`},pathParams:{transactionId:this.transactionId},requestBody:{nonprofitId:e}})),this.nonprofitListDataController=new B(this,this.getChainNonprofits),this.selectionDataController=new B(this,this.updateNonprofitIdForRecord),this.localStorage=q(this),this.makeHandleSelect=(e,o,a)=>async n=>{if(!this.allowChange)return;const u=this.selectedNonprofitId;if(n instanceof KeyboardEvent){let l=null;switch(n.key){case"ArrowUp":case"ArrowLeft":o===0?l=a[a.length-1]:l=a[o-1],n.preventDefault();break;case"ArrowRight":case"ArrowDown":o===a.length-1?l=a[0]:l=a[o+1],n.preventDefault();break;case"Enter":case" ":n.preventDefault();break;default:return}if(l){const p=this.renderRoot.querySelector(`[data-value="${l.nonprofit.id}"]`);p!==null&&(p.tabIndex=0,p.focus());return}}if(n.currentTarget instanceof HTMLElement){if(u===e)return;this.selectedNonprofitId=e}},this.handleSubmit=async()=>{const{selectedNonprofitId:e}=this;if(!this.allowSubmit||e==null)return;await this.selectionDataController.exec({selectedNonprofitId:e}),this.localStorage.setItem("nonprofit",e),this.localStorage.setItem("nonprofit_selected_at",new Date().toISOString());const o=this.nonprofitListDataController?.data?.nonprofits.find(a=>a.nonprofit.id===e);this.dispatchEvent(new J({selectedNonprofitId:e,nonprofitName:o?.nonprofit.name,source:y.redeem_transaction,timestamp:new Date}))},this.evaluateBreakPoints=I(()=>{this.isMobile=window.innerWidth<768},50,{maxWait:50,leading:!0})}get configLang(){return A[this.lang]||"en"}get hasCorrectTransactionConfig(){return _(["apiKey","transactionId"],this)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.evaluateBreakPoints)}async firstUpdated(e){await this.restoreStateFromCache()}async updated(e){const o=["baseUrl","storeId","apiKey","countryCode","postalCode","lang"];for(const a of o)if(e.has(a)){await this.nonprofitListDataController.exec();break}}disconnectedCallback(){super.disconnectedCallback()}restoreStateFromCache(){w(["apiKey"],this),this.selectedNonprofitId=parseInt(this.localStorage.getItem("nonprofit")||"")||void 0;try{const{createdAt:e=0,data:o}=this.localStorage.getItemJson("chainNonprofits")||{},a=2*60*60*1e3;new Date(e).valueOf()+a>new Date().valueOf()&&(this.nonprofitListDataController.data=o,this.nonprofitListDataController.loading=!1)}catch{}}get allowChange(){return this.selectionDataController.data==null&&!this.selectionDataController.loading}get allowSubmit(){return!!(this.selectedNonprofitId&&this.allowChange)}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...h("--beam-RedeemTransaction-title",{fontSize:"1.25em",fontWeight:"bold"}),...h("--beam-RedeemTransaction-description",{marginTop:"0.5em",lineHeight:"normal"}),...W,...F,"--beam-RedeemTransaction-maxWidth":"1000px","--beam-RedeemTransaction-submitButton-fontSize":"14px","--beam-RedeemTransaction-submitButton-fontWeight":"inherit","--beam-RedeemTransaction-submitButton-fontFamily":"inherit","--beam-RedeemTransaction-submitButton-textTransform":"uppercase","--beam-RedeemTransaction-submitButton-color":"#fff","--beam-RedeemTransaction-submitButton-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-borderRadius":"0px","--beam-RedeemTransaction-submitButton-borderColor":"#000000","--beam-RedeemTransaction-submitButton-padding":"16px 0px","--beam-RedeemTransaction-submitButton-width":"100%","--beam-RedeemTransaction-submitButton-marginTop":"10px","--beam-RedeemTransaction-submitButton-marginBottom":"10px","--beam-RedeemTransaction-submitButtonContainer-display":"flex","--beam-RedeemTransaction-submitButtonContainer-backgroundColor":"#fff","--beam-RedeemTransaction-submitButton-hover-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-hover-borderColor":"#000000","--beam-RedeemTransaction-submitButton-hover-color":"#fff","--beam-RedeemTransaction-submitButton-disabled-borderColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-backgroundColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-color":"#fff","--beam-RedeemTransaction-radioButton-color":"transparent","--beam-RedeemTransaction-radioButton-borderColor":"#707070","--beam-RedeemTransaction-radioButton-backgroundColor":"#fff","--beam-RedeemTransaction-radioButton-hover-color":"#fff","--beam-RedeemTransaction-radioButton-hover-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-hover-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-selected-color":"#fff","--beam-RedeemTransaction-options-minWidth":"0px","--beam-RedeemTransaction-options-columnCount":"1","--beam-RedeemTransaction-options-borderWidth":"1px","--beam-RedeemTransaction-options-image-borderRadius":"8px","--beam-RedeemTransaction-options-image-height":"70px","--beam-RedeemTransaction-options-image-height-mobile":"75px","--beam-RedeemTransaction-options-borderColor":"#d9d9d9","--beam-RedeemTransaction-options-backgroundColor":"transparent","--beam-RedeemTransaction-options-marginTop":"15px","--beam-RedeemTransaction-options-hover-backgroundColor":"#f1f1f1","--beam-RedeemTransaction-options-hover-borderWidth":".5px","--beam-RedeemTransaction-options-hover-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderWidth":".5px","--beam-RedeemTransaction-options-selected-backgroundColor":"#eee",...h("--beam-RedeemTransaction-options-details",{fontSize:"0.85em",marginTop:"0px",lineHeight:"normal",letterSpacing:"-0.45px"}),...h("--beam-RedeemTransaction-options-details-cause",{fontSize:"1em",fontWeight:"bold"}),"--beam-RedeemTransaction-options-details-nonprofitName-fontWeight":"normal","--beam-RedeemTransaction-options-details-nonprofitName-fontStyle":"inherit","--beam-RedeemTransaction-options-details-fundingProgress-marginTop":"3px",...h("--beam-RedeemTransaction-options-details-fundingProgressLabel",{fontSize:"0.85em",textTransform:"capitalize"}),"--beam-RedeemTransaction-cardStyle":"'image'","--beam-RedeemTransaction-options-icon-padding":"0px","--beam-RedeemTransaction-options-icon-backgroundColor":"#F3F3F3","--beam-RedeemTransaction-options-collapseNonprofits-mobile":"false","--beam-RedeemTransaction-options-collapseNonprofits-desktop":"false","--beam-RedeemTransaction-image-width":"13%","--beam-RedeemTransaction-image-height":"50%","--beam-RedeemTransaction-image-width-mobile":"16%",...U},o=this.nonprofitListDataController?.data?.config?.web?.theme||{},a={...e,...o};return Object.assign(Object.create({toCSS(){return N(this)}}),a)}handleChooseClick(){this.didUserExpandNonprofits=!0}get shouldCollapse(){const e=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-mobile"],o=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-desktop"],a=e?.toLowerCase()==="true",n=o?.toLowerCase()==="true";return this.isMobile&&a||!this.isMobile&&n}renderSubmitButton(e){return i`
+import{j as $,b as i,i as P,n as c,r as v,a as D,e as C,h as z,m as E}from"./lit-JRlupCB5.esm.js";import{d as I}from"./lodash-BSs6Il-c.esm.js";import{u as g,A as B,d as h,a as N,i as m,_ as x}from"./localize-Dg7NgKIP.esm.js";import{m as R,D as L,d as M,W as y,S as A}from"./routes-DSu5s3K7.esm.js";import{c as F,d as U,e as w,a as W}from"./enforce-config-DHnpgqSK.esm.js";import{_ as j}from"./loading-template-BFvXaTlD.esm.js";import{M as O,B as _}from"./beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as K}from"../utils/local-storage.esm.js";import{c as V}from"./css-card-grid-DixMt6ek.esm.js";import{c as H}from"./events-COWOQoLW.esm.js";import{p as q}from"./progress-bar-B82FOT8n.esm.js";import{partnerLogosConfigDefaults as G}from"../components/beam-partner-logos.esm.js";import{p as J}from"./promo-pill-label-D_4zJ7uy.esm.js";const Q=R("/v4/transaction","post"),X=R("/v4/transaction/redeem/{transactionId}","put"),Y=({height:t="1em",width:e="1em"}={})=>i`
+  <svg
+    style="${$({height:t,width:e,position:"relative",bottom:"0"})}"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+  >
+    <!-- Filled Circle -->
+    <circle cx="12" cy="12" r="10" fill="currentColor" />
+  </svg>
+`,b={en:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"Choose your impact",ctaPromoPrefixMessage:()=>"At no extra cost,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`select a nonprofit and ${t}% will be donated there for you.`,ctaMessage:({donationPercentage:t="1"}={})=>`At no extra cost, select a nonprofit and ${t}% will be donated there for you.`,submitButtonText:()=>"Confirm",submitButtonTextCompleted:()=>"Confirmed!",chooseButtonText:()=>"Choose a nonprofit"},fr:{beamAttribution:()=>"Optimis\xE9 par Beam",ctaTitle:()=>"Choisissez votre cause",ctaPromoPrefixMessage:()=>"Sans frais suppl\xE9mentaires,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`s\xE9lectionnez une association et ${t} % sera revers\xE9 en votre nom.`,ctaMessage:({donationPercentage:t="1"}={})=>`Sans frais suppl\xE9mentaires, choisissez une association et ${t} % de votre commande lui sera revers\xE9 en votre nom.`,submitButtonText:()=>"Confirmer",submitButtonTextCompleted:()=>"Confirm\xE9 !",chooseButtonText:()=>"Choisir une association"},de:{beamAttribution:()=>"Unterst\xFCtzt von Beam",ctaTitle:()=>"W\xE4hle deine Wirkung",ctaPromoPrefixMessage:()=>"Ohne zus\xE4tzliche Kosten,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`w\xE4hle eine gemeinn\xFCtzige Organisation und ${t}% werden in deinem Namen gespendet.`,ctaMessage:({donationPercentage:t="1"}={})=>`Ohne zus\xE4tzliche Kosten kannst du eine Organisation ausw\xE4hlen, und ${t}% deiner Bestellung werden gespendet.`,submitButtonText:()=>"Best\xE4tigen",submitButtonTextCompleted:()=>"Best\xE4tigt!",chooseButtonText:()=>"W\xE4hle eine Organisation"},es:{beamAttribution:()=>"Ofrecido por Beam",ctaTitle:()=>"Elige tu impacto",ctaPromoPrefixMessage:()=>"Sin coste adicional,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`elige una organizaci\xF3n y donaremos el ${t}% en tu nombre.`,ctaMessage:({donationPercentage:t="1"}={})=>`Sin coste adicional, elige una organizaci\xF3n sin \xE1nimo de lucro y donaremos el ${t}% de tu compra en tu nombre.`,submitButtonText:()=>"Confirmar",submitButtonTextCompleted:()=>"\xA1Confirmado!",chooseButtonText:()=>"Elige una organizaci\xF3n"},it:{beamAttribution:()=>"Promosso da Beam",ctaTitle:()=>"Scegli il tuo impatto",ctaPromoPrefixMessage:()=>"Senza costi aggiuntivi,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`scegli un'organizzazione e doneremo l\u2019${t}% per te.`,ctaMessage:({donationPercentage:t="1"}={})=>`Senza costi aggiuntivi, scegli un'organizzazione no profit e doneremo l\u2019${t}% del tuo acquisto a suo favore.`,submitButtonText:()=>"Conferma",submitButtonTextCompleted:()=>"Confermato!",chooseButtonText:()=>"Scegli un'organizzazione"},pl:{beamAttribution:()=>"Obs\u0142ugiwane przez Beam",ctaTitle:()=>"Wybierz sw\xF3j wp\u0142yw",ctaPromoPrefixMessage:()=>"Bez dodatkowych koszt\xF3w,",ctaPromoMessage:({donationPercentage:t="1"}={})=>`wybierz organizacj\u0119, a ${t}% zostanie przekazane w Twoim imieniu.`,ctaMessage:({donationPercentage:t="1"}={})=>`Bez dodatkowych koszt\xF3w mo\u017Cesz wybra\u0107 organizacj\u0119, kt\xF3rej przeka\u017Cemy ${t}% warto\u015Bci Twojego zam\xF3wienia w Twoim imieniu.`,submitButtonText:()=>"Potwierd\u017A",submitButtonTextCompleted:()=>"Potwierdzono!",chooseButtonText:()=>"Wybierz organizacj\u0119"},ja:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"\u5BC4\u4ED8\u5148\u3092\u304A\u9078\u3073\u304F\u3060\u3055\u3044\u3002",ctaPromoPrefixMessage:()=>"\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u3001",ctaPromoMessage:({donationPercentage:t="1"}={})=>`\u975E\u55B6\u5229\u56E3\u4F53\u3092\u9078\u3076\u3068\u3001${t}%\u304C\u305D\u306E\u56E3\u4F53\u306B\u5BC4\u4ED8\u3055\u308C\u307E\u3059\u3002`,ctaMessage:({donationPercentage:t="1"}={})=>`\u8FFD\u52A0\u8CBB\u7528\u306A\u3057\u3067\u975E\u55B6\u5229\u56E3\u4F53\u3092\u304A\u9078\u3073\u3044\u305F\u3060\u304F\u3068\u3001\u3054\u8CFC\u5165\u91D1\u984D\u306E${t}%\u304C\u5BC4\u4ED8\u3055\u308C\u307E\u3059\u3002`,submitButtonText:()=>"\u78BA\u8A8D\u3059\u308B",submitButtonTextCompleted:()=>"\u78BA\u8A8D\u6E08\u307F",chooseButtonText:()=>"\u975E\u55B6\u5229\u56E3\u4F53\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}};var Z=Object.defineProperty,d=(t,e,o,a)=>{for(var n=void 0,u=t.length-1,l;u>=0;u--)(l=t[u])&&(n=l(e,o,n)||n);return n&&Z(e,o,n),n};class r extends D{constructor(){super(...arguments),this.baseUrl=L,this.lang="en",this.debug=!1,this.draftConfig=!1,this.isMobile=window.innerWidth<768,this.didUserExpandNonprofits=!1,this.shouldUsePromoUI=!1,this.getChainNonprofits=async()=>{if(!this.hasCorrectTransactionConfig)throw new O;const e=await M({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId,postalCode:this.postalCode,countryCode:this.countryCode,transactionId:String(this.transactionId),cart:this.cart??void 0,widgetName:y.redeem_transaction,options:{config:{draftConfig:this.draftConfig}},version:"2.0.0",lang:this.configLang}});return e.store?.id&&e.store.id!==this.storeId&&(this.storeId=e.store.id),this.localStorage.setItemJson("chainNonprofits",{createdAt:new Date,data:e}),e},this.updateNonprofitIdForRecord=async({selectedNonprofitId:e})=>this.transactionId?this.putTransaction({selectedNonprofitId:e}):null,this.putTransaction=async({selectedNonprofitId:e})=>(w(["apiKey","transactionId"],this),X({baseUrl:this.baseUrl,apiRoot:"/api",headers:{authorization:`Api-Key ${this.apiKey}`},pathParams:{transactionId:this.transactionId},requestBody:{nonprofitId:e}})),this.nonprofitListDataController=new B(this,this.getChainNonprofits),this.selectionDataController=new B(this,this.updateNonprofitIdForRecord),this.localStorage=K(this),this.makeHandleSelect=(e,o,a)=>async n=>{if(!this.allowChange)return;const u=this.selectedNonprofitId;if(n instanceof KeyboardEvent){let l=null;switch(n.key){case"ArrowUp":case"ArrowLeft":o===0?l=a[a.length-1]:l=a[o-1],n.preventDefault();break;case"ArrowRight":case"ArrowDown":o===a.length-1?l=a[0]:l=a[o+1],n.preventDefault();break;case"Enter":case" ":n.preventDefault();break;default:return}if(l){const p=this.renderRoot.querySelector(`[data-value="${l.nonprofit.id}"]`);p!==null&&(p.tabIndex=0,p.focus());return}}if(n.currentTarget instanceof HTMLElement){if(u===e)return;this.selectedNonprofitId=e}},this.handleSubmit=async()=>{const{selectedNonprofitId:e}=this;if(!this.allowSubmit||e==null)return;await this.selectionDataController.exec({selectedNonprofitId:e}),this.localStorage.setItem("nonprofit",e),this.localStorage.setItem("nonprofit_selected_at",new Date().toISOString());const o=this.nonprofitListDataController?.data?.nonprofits.find(a=>a.nonprofit.id===e);this.dispatchEvent(new H({selectedNonprofitId:e,nonprofitName:o?.nonprofit.name,source:y.redeem_transaction,timestamp:new Date}))},this.evaluateBreakPoints=I(()=>{this.isMobile=window.innerWidth<768},50,{maxWait:50,leading:!0})}get configLang(){return A[this.lang]||"en"}get hasCorrectTransactionConfig(){return W(["apiKey","transactionId"],this)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.evaluateBreakPoints)}async firstUpdated(e){await this.restoreStateFromCache()}async updated(e){const o=["baseUrl","storeId","apiKey","countryCode","postalCode","lang"];for(const a of o)if(e.has(a)){await this.nonprofitListDataController.exec();break}}disconnectedCallback(){super.disconnectedCallback()}restoreStateFromCache(){w(["apiKey"],this),this.selectedNonprofitId=parseInt(this.localStorage.getItem("nonprofit")||"")||void 0;try{const{createdAt:e=0,data:o}=this.localStorage.getItemJson("chainNonprofits")||{},a=7200*1e3;new Date(e).valueOf()+a>new Date().valueOf()&&(this.nonprofitListDataController.data=o,this.nonprofitListDataController.loading=!1)}catch{}}get allowChange(){return this.selectionDataController.data==null&&!this.selectionDataController.loading}get allowSubmit(){return!!(this.selectedNonprofitId&&this.allowChange)}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...h("--beam-RedeemTransaction-title",{fontSize:"1.25em",fontWeight:"bold"}),...h("--beam-RedeemTransaction-description",{marginTop:"0.5em",lineHeight:"normal"}),...G,...q,"--beam-RedeemTransaction-maxWidth":"1000px","--beam-RedeemTransaction-submitButton-fontSize":"14px","--beam-RedeemTransaction-submitButton-fontWeight":"inherit","--beam-RedeemTransaction-submitButton-fontFamily":"inherit","--beam-RedeemTransaction-submitButton-textTransform":"uppercase","--beam-RedeemTransaction-submitButton-color":"#fff","--beam-RedeemTransaction-submitButton-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-borderRadius":"0px","--beam-RedeemTransaction-submitButton-borderColor":"#000000","--beam-RedeemTransaction-submitButton-padding":"16px 0px","--beam-RedeemTransaction-submitButton-width":"100%","--beam-RedeemTransaction-submitButton-marginTop":"10px","--beam-RedeemTransaction-submitButton-marginBottom":"10px","--beam-RedeemTransaction-submitButtonContainer-display":"flex","--beam-RedeemTransaction-submitButtonContainer-backgroundColor":"#fff","--beam-RedeemTransaction-submitButton-hover-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-hover-borderColor":"#000000","--beam-RedeemTransaction-submitButton-hover-color":"#fff","--beam-RedeemTransaction-submitButton-disabled-borderColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-backgroundColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-color":"#fff","--beam-RedeemTransaction-radioButton-color":"transparent","--beam-RedeemTransaction-radioButton-borderColor":"#707070","--beam-RedeemTransaction-radioButton-backgroundColor":"#fff","--beam-RedeemTransaction-radioButton-hover-color":"#fff","--beam-RedeemTransaction-radioButton-hover-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-hover-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-selected-color":"#fff","--beam-RedeemTransaction-options-minWidth":"0px","--beam-RedeemTransaction-options-columnCount":"1","--beam-RedeemTransaction-options-borderWidth":"1px","--beam-RedeemTransaction-options-image-borderRadius":"8px","--beam-RedeemTransaction-options-image-height":"70px","--beam-RedeemTransaction-options-image-height-mobile":"75px","--beam-RedeemTransaction-options-borderColor":"#d9d9d9","--beam-RedeemTransaction-options-backgroundColor":"transparent","--beam-RedeemTransaction-options-marginTop":"15px","--beam-RedeemTransaction-options-hover-backgroundColor":"#f1f1f1","--beam-RedeemTransaction-options-hover-borderWidth":".5px","--beam-RedeemTransaction-options-hover-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderWidth":".5px","--beam-RedeemTransaction-options-selected-backgroundColor":"#eee",...h("--beam-RedeemTransaction-options-details",{fontSize:"0.85em",marginTop:"0px",lineHeight:"normal",letterSpacing:"-0.45px"}),...h("--beam-RedeemTransaction-options-details-cause",{fontSize:"1em",fontWeight:"bold"}),"--beam-RedeemTransaction-options-details-nonprofitName-fontWeight":"normal","--beam-RedeemTransaction-options-details-nonprofitName-fontStyle":"inherit","--beam-RedeemTransaction-options-details-fundingProgress-marginTop":"3px",...h("--beam-RedeemTransaction-options-details-fundingProgressLabel",{fontSize:"0.85em",textTransform:"capitalize"}),"--beam-RedeemTransaction-cardStyle":"'image'","--beam-RedeemTransaction-options-icon-padding":"0px","--beam-RedeemTransaction-options-icon-backgroundColor":"#F3F3F3","--beam-RedeemTransaction-options-collapseNonprofits-mobile":"false","--beam-RedeemTransaction-options-collapseNonprofits-desktop":"false","--beam-RedeemTransaction-image-width":"13%","--beam-RedeemTransaction-image-height":"50%","--beam-RedeemTransaction-image-width-mobile":"16%",...J},o=this.nonprofitListDataController?.data?.config?.web?.theme||{},a={...e,...o};return Object.assign(Object.create({toCSS(){return N(this)}}),a)}handleChooseClick(){this.didUserExpandNonprofits=!0}get shouldCollapse(){const e=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-mobile"],o=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-desktop"],a=e?.toLowerCase()==="true",n=o?.toLowerCase()==="true";return this.isMobile&&a||!this.isMobile&&n}renderSubmitButton(e){return i`
       ${this.didUserExpandNonprofits||!this.shouldCollapse?i` <button
             type="button"
             ?aria-disabled=${!this.allowSubmit}
@@ -30,7 +30,7 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
     `}renderNonprofitImage(e,o){const a=this.cssVariables["--beam-RedeemTransaction-cardStyle"],n=o?a==="'icon'"?e.nonprofit.causeIconUrl:a==="'selected_icon'"?e.nonprofit.causeIconSelectedUrl:e.imageUrl:e.imageUrl;return i`
       ${o?i` <div class="icon-container">
             <div class="icon-background">
-              <img src="${n}" alt="" role="presentation" class="icon" />
+              <img src="${n}" alt="" data-speedsize-ignore="true" role="presentation" class="icon" />
             </div>
           </div>`:i` <div
             class="image-container"
@@ -40,6 +40,7 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
               src="${n}"
               alt=""
               role="presentation"
+              data-speedsize-ignore="true"
               class="image"
               style="
             width: 100%;
@@ -67,7 +68,7 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
       </div>
     `}renderPromoPill(e,o,a){return i`
       ${e.promo?.isActive&&this.shouldUsePromoUI&&o?i`<beam-promo-info-pill .promo=${a?.config?.web?.promo} shortVersion></beam-promo-info-pill>`:i``}
-    `}render(){const{selectedNonprofitId:e}=this,{data:o,loading:a}=this.nonprofitListDataController;if(a&&!o)return K();if(this.nonprofitListDataController.error)return this.debug?x({error:this.nonprofitListDataController.error}):"";if(this.selectionDataController.error&&this.debug)return x({error:this.selectionDataController.error});if(o==null)return this.debug?x({error:new H("No data")}):"";const n=o?.nonprofits||[],u=n.find(s=>s.nonprofit.id===e)||null,l=this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'icon'"||this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'selected_icon'",p=o?.config?.web?.promo;this.shouldUsePromoUI=!!p;const k=n.some(s=>!s.promo||!s.promo.isActive);return i`
+    `}render(){const{selectedNonprofitId:e}=this,{data:o,loading:a}=this.nonprofitListDataController;if(a&&!o)return j();if(this.nonprofitListDataController.error)return this.debug?x({error:this.nonprofitListDataController.error}):"";if(this.selectionDataController.error&&this.debug)return x({error:this.selectionDataController.error});if(o==null)return this.debug?x({error:new _("No data")}):"";const n=o?.nonprofits||[],u=n.find(s=>s.nonprofit.id===e)||null,l=this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'icon'"||this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'selected_icon'",p=o?.config?.web?.promo;this.shouldUsePromoUI=!!p;const k=n.some(s=>!s.promo||!s.promo.isActive);return i`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -155,7 +156,7 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
           part="logos"
         ></beam-partner-logos>
       </div>
-    `}}r.tagName="beam-redeem-transaction",r.styles=[O,P`
+    `}}r.tagName="beam-redeem-transaction",r.styles=[F,P`
       :host {
         display: block;
         max-width: var(--beam-RedeemTransaction-maxWidth);
@@ -192,7 +193,10 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
         border-radius: var(--beam-RedeemTransaction-submitButton-borderRadius);
         padding: var(--beam-RedeemTransaction-submitButton-padding);
         width: var(--beam-RedeemTransaction-submitButton-width);
-        transition: background-color 0.2s, border-color 0.2s, color 0.2s;
+        transition:
+          background-color 0.2s,
+          border-color 0.2s,
+          color 0.2s;
         cursor: pointer;
       }
 
@@ -226,7 +230,10 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
         border-bottom: none;
         background-color: var(--beam-RedeemTransaction-options-backgroundColor);
         cursor: pointer;
-        transition: border-color 0.2s, background-color 0.2s, outline 0.2s;
+        transition:
+          border-color 0.2s,
+          background-color 0.2s,
+          outline 0.2s;
       }
 
       .option:first-child {
@@ -282,7 +289,10 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
       .option .radioButton {
         border-width: 1px;
         border-style: solid;
-        transition: background-color 0.2s, color 0.2s, border-color 0.2s;
+        transition:
+          background-color 0.2s,
+          color 0.2s,
+          border-color 0.2s;
         color: var(--beam-RedeemTransaction-radioButton-color);
         background-color: var(--beam-RedeemTransaction-radioButton-backgroundColor);
         border-color: var(--beam-RedeemTransaction-radioButton-borderColor);
@@ -385,5 +395,5 @@ import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as z,u as E}from"./lit
         justify-content: center;
         align-items: center;
       }
-    `,G({gap:"0px",itemMinWidth:"var(--beam-RedeemTransaction-options-minWidth, 0px)",columnCount:"var(--beam-RedeemTransaction-options-columnCount, 1)"})],d([c({type:String})],r.prototype,"baseUrl"),d([c({type:String})],r.prototype,"apiKey"),d([c({type:Number})],r.prototype,"transactionId"),d([c({type:Number})],r.prototype,"storeId"),d([c({type:String})],r.prototype,"countryCode"),d([c({type:String})],r.prototype,"postalCode"),d([c({type:Object})],r.prototype,"cart"),d([c({type:Number,reflect:!0})],r.prototype,"selectedNonprofitId"),d([c({type:String})],r.prototype,"lang"),d([c({type:Boolean})],r.prototype,"debug"),d([c({type:Boolean})],r.prototype,"draftConfig"),d([v()],r.prototype,"isMobile"),d([v()],r.prototype,"didUserExpandNonprofits"),d([v()],r.prototype,"shouldUsePromoUI"),j(r);export{r as B,Q as p};
-//# sourceMappingURL=index-DvhxjeiK.esm.js.map
+    `,V({gap:"0px",itemMinWidth:"var(--beam-RedeemTransaction-options-minWidth, 0px)",columnCount:"var(--beam-RedeemTransaction-options-columnCount, 1)"})],d([c({type:String})],r.prototype,"baseUrl"),d([c({type:String})],r.prototype,"apiKey"),d([c({type:Number})],r.prototype,"transactionId"),d([c({type:Number})],r.prototype,"storeId"),d([c({type:String})],r.prototype,"countryCode"),d([c({type:String})],r.prototype,"postalCode"),d([c({type:Object})],r.prototype,"cart"),d([c({type:Number,reflect:!0})],r.prototype,"selectedNonprofitId"),d([c({type:String})],r.prototype,"lang"),d([c({type:Boolean})],r.prototype,"debug"),d([c({type:Boolean})],r.prototype,"draftConfig"),d([v()],r.prototype,"isMobile"),d([v()],r.prototype,"didUserExpandNonprofits"),d([v()],r.prototype,"shouldUsePromoUI"),U(r);export{r as B,Q as p};
+//# sourceMappingURL=index-UMeAzKTG.esm.js.map

package/dist/chunks/index-UMeAzKTG.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-UMeAzKTG.esm.js","sources":["../../src/api-sdk/v4/routes.ts","../../src/shared/fragments/radioButton.ts","../../src/components/redeem-transaction/strings.ts","../../src/components/redeem-transaction/index.ts"],"sourcesContent":["import { makeOpenApiMethod } from \"../make-openapi-method\";\n\nexport const postTransaction = makeOpenApiMethod(\"/v4/transaction\", \"post\", 201);\n\nexport const putTransaction = makeOpenApiMethod(\"/v4/transaction/redeem/{transactionId}\", \"put\", 200);\n","import { html } from \"lit\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nexport const _radioButton = ({ height = \"1em\", width = \"1em\" } = {}) => html`\n  <svg\n    style=\"${styleMap({ height, width, position: \"relative\", bottom: \"0\" })}\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n  >\n    <!-- Filled Circle -->\n    <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"currentColor\" />\n  </svg>\n`;\n","export const strings = {\n  en: {\n    beamAttribution: () => `Powered by Beam`,\n    ctaTitle: () => `Choose your impact`,\n    ctaPromoPrefixMessage: () => `At no extra cost,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `select a nonprofit and ${donationPercentage}% will be donated there for you.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `At no extra cost, select a nonprofit and ${donationPercentage}% will be donated there for you.`,\n    submitButtonText: () => `Confirm`,\n    submitButtonTextCompleted: () => `Confirmed!`,\n    chooseButtonText: () => `Choose a nonprofit`,\n  },\n  fr: {\n    beamAttribution: () => `Optimisé par Beam`,\n    ctaTitle: () => `Choisissez votre cause`,\n    ctaPromoPrefixMessage: () => `Sans frais supplémentaires,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `sélectionnez une association et ${donationPercentage} % sera reversé en votre nom.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sans frais supplémentaires, choisissez une association et ${donationPercentage} % de votre commande lui sera reversé en votre nom.`,\n    submitButtonText: () => `Confirmer`,\n    submitButtonTextCompleted: () => `Confirmé !`,\n    chooseButtonText: () => `Choisir une association`,\n  },\n  de: {\n    beamAttribution: () => `Unterstützt von Beam`,\n    ctaTitle: () => `Wähle deine Wirkung`,\n    ctaPromoPrefixMessage: () => `Ohne zusätzliche Kosten,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wähle eine gemeinnützige Organisation und ${donationPercentage}% werden in deinem Namen gespendet.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Ohne zusätzliche Kosten kannst du eine Organisation auswählen, und ${donationPercentage}% deiner Bestellung werden gespendet.`,\n    submitButtonText: () => `Bestätigen`,\n    submitButtonTextCompleted: () => `Bestätigt!`,\n    chooseButtonText: () => `Wähle eine Organisation`,\n  },\n  es: {\n    beamAttribution: () => `Ofrecido por Beam`,\n    ctaTitle: () => `Elige tu impacto`,\n    ctaPromoPrefixMessage: () => `Sin coste adicional,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `elige una organización y donaremos el ${donationPercentage}% en tu nombre.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Sin coste adicional, elige una organización sin ánimo de lucro y donaremos el ${donationPercentage}% de tu compra en tu nombre.`,\n    submitButtonText: () => `Confirmar`,\n    submitButtonTextCompleted: () => `¡Confirmado!`,\n    chooseButtonText: () => `Elige una organización`,\n  },\n  it: {\n    beamAttribution: () => `Promosso da Beam`,\n    ctaTitle: () => `Scegli il tuo impatto`,\n    ctaPromoPrefixMessage: () => `Senza costi aggiuntivi,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `scegli un'organizzazione e doneremo l’${donationPercentage}% per te.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Senza costi aggiuntivi, scegli un'organizzazione no profit e doneremo l’${donationPercentage}% del tuo acquisto a suo favore.`,\n    submitButtonText: () => `Conferma`,\n    submitButtonTextCompleted: () => `Confermato!`,\n    chooseButtonText: () => `Scegli un'organizzazione`,\n  },\n  pl: {\n    beamAttribution: () => `Obsługiwane przez Beam`,\n    ctaTitle: () => `Wybierz swój wpływ`,\n    ctaPromoPrefixMessage: () => `Bez dodatkowych kosztów,`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `wybierz organizację, a ${donationPercentage}% zostanie przekazane w Twoim imieniu.`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `Bez dodatkowych kosztów możesz wybrać organizację, której przekażemy ${donationPercentage}% wartości Twojego zamówienia w Twoim imieniu.`,\n    submitButtonText: () => `Potwierdź`,\n    submitButtonTextCompleted: () => `Potwierdzono!`,\n    chooseButtonText: () => `Wybierz organizację`,\n  },\n  ja: {\n    beamAttribution: () => `Powered by Beam`,\n    ctaTitle: () => `寄付先をお選びください。`,\n    ctaPromoPrefixMessage: () => `追加費用なしで、`,\n    ctaPromoMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `非営利団体を選ぶと、${donationPercentage}%がその団体に寄付されます。`,\n    ctaMessage: ({ donationPercentage = \"1\" } = {}) =>\n      `追加費用なしで非営利団体をお選びいただくと、ご購入金額の${donationPercentage}%が寄付されます。`,\n    submitButtonText: () => `確認する`,\n    submitButtonTextCompleted: () => `確認済み`,\n    chooseButtonText: () => `非営利団体を選択してください`,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { repeat } from \"lit/directives/repeat.js\";\nimport { property } from \"lit/decorators/property.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { enforceConfig, areRequiredKeysDefined } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport { TCart } from \"../../shared/cart-contents\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { postChainEligibleNonprofitsForCart } from \"../../api-sdk/v3/routes\";\nimport { putTransaction } from \"../../api-sdk/v4/routes\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { promoPillLabelConfigDefaults } from \"../../shared/components/promo-pill-label\";\nimport { _radioButton } from \"../../shared/fragments/radioButton\";\nimport { strings } from \"./strings\";\n\ninterface TRequiredConfig {\n  apiKey: string;\n  transactionId: TId;\n}\n\ntype TIAPIV3GetChainNonprofits = Awaited<ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>>;\ntype TIAPIV3EligibleNonprofits = Awaited<\n  ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>\n>[\"nonprofits\"];\ntype TIAPIV3Nonprofit = TIAPIV3EligibleNonprofits[number];\nexport class BeamRedeemTransaction extends LitElement {\n  static tagName = \"beam-redeem-transaction\";\n\n  @property({ type: String }) public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public apiKey?: TRequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public transactionId?: TRequiredConfig[\"transactionId\"];\n\n  @property({ type: Number }) public storeId?: TNumericId;\n\n  @property({ type: String }) public countryCode?: string;\n\n  @property({ type: String }) public postalCode?: string;\n\n  @property({ type: Object }) public cart?: TCart;\n\n  @property({ type: Number, reflect: true })\n  public selectedNonprofitId?: TNumericId;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  @state() private isMobile = window.innerWidth < 768;\n\n  @state() private didUserExpandNonprofits = false;\n\n  @state() private shouldUsePromoUI = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private get hasCorrectTransactionConfig(): boolean {\n    const requiredKeys: (keyof TRequiredConfig)[] = [\"apiKey\", \"transactionId\"];\n    const isTransactionConfigCorrect = areRequiredKeysDefined(requiredKeys, this);\n    return isTransactionConfigCorrect;\n  }\n\n  private getChainNonprofits = async () => {\n    if (!this.hasCorrectTransactionConfig) {\n      throw new MissingConfig();\n    }\n\n    const res = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      headers: { authorization: `Api-Key ${this.apiKey}` },\n      requestBody: {\n        storeId: this.storeId,\n        postalCode: this.postalCode,\n        countryCode: this.countryCode,\n        transactionId: String(this.transactionId),\n        cart: this.cart ?? undefined,\n        widgetName: WIDGET_NAMES.redeem_transaction,\n        options: {\n          config: {\n            draftConfig: this.draftConfig,\n          },\n        },\n        version: \"2.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    // If store ID was not provided, get the store ID from response here\n    if (res.store?.id && res.store.id !== this.storeId) {\n      this.storeId = res.store.id;\n    }\n\n    this.localStorage.setItemJson(\"chainNonprofits\", {\n      createdAt: new Date(),\n      data: res,\n    });\n\n    return res;\n  };\n\n  private updateNonprofitIdForRecord = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId }) => {\n    if (this.transactionId) {\n      return this.putTransaction({ selectedNonprofitId });\n    }\n    return null;\n  };\n  private putTransaction = async ({ selectedNonprofitId }: { selectedNonprofitId: TNumericId }) => {\n    if (!enforceConfig<TRequiredConfig>([\"apiKey\", \"transactionId\"], this)) {\n      throw new MissingConfig();\n    }\n    return putTransaction({\n      baseUrl: this.baseUrl,\n      apiRoot: \"/api\",\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      pathParams: {\n        transactionId: this.transactionId,\n      },\n      requestBody: {\n        nonprofitId: selectedNonprofitId,\n      },\n    });\n  };\n\n  private nonprofitListDataController = new AsyncController<typeof this.getChainNonprofits>(\n    this,\n    this.getChainNonprofits,\n  );\n\n  private selectionDataController = new AsyncController<typeof this.updateNonprofitIdForRecord>(\n    this,\n    this.updateNonprofitIdForRecord,\n  );\n\n  private localStorage = createScopedLocalStorage(this as LitElement & TRequiredConfig);\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.evaluateBreakPoints);\n  }\n\n  async firstUpdated(_changedProperties: PropertyValues) {\n    await this.restoreStateFromCache();\n  }\n\n  async updated(previousPropertyValues: PropertyValues) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"countryCode\", \"postalCode\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (previousPropertyValues.has(prop)) {\n        await this.nonprofitListDataController.exec();\n        break;\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n  }\n\n  private restoreStateFromCache() {\n    if (!enforceConfig<TRequiredConfig>([\"apiKey\"], this)) throw new MissingConfig();\n\n    this.selectedNonprofitId = parseInt(this.localStorage.getItem(\"nonprofit\") || \"\") || undefined;\n    try {\n      // try to restore nonprofit list if we have data and it's not too old\n      // list will continue to refresh async and replace this data when ready\n      const { createdAt = 0, data } =\n        this.localStorage.getItemJson<{ createdAt: string; data: any }>(\"chainNonprofits\") || {};\n      const cacheTtl = 2 * 60 * 60 * 1000;\n      if (new Date(createdAt).valueOf() + cacheTtl > new Date().valueOf()) {\n        this.nonprofitListDataController.data = data;\n        this.nonprofitListDataController.loading = false;\n      }\n    } catch (err) {\n      // ignore cache retrieval error and continue to fetch data\n    }\n  }\n\n  /**\n   * Factory for selection event handler\n   *\n   * Nonprofit selector implements radio-button semantics:\n   * * If nothing is selected, tabbing into selector selects first card\n   * * Arrow keys changes focus between cards, but doesn't select\n   * * Enter/Space sets selection\n   * * If a nonprofit is selected, arrow keys change focus AND selection\n   * * Click sets selection\n   * @param {number} id\n   * @param {number} index\n   * @param {{id: number}[]} nonprofits\n   * @returns {(evt: Event) => void}\n   */\n  private makeHandleSelect =\n    (id: number, index: number, nonprofits: { nonprofit: { id: number } }[]): ((event: Event) => void) =>\n    async (event: Event) => {\n      if (!this.allowChange) return;\n      const currentId = this.selectedNonprofitId;\n      if (event instanceof KeyboardEvent) {\n        let nextFocus = null;\n        switch (event.key) {\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            if (index === 0) {\n              nextFocus = nonprofits[nonprofits.length - 1];\n            } else {\n              nextFocus = nonprofits[index - 1];\n            }\n            event.preventDefault();\n            break;\n          case \"ArrowRight\":\n          case \"ArrowDown\":\n            if (index === nonprofits.length - 1) {\n              nextFocus = nonprofits[0];\n            } else {\n              nextFocus = nonprofits[index + 1];\n            }\n            event.preventDefault();\n            break;\n          case \"Enter\":\n          case \" \":\n            event.preventDefault();\n            break; // continue to toggle-selection block below\n          default:\n            return;\n        }\n        if (nextFocus) {\n          const focusTarget = this.renderRoot.querySelector(`[data-value=\"${nextFocus.nonprofit.id}\"]`) as HTMLElement;\n          if (focusTarget !== null) {\n            focusTarget.tabIndex = 0;\n            focusTarget.focus();\n          }\n          return;\n        }\n      }\n      // Handle selection with click or Enter/Space key\n      const targetEl = event.currentTarget;\n      if (targetEl instanceof HTMLElement) {\n        if (currentId === id) {\n          // this[\"selected-nonprofit-id\"] = undefined; // unset (not supported)\n          return; // no API call or localStorage change needed\n        } else {\n          this.selectedNonprofitId = id;\n        }\n      }\n    };\n\n  get allowChange() {\n    // Disallow change if already submitted\n    return this.selectionDataController.data == null && !this.selectionDataController.loading;\n  }\n\n  get allowSubmit() {\n    // Disabled if no nonprofit has been selected yet or if submission was already received\n    return Boolean(this.selectedNonprofitId && this.allowChange);\n  }\n\n  handleSubmit = async () => {\n    const { selectedNonprofitId } = this;\n    if (!this.allowSubmit || selectedNonprofitId == null) return;\n    await this.selectionDataController.exec({ selectedNonprofitId });\n\n    this.localStorage.setItem(\"nonprofit\", selectedNonprofitId);\n    this.localStorage.setItem(\"nonprofit_selected_at\", new Date().toISOString());\n\n    const selectedNonprofit = this.nonprofitListDataController?.data?.nonprofits.find(\n      (np) => np.nonprofit.id === selectedNonprofitId,\n    );\n\n    this.dispatchEvent(\n      new BeamNonprofitSelectEvent({\n        selectedNonprofitId,\n        nonprofitName: selectedNonprofit?.nonprofit.name,\n        source: WIDGET_NAMES.redeem_transaction,\n        timestamp: new Date(),\n      }),\n    );\n  };\n\n  evaluateBreakPoints = debounce(\n    () => {\n      this.isMobile = window.innerWidth < 768;\n    },\n    50,\n    { maxWait: 50, leading: true },\n  );\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-RedeemTransaction-title\", {\n        fontSize: \"1.25em\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-RedeemTransaction-description\", {\n        marginTop: \"0.5em\",\n        lineHeight: \"normal\",\n      }),\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-RedeemTransaction-maxWidth\": \"1000px\",\n      \"--beam-RedeemTransaction-submitButton-fontSize\": \"14px\",\n      \"--beam-RedeemTransaction-submitButton-fontWeight\": \"inherit\",\n      \"--beam-RedeemTransaction-submitButton-fontFamily\": \"inherit\",\n      \"--beam-RedeemTransaction-submitButton-textTransform\": \"uppercase\",\n      \"--beam-RedeemTransaction-submitButton-color\": \"#fff\",\n      \"--beam-RedeemTransaction-submitButton-backgroundColor\": \"#000000\",\n      \"--beam-RedeemTransaction-submitButton-borderRadius\": \"0px\",\n      \"--beam-RedeemTransaction-submitButton-borderColor\": \"#000000\",\n      \"--beam-RedeemTransaction-submitButton-padding\": \"16px 0px\",\n      \"--beam-RedeemTransaction-submitButton-width\": \"100%\",\n      \"--beam-RedeemTransaction-submitButton-marginTop\": \"10px\",\n      \"--beam-RedeemTransaction-submitButton-marginBottom\": \"10px\",\n      \"--beam-RedeemTransaction-submitButtonContainer-display\": \"flex\",\n      \"--beam-RedeemTransaction-submitButtonContainer-backgroundColor\": \"#fff\",\n      \"--beam-RedeemTransaction-submitButton-hover-backgroundColor\": \"#000000\",\n      \"--beam-RedeemTransaction-submitButton-hover-borderColor\": \"#000000\",\n      \"--beam-RedeemTransaction-submitButton-hover-color\": \"#fff\",\n      \"--beam-RedeemTransaction-submitButton-disabled-borderColor\": \"#767676\",\n      \"--beam-RedeemTransaction-submitButton-disabled-backgroundColor\": \"#767676\",\n      \"--beam-RedeemTransaction-submitButton-disabled-color\": \"#fff\",\n      \"--beam-RedeemTransaction-radioButton-color\": \"transparent\",\n      \"--beam-RedeemTransaction-radioButton-borderColor\": \"#707070\",\n      \"--beam-RedeemTransaction-radioButton-backgroundColor\": \"#fff\",\n      \"--beam-RedeemTransaction-radioButton-hover-color\": \"#fff\",\n      \"--beam-RedeemTransaction-radioButton-hover-backgroundColor\": \"#000\",\n      \"--beam-RedeemTransaction-radioButton-hover-borderColor\": \"#000\",\n      \"--beam-RedeemTransaction-radioButton-selected-borderColor\": \"#000\",\n      \"--beam-RedeemTransaction-radioButton-selected-backgroundColor\": \"#000\",\n      \"--beam-RedeemTransaction-radioButton-selected-color\": \"#fff\",\n      \"--beam-RedeemTransaction-options-minWidth\": \"0px\",\n      \"--beam-RedeemTransaction-options-columnCount\": \"1\",\n      \"--beam-RedeemTransaction-options-borderWidth\": \"1px\",\n      \"--beam-RedeemTransaction-options-image-borderRadius\": \"8px\",\n      \"--beam-RedeemTransaction-options-image-height\": \"70px\",\n      \"--beam-RedeemTransaction-options-image-height-mobile\": \"75px\",\n      \"--beam-RedeemTransaction-options-borderColor\": \"#d9d9d9\",\n      \"--beam-RedeemTransaction-options-backgroundColor\": \"transparent\",\n      \"--beam-RedeemTransaction-options-marginTop\": \"15px\",\n      \"--beam-RedeemTransaction-options-hover-backgroundColor\": \"#f1f1f1\",\n      \"--beam-RedeemTransaction-options-hover-borderWidth\": \".5px\",\n      \"--beam-RedeemTransaction-options-hover-borderColor\": \"#000000\",\n      \"--beam-RedeemTransaction-options-selected-borderColor\": \"#000000\",\n      \"--beam-RedeemTransaction-options-selected-borderWidth\": \".5px\",\n      \"--beam-RedeemTransaction-options-selected-backgroundColor\": \"#eee\",\n      ...defineCustomText(\"--beam-RedeemTransaction-options-details\", {\n        fontSize: \"0.85em\",\n        marginTop: \"0px\",\n        lineHeight: \"normal\",\n        letterSpacing: \"-0.45px\",\n      }),\n      ...defineCustomText(\"--beam-RedeemTransaction-options-details-cause\", {\n        fontSize: \"1em\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-RedeemTransaction-options-details-nonprofitName-fontWeight\": \"normal\",\n      \"--beam-RedeemTransaction-options-details-nonprofitName-fontStyle\": \"inherit\",\n      \"--beam-RedeemTransaction-options-details-fundingProgress-marginTop\": \"3px\", // update after class name addition\n      ...defineCustomText(\"--beam-RedeemTransaction-options-details-fundingProgressLabel\", {\n        fontSize: \"0.85em\",\n        textTransform: \"capitalize\",\n      }),\n      \"--beam-RedeemTransaction-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-RedeemTransaction-options-icon-padding\": \"0px\",\n      \"--beam-RedeemTransaction-options-icon-backgroundColor\": \"#F3F3F3\",\n      \"--beam-RedeemTransaction-options-collapseNonprofits-mobile\": \"false\",\n      \"--beam-RedeemTransaction-options-collapseNonprofits-desktop\": \"false\",\n      \"--beam-RedeemTransaction-image-width\": \"13%\",\n      \"--beam-RedeemTransaction-image-height\": \"50%\",\n      \"--beam-RedeemTransaction-image-width-mobile\": \"16%\",\n      ...promoPillLabelConfigDefaults,\n    };\n\n    const remoteConfig = this.nonprofitListDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        max-width: var(--beam-RedeemTransaction-maxWidth);\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n\n      .headerContainer {\n        align-items: flex-start;\n        justify-content: space-between;\n        display: flex;\n        order: 2;\n      }\n\n      .submitButtonContainer {\n        margin-top: var(--beam-RedeemTransaction-submitButton-marginTop);\n        margin-bottom: var(--beam-RedeemTransaction-submitButton-marginBottom);\n        background-color: var(--beam-RedeemTransaction-submitButtonContainer-backgroundColor);\n        display: var(--beam-RedeemTransaction-submitButtonContainer-display);\n      }\n\n      .submitButton {\n        color: var(--beam-RedeemTransaction-submitButton-color);\n        background-color: var(--beam-RedeemTransaction-submitButton-backgroundColor);\n        border: 1px solid var(--beam-RedeemTransaction-submitButton-borderColor);\n        font-size: var(--beam-RedeemTransaction-submitButton-fontSize);\n        font-weight: var(--beam-RedeemTransaction-submitButton-fontWeight);\n        font-family: var(--beam-RedeemTransaction-submitButton-fontFamily);\n        text-transform: var(--beam-RedeemTransaction-submitButton-textTransform);\n        border-radius: var(--beam-RedeemTransaction-submitButton-borderRadius);\n        padding: var(--beam-RedeemTransaction-submitButton-padding);\n        width: var(--beam-RedeemTransaction-submitButton-width);\n        transition:\n          background-color 0.2s,\n          border-color 0.2s,\n          color 0.2s;\n        cursor: pointer;\n      }\n\n      .submitButton:not(.isDisabled):focus-visible,\n      .submitButton:not(.isDisabled):hover {\n        background-color: var(--beam-RedeemTransaction-submitButton-hover-backgroundColor);\n        border-color: var(--beam-RedeemTransaction-submitButton-hover-borderColor);\n        color: var(--beam-RedeemTransaction-submitButton-hover-color);\n      }\n\n      .submitButton.isDisabled {\n        color: var(--beam-RedeemTransaction-submitButton-disabled-color);\n        background-color: var(--beam-RedeemTransaction-submitButton-disabled-backgroundColor);\n        border-color: var(--beam-RedeemTransaction-submitButton-disabled-borderColor);\n        cursor: not-allowed;\n      }\n\n      .options {\n        margin-top: var(--beam-RedeemTransaction-options-marginTop);\n        order: 3;\n        flex-grow: 1;\n      }\n\n      .options.isHidden {\n        display: none;\n      }\n\n      .option {\n        border: var(--beam-RedeemTransaction-options-borderWidth) solid\n          var(--beam-RedeemTransaction-options-borderColor);\n        border-bottom: none;\n        background-color: var(--beam-RedeemTransaction-options-backgroundColor);\n        cursor: pointer;\n        transition:\n          border-color 0.2s,\n          background-color 0.2s,\n          outline 0.2s;\n      }\n\n      .option:first-child {\n        border-radius: 8px 8px 0 0; /* Top corners rounded */\n      }\n\n      .option:last-child {\n        border-bottom: var(--beam-RedeemTransaction-options-borderWidth) solid\n          var(--beam-RedeemTransaction-options-borderColor);\n        border-radius: 0 0 8px 8px; /* Bottom corners rounded */\n      }\n\n      .option:not(.isDisabled):not(:last-child):focus-visible,\n      .option:not(.isDisabled):not(:last-child):hover,\n      .option:not(.isSelected):not(:last-child):focus-visible,\n      .option:not(.isSelected):not(:last-child):hover {\n        background-color: var(--beam-RedeemTransaction-options-hover-backgroundColor);\n        outline: var(--beam-RedeemTransaction-options-hover-borderWidth) solid\n          var(--beam-RedeemTransaction-options-hover-borderColor);\n        border-bottom: var(--beam-RedeemTransaction-options-hover-borderWidth) solid\n          var(--beam-RedeemTransaction-options-hover-borderColor);\n      }\n\n      .option:not(.isDisabled):focus-visible,\n      .option:not(.isDisabled):hover,\n      .option:not(.isSelected):focus-visible,\n      .option:not(.isSelected):hover {\n        background-color: var(--beam-RedeemTransaction-options-hover-backgroundColor);\n        outline: var(--beam-RedeemTransaction-options-hover-borderWidth) solid\n          var(--beam-RedeemTransaction-options-hover-borderColor);\n      }\n\n      .option.isDisabled {\n        cursor: not-allowed;\n      }\n\n      .option.isSelected {\n        outline: var(--beam-RedeemTransaction-options-selected-borderWidth) solid\n          var(--beam-RedeemTransaction-options-selected-borderColor);\n        background-color: var(--beam-RedeemTransaction-options-selected-backgroundColor);\n        border-bottom: var(--beam-RedeemTransaction-options-selected-borderWidth) solid\n          var(--beam-RedeemTransaction-options-selected-borderColor);\n      }\n\n      .option.isSelected:focus-visible,\n      .option.isSelected:hover {\n        outline: var(--beam-RedeemTransaction-options-selected-borderWidth) solid\n          var(--beam-RedeemTransaction-options-selected-borderColor);\n        border-bottom: var(--beam-RedeemTransaction-options-selected-borderWidth) solid\n          var(--beam-RedeemTransaction-options-selected-borderColor);\n      }\n\n      .option .radioButton {\n        border-width: 1px;\n        border-style: solid;\n        transition:\n          background-color 0.2s,\n          color 0.2s,\n          border-color 0.2s;\n        color: var(--beam-RedeemTransaction-radioButton-color);\n        background-color: var(--beam-RedeemTransaction-radioButton-backgroundColor);\n        border-color: var(--beam-RedeemTransaction-radioButton-borderColor);\n      }\n\n      .option.isSelected .radioButton,\n      .option.isSelected:focus-visible .radioButton,\n      .option.isSelected:hover .radioButton {\n        color: var(--beam-RedeemTransaction-radioButton-selected-color);\n        background-color: var(--beam-RedeemTransaction-radioButton-selected-backgroundColor);\n        border-color: var(--beam-RedeemTransaction-radioButton-selected-borderColor);\n      }\n\n      .option:not(.isSelected):focus-visible .radioButton,\n      .option:not(.isSelected):hover .radioButton {\n        color: var(--beam-RedeemTransaction-radioButton-hover-color);\n        background-color: var(--beam-RedeemTransaction-radioButton-hover-backgroundColor);\n        border-color: var(--beam-RedeemTransaction-radioButton-hover-borderColor);\n      }\n\n      .detailsDescription {\n        ${useCustomText(\"--beam-RedeemTransaction-options-details\")}\n      }\n\n      .detailsDescription .nonprofitName {\n        font-weight: var(--beam-RedeemTransaction-options-details-nonprofitName-fontWeight);\n        font-style: var(--beam-RedeemTransaction-options-details-nonprofitName-fontStyle);\n      }\n\n      .radioButtonContainer {\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n      }\n\n      .radioButton {\n        padding: 5px;\n        border-radius: 100%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .imageContainer {\n        flex: 1 0 var(--beam-RedeemTransaction-image-width);\n        display: flex;\n        flex-direction: column;\n      }\n\n      .progressBarContainer {\n        display: flex;\n        align-items: center;\n      }\n\n      .details-progressBarLabel {\n        ${useCustomText(\"--beam-RedeemTransaction-options-details-fundingProgressLabel\")}\n        white-space: nowrap;\n        text-align: right;\n        margin-left: 15px;\n      }\n\n      .details {\n        flex: 1 1 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n      }\n\n      .root {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .submitButtonContainer {\n        order: 4;\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n      }\n\n      .icon-background {\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        overflow: hidden;\n        background: var(--beam-RedeemTransaction-options-icon-backgroundColor);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .icon {\n        height: var(--beam-RedeemTransaction-image-height);\n      }\n\n      .icon-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    `,\n    cssCardGrid({\n      gap: \"0px\",\n      itemMinWidth: \"var(--beam-RedeemTransaction-options-minWidth, 0px)\",\n      columnCount: \"var(--beam-RedeemTransaction-options-columnCount, 1)\",\n    }),\n  ];\n\n  private handleChooseClick() {\n    this.didUserExpandNonprofits = true;\n  }\n\n  get shouldCollapse() {\n    const enableMobileCollapse = this.cssVariables[\"--beam-RedeemTransaction-options-collapseNonprofits-mobile\"];\n    const enableDesktopCollapse = this.cssVariables[\"--beam-RedeemTransaction-options-collapseNonprofits-desktop\"];\n    const isMobileCollapseEnabled = enableMobileCollapse?.toLowerCase() === \"true\";\n    const isDesktopCollapseEnabled = enableDesktopCollapse?.toLowerCase() === \"true\";\n\n    return (this.isMobile && isMobileCollapseEnabled) || (!this.isMobile && isDesktopCollapseEnabled);\n  }\n\n  private renderSubmitButton(data: TIAPIV3GetChainNonprofits) {\n    return html`\n      ${this.didUserExpandNonprofits || !this.shouldCollapse\n        ? html` <button\n            type=\"button\"\n            ?aria-disabled=${!this.allowSubmit}\n            @click=\"${this.handleSubmit}\"\n            class=\"${classMap({\n              isDisabled: !this.allowSubmit,\n              submitButton: true,\n            })}\"\n            part=\"submitButton\"\n          >\n            ${this.selectionDataController.data !== null\n              ? localizeUserString(\n                  this.configLang,\n                  data?.config?.web?.confirmedButton || strings[this.configLang].submitButtonTextCompleted(),\n                )\n              : localizeUserString(\n                  this.configLang,\n                  data?.config?.web?.confirmButton || strings[this.configLang].submitButtonText(),\n                )}\n          </button>`\n        : html`\n            <button type=\"button\" @click=\"${this.handleChooseClick}\" class=\"submitButton\" part=\"submitButton\">\n              ${localizeUserString(\n                this.configLang,\n                data?.config?.web?.collapsedButton || strings[this.configLang].chooseButtonText(),\n              )}\n            </button>\n          `}\n    `;\n  }\n\n  private renderRadioButton() {\n    return html`\n      <div class=\"radioButtonContainer\">\n        <span part=\"radioButton\" class=\"radioButton\">\n          <span style=\"line-height: 0;\"> ${_radioButton({ height: \"7px\", width: \"7px\" })} </span>\n        </span>\n      </div>\n    `;\n  }\n\n  private renderNonprofitImage(np: TIAPIV3Nonprofit, displayIcon: boolean) {\n    const cardStyle = this.cssVariables[\"--beam-RedeemTransaction-cardStyle\"];\n\n    const imageUrl = displayIcon\n      ? cardStyle === \"'icon'\"\n        ? np.nonprofit.causeIconUrl\n        : cardStyle === \"'selected_icon'\"\n          ? np.nonprofit.causeIconSelectedUrl\n          : np.imageUrl\n      : np.imageUrl;\n\n    return html`\n      ${displayIcon\n        ? html` <div class=\"icon-container\">\n            <div class=\"icon-background\">\n              <img src=\"${imageUrl}\" alt=\"\" data-speedsize-ignore=\"true\" role=\"presentation\" class=\"icon\" />\n            </div>\n          </div>`\n        : html` <div\n            class=\"image-container\"\n            style=\"${this.isMobile\n              ? \"flex: 1 0 var(--beam-RedeemTransaction-image-width-mobile)\"\n              : \"flex: 1 0 var(--beam-RedeemTransaction-image-width)\"}\"\n          >\n            <img\n              src=\"${imageUrl}\"\n              alt=\"\"\n              role=\"presentation\"\n              data-speedsize-ignore=\"true\"\n              class=\"image\"\n              style=\"\n            width: 100%;\n            height: ${this.isMobile\n                ? \"var(--beam-RedeemTransaction-options-image-height-mobile)\"\n                : \"var(--beam-RedeemTransaction-options-image-height)\"};\n            object-fit: cover;\n            border-radius: var(--beam-RedeemTransaction-options-image-borderRadius);}\n            \"\n            />\n          </div>`}\n    `;\n  }\n\n  private renderOptionDetail(np: TIAPIV3Nonprofit) {\n    return html`\n      <div class=\"detailsCause\" style=\"${useCustomText(\"--beam-RedeemTransaction-options-details-cause\")}\">\n        ${localizeUserString(this.configLang, np.nonprofit.cause || \"\")}\n      </div>\n      <p class=\"detailsDescription\">${unsafeHTML(localizeUserString(this.configLang, np.impact.description || \"\"))}</p>\n    `;\n  }\n\n  private renderProgressBar(np: TIAPIV3Nonprofit) {\n    return html`\n      <div class=\"progressBarContainer\">\n        <beam-progress-bar value=\"${np.impact.goalProgressPercentage}\" style=\"flex: 1;\"></beam-progress-bar>\n        <span class=\"details-progressBarLabel\">\n          ${localizeUserString(this.configLang, np.impact.goalProgressText)}\n        </span>\n      </div>\n    `;\n  }\n\n  private renderNonprofitDetails(\n    np: TIAPIV3Nonprofit,\n    hasNonprofitWithInactivePromo: boolean,\n    data: TIAPIV3GetChainNonprofits,\n  ) {\n    return html`\n      <div class=\"details\" part=\"details\">\n        ${this.renderOptionDetail(np)} ${this.renderPromoPill(np, hasNonprofitWithInactivePromo, data)}\n      </div>\n    `;\n  }\n\n  private renderPromoPill(\n    np: TIAPIV3Nonprofit,\n    hasNonprofitWithInactivePromo: boolean,\n    data: TIAPIV3GetChainNonprofits,\n  ) {\n    return html`\n      ${np.promo?.isActive && this.shouldUsePromoUI && hasNonprofitWithInactivePromo\n        ? html`<beam-promo-info-pill .promo=${data?.config?.web?.promo} shortVersion></beam-promo-info-pill>`\n        : html``}\n    `;\n  }\n\n  protected render() {\n    const { selectedNonprofitId } = this;\n    const { data, loading } = this.nonprofitListDataController;\n\n    if (loading && !data) {\n      return _loading();\n    }\n    if (this.nonprofitListDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.nonprofitListDataController.error });\n      }\n      return \"\";\n    }\n    if (this.selectionDataController.error) {\n      if (this.debug) {\n        return _errorMessage({ error: this.selectionDataController.error });\n      }\n      // do not show error screen for interactive errors by default\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"No data\") });\n      }\n      return \"\";\n    }\n    const nonprofits = data?.nonprofits || [];\n    const selectedNonprofit = nonprofits.find((np) => np.nonprofit.id === selectedNonprofitId) || null;\n    // changes images in widget to icons\n    const displayIcon =\n      this.cssVariables[\"--beam-RedeemTransaction-cardStyle\"] === \"'icon'\" ||\n      this.cssVariables[\"--beam-RedeemTransaction-cardStyle\"] === \"'selected_icon'\";\n    const livePromo = data?.config?.web?.promo;\n    this.shouldUsePromoUI = livePromo ? true : false; // new promo UI\n    const hasNonprofitWithInactivePromo = nonprofits.some((nonprofit) => !nonprofit.promo || !nonprofit.promo.isActive);\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <!-- Custom flex order fixes tab cycling so submit button is after content -->\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"order: 3;\"\n          tabindex=\"-1\"\n          class=\"options cardGrid ${classMap({ isHidden: !this.didUserExpandNonprofits && this.shouldCollapse })}\"\n          part=\"options\"\n          role=\"radiogroup\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n          ?aria-disabled=${!this.allowChange}\n        >\n          ${repeat(\n            nonprofits,\n            (i) => i.nonprofit.id,\n            (np, index) => {\n              const isSelected = selectedNonprofitId === np.nonprofit.id;\n              const isFocusable = isSelected || (selectedNonprofit == null && index === 0);\n              return html`\n                <div\n                  class=\"option ${classMap({\n                    isSelected: isSelected,\n                    isDisabled: !this.allowChange,\n                  })}\"\n                  part=\"option\"\n                  role=\"radio\"\n                  tabindex=\"${isFocusable ? 0 : -1}\"\n                  data-value=${np.nonprofit.id}\n                  ?aria-checked=${isSelected}\n                  @click=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n                  @keydown=${this.makeHandleSelect(np.nonprofit.id, index, nonprofits)}\n                  aria-label=\"${localizeUserString(this.configLang, np.nonprofit.cause || \"\")}\"\n                  style=\"display: flex; flex-direction: column; padding: 11px; justify-content:center;\"\n                >\n                  <div class=\"optionContainer\" style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                    ${this.renderRadioButton()}\n                    <div\n                      class=\"nonprofitInfoContainer\"\n                      style=\"flex: 1; display: flex; flex-direction: column; gap: 5px;\"\n                    >\n                      <div class=\"imageDetailContainer\" style=\"display: flex; gap: 8px;\">\n                        ${this.renderNonprofitImage(np, displayIcon)}\n                        ${this.renderNonprofitDetails(np, hasNonprofitWithInactivePromo, data)}\n                      </div>\n                      ${this.renderProgressBar(np)}\n                    </div>\n                  </div>\n                </div>\n              `;\n            },\n          )}\n        </div>\n\n        <div class=\"submitButtonContainer\" part=\"submit-button-container\">${this.renderSubmitButton(data)}</div>\n\n        <div class=\"headerContainer\" part=\"header-container\">\n          <div>\n            <div\n              class=\"header-promo-pill-container\"\n              style=\"display: flex; ${this.isMobile && \"flex-direction: column; align-items: flex-start;\"}\"\n            >\n              <h3\n                class=\"title\"\n                part=\"title\"\n                id=\"beam-RedeemTransaction-title\"\n                style=\"${useCustomText(\"--beam-RedeemTransaction-title\")}; margin-right: 8px;\"\n              >\n                ${localizeUserString(this.configLang, data?.config?.web?.title) || strings[this.configLang].ctaTitle()}\n              </h3>\n              ${this.shouldUsePromoUI\n                ? html`<beam-promo-info-pill\n                    .promo=${livePromo}\n                    style=\"${this.isMobile && \"order: -1; margin-bottom:10px;\"}\"\n                  ></beam-promo-info-pill>`\n                : html``}\n            </div>\n            <p class=\"description\" part=\"description\" style=\"${useCustomText(\"--beam-RedeemTransaction-description\")}\">\n              ${this.shouldUsePromoUI\n                ? html`<span style=\"font-weight:bold\">\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescriptionPrefix || \"\") ||\n                      strings[this.configLang].ctaPromoPrefixMessage()}\n                    </span>\n                    <span>\n                      ${localizeUserString(this.configLang, data?.config?.web?.promoDescription || \"\") ||\n                      strings[this.configLang].ctaPromoMessage()}\n                    </span>`\n                : html`<span\n                    >${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n                    strings[this.configLang].ctaMessage()}\n                  </span>`}\n            </p>\n          </div>\n        </div>\n\n        <beam-partner-logos\n          partnerName=\"${data.chain.name}\"\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          style=\"order: 1\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(BeamRedeemTransaction);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-redeem-transaction\": BeamRedeemTransaction;\n  }\n}\n"],"names":["postTransaction","makeOpenApiMethod","putTransaction","_radioButton","height","width","html","styleMap","strings","donationPercentage","BeamRedeemTransaction","LitElement","DEFAULT_BASE_URL","MissingConfig","res","postChainEligibleNonprofitsForCart","WIDGET_NAMES","selectedNonprofitId","enforceConfig","AsyncController","createScopedLocalStorage","id","index","nonprofits","event","currentId","nextFocus","focusTarget","selectedNonprofit","np","BeamNonprofitSelectEvent","debounce","SUPPORTED_LANGUAGES","areRequiredKeysDefined","_changedProperties","previousPropertyValues","requireNewDataProps","prop","createdAt","data","cacheTtl","defaults","defineCustomText","partnerLogosConfigDefaults","progressBarConfigDefaults","promoPillLabelConfigDefaults","remoteConfig","config","_cssVariableMap","enableMobileCollapse","enableDesktopCollapse","isMobileCollapseEnabled","isDesktopCollapseEnabled","classMap","localizeUserString","displayIcon","cardStyle","imageUrl","useCustomText","unsafeHTML","hasNonprofitWithInactivePromo","loading","_loading","_errorMessage","BeamError","livePromo","nonprofit","repeat","i","isSelected","isFocusable","cssReset","css","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/chunks/index-hghrT7Z_.esm.d.ts

@@ -0,0 +1,40 @@
+import { BeamCommunityImpact } from '../react/community-impact.js';
+import { BeamCumulativeImpact } from '../react/cumulative-impact.js';
+import { BeamImpactOverview } from '../react/impact-overview.js';
+import { BeamSelectNonprofit } from '../react/select-nonprofit.js';
+import { BeamRedeemTransaction } from '../react/redeem-transaction.js';
+import { BeamPostPurchase } from '../react/post-purchase.js';
+import { BeamSubscriptionManagement } from '../react/subscription-management.js';
+import { BeamSelectSubscriptionNonprofit } from '../react/select-subscription-nonprofit.js';
+import { BeamSubscriptionImpact } from '../react/subscription-impact.js';
+import { BeamProductDetailsPage } from '../react/product-details-page.js';
+import { BeamSocialShare } from '../react/social-share.js';
+
+declare const index_BeamCommunityImpact: typeof BeamCommunityImpact;
+declare const index_BeamCumulativeImpact: typeof BeamCumulativeImpact;
+declare const index_BeamImpactOverview: typeof BeamImpactOverview;
+declare const index_BeamPostPurchase: typeof BeamPostPurchase;
+declare const index_BeamProductDetailsPage: typeof BeamProductDetailsPage;
+declare const index_BeamRedeemTransaction: typeof BeamRedeemTransaction;
+declare const index_BeamSelectNonprofit: typeof BeamSelectNonprofit;
+declare const index_BeamSelectSubscriptionNonprofit: typeof BeamSelectSubscriptionNonprofit;
+declare const index_BeamSocialShare: typeof BeamSocialShare;
+declare const index_BeamSubscriptionImpact: typeof BeamSubscriptionImpact;
+declare const index_BeamSubscriptionManagement: typeof BeamSubscriptionManagement;
+declare namespace index {
+  export {
+    index_BeamCommunityImpact as BeamCommunityImpact,
+    index_BeamCumulativeImpact as BeamCumulativeImpact,
+    index_BeamImpactOverview as BeamImpactOverview,
+    index_BeamPostPurchase as BeamPostPurchase,
+    index_BeamProductDetailsPage as BeamProductDetailsPage,
+    index_BeamRedeemTransaction as BeamRedeemTransaction,
+    index_BeamSelectNonprofit as BeamSelectNonprofit,
+    index_BeamSelectSubscriptionNonprofit as BeamSelectSubscriptionNonprofit,
+    index_BeamSocialShare as BeamSocialShare,
+    index_BeamSubscriptionImpact as BeamSubscriptionImpact,
+    index_BeamSubscriptionManagement as BeamSubscriptionManagement,
+  };
+}
+
+export { index as i };

package/dist/chunks/index-mppXVWCH.esm.js

@@ -0,0 +1,2 @@
+import{v as d}from"./vendor-ckSdd6aH.esm.js";import{getCookieValue as i,setCookieValue as p,deleteCookieValue as l}from"../utils/cookies.esm.js";import{createScopedLocalStorage as n}from"../utils/local-storage.esm.js";const s="beam_session";async function r({cookieName:e=s,domain:o=window.location.hostname,apiKey:t=""}={}){if(await i(e))return;const a=d(),m=Date.now()+720*60*60*1e3;await p({name:e,value:a,domain:o,path:"/",expires:m}),n({apiKey:t}).setItemJson("cart",{cartId:a})}async function c({cookieName:e=s,domain:o=window.location.hostname,apiKey:t=""}={}){const a=await i(e);a&&(n({apiKey:t}).setItemJson("cart",{cartId:a}),await l({name:e,domain:o}))}var u=Object.freeze({__proto__:null,createSession:r,endSession:c});export{r as c,c as e,u as i};
+//# sourceMappingURL=index-mppXVWCH.esm.js.map

package/dist/chunks/{index-IKiJwo5v.esm.js.map → index-mppXVWCH.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-IKiJwo5v.esm.js","sources":["../../src/integrations/session/index.ts"],"sourcesContent":["/**\n If checkout and order page are on different subdomains, we can't access localStorage for nonprofitId/selectionId\n We can make post-transaction work by copying a \"cartID\"-style cookie to the expected localStorage key on the current\n domain, which will allow the post-transaction widgets to send that to the backend which can restore the selection\n from the cart.\n\n This will also work if we don't have a cart cookie for some other reason, although it is not directly integrated\n with the host site's concept of a cart (e.g., line items and expiration dates).\n\n Note: Use a module import rather than a self-executing script so that we can set cookies on the host domain\n rather than our 3rd party CDN domain, and customize the options via arguments.\n\n Usage:\n <script type=\"module\">\n import { createSession } from 'https://...';\n createSession({domain: 'mystore.com'})\n </script>\n */\n\nimport { v4 as uuid } from \"@lukeed/uuid/secure\";\nimport { deleteCookieValue, getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\n\nconst DEFAULT_COOKIE_NAME = \"beam_session\";\n\nexport async function createSession({\n  cookieName = DEFAULT_COOKIE_NAME,\n  domain = window.location.hostname, // domain or subdomain to set cookie on\n  apiKey = \"\", // optional unless scoping localStorage to api key\n} = {}) {\n  const existingValue = await getCookieValue(cookieName);\n\n  if (existingValue) {\n    return; // do nothing\n  }\n\n  const cookieValue = uuid();\n\n  const expires = Date.now() + 30 * 24 * 60 * 60 * 1000; // 30 days\n\n  await setCookieValue({ name: cookieName, value: cookieValue, domain, path: \"/\", expires });\n\n  const beamLocalStorage = createScopedLocalStorage({ apiKey });\n  beamLocalStorage.setItemJson(\"cart\", { cartId: cookieValue });\n}\n\nexport async function endSession({\n  cookieName = DEFAULT_COOKIE_NAME,\n  domain = window.location.hostname, // domain to remove cookie from\n  apiKey = \"\", //  optional unless scoping localStorage to api key\n} = {}) {\n  const cookieValue = await getCookieValue(cookieName);\n\n  if (!cookieValue) {\n    return; // do nothing\n  }\n\n  // copy cookie value into localStorage for widgets to use\n  const beamLocalStorage = createScopedLocalStorage({ apiKey });\n  beamLocalStorage.setItemJson(\"cart\", { cartId: cookieValue });\n\n  // delete cookie to end session (will generate new one on next visit)\n  await deleteCookieValue({ name: cookieName, domain });\n}\n"],"names":["DEFAULT_COOKIE_NAME","createSession","cookieName","domain","apiKey","getCookieValue","cookieValue","uuid","expires","setCookieValue","createScopedLocalStorage","endSession","deleteCookieValue"],"mappings":"0NAuBA,MAAMA,EAAsB,eAE5B,eAAsBC,EAAc,CAClC,WAAAC,EAAaF,EACb,OAAAG,EAAS,OAAO,SAAS,SACzB,OAAAC,EAAS,EACX,EAAI,CAAI,EAAA,CAGN,GAFsB,MAAMC,EAAeH,CAAU,EAGnD,OAGF,MAAMI,EAAcC,EAAK,EAEnBC,EAAU,KAAK,IAAA,EAAQ,GAAK,GAAK,GAAK,GAAK,IAEjD,MAAMC,EAAe,CAAE,KAAMP,EAAY,MAAOI,EAAa,OAAAH,EAAQ,KAAM,IAAK,QAAAK,CAAQ,CAAC,EAEhEE,EAAyB,CAAE,OAAAN,CAAO,CAAC,EAC3C,YAAY,OAAQ,CAAE,OAAQE,CAAY,CAAC,CAC9D,CAEA,eAAsBK,EAAW,CAC/B,WAAAT,EAAaF,EACb,OAAAG,EAAS,OAAO,SAAS,SACzB,OAAAC,EAAS,EACX,EAAI,GAAI,CACN,MAAME,EAAc,MAAMD,EAAeH,CAAU,EAE9CI,IAKoBI,EAAyB,CAAE,OAAAN,CAAO,CAAC,EAC3C,YAAY,OAAQ,CAAE,OAAQE,CAAY,CAAC,EAG5D,MAAMM,EAAkB,CAAE,KAAMV,EAAY,OAAAC,CAAO,CAAC,EACtD"}
+{"version":3,"file":"index-mppXVWCH.esm.js","sources":["../../src/integrations/session/index.ts"],"sourcesContent":["/**\n If checkout and order page are on different subdomains, we can't access localStorage for nonprofitId/selectionId\n We can make post-transaction work by copying a \"cartID\"-style cookie to the expected localStorage key on the current\n domain, which will allow the post-transaction widgets to send that to the backend which can restore the selection\n from the cart.\n\n This will also work if we don't have a cart cookie for some other reason, although it is not directly integrated\n with the host site's concept of a cart (e.g., line items and expiration dates).\n\n Note: Use a module import rather than a self-executing script so that we can set cookies on the host domain\n rather than our 3rd party CDN domain, and customize the options via arguments.\n\n Usage:\n <script type=\"module\">\n import { createSession } from 'https://...';\n createSession({domain: 'mystore.com'})\n </script>\n */\n\nimport { v4 as uuid } from \"@lukeed/uuid/secure\";\nimport { deleteCookieValue, getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\n\nconst DEFAULT_COOKIE_NAME = \"beam_session\";\n\nexport async function createSession({\n  cookieName = DEFAULT_COOKIE_NAME,\n  domain = window.location.hostname, // domain or subdomain to set cookie on\n  apiKey = \"\", // optional unless scoping localStorage to api key\n} = {}) {\n  const existingValue = await getCookieValue(cookieName);\n\n  if (existingValue) {\n    return; // do nothing\n  }\n\n  const cookieValue = uuid();\n\n  const expires = Date.now() + 30 * 24 * 60 * 60 * 1000; // 30 days\n\n  await setCookieValue({ name: cookieName, value: cookieValue, domain, path: \"/\", expires });\n\n  const beamLocalStorage = createScopedLocalStorage({ apiKey });\n  beamLocalStorage.setItemJson(\"cart\", { cartId: cookieValue });\n}\n\nexport async function endSession({\n  cookieName = DEFAULT_COOKIE_NAME,\n  domain = window.location.hostname, // domain to remove cookie from\n  apiKey = \"\", //  optional unless scoping localStorage to api key\n} = {}) {\n  const cookieValue = await getCookieValue(cookieName);\n\n  if (!cookieValue) {\n    return; // do nothing\n  }\n\n  // copy cookie value into localStorage for widgets to use\n  const beamLocalStorage = createScopedLocalStorage({ apiKey });\n  beamLocalStorage.setItemJson(\"cart\", { cartId: cookieValue });\n\n  // delete cookie to end session (will generate new one on next visit)\n  await deleteCookieValue({ name: cookieName, domain });\n}\n"],"names":["DEFAULT_COOKIE_NAME","createSession","cookieName","domain","apiKey","getCookieValue","cookieValue","uuid","expires","setCookieValue","createScopedLocalStorage","endSession","deleteCookieValue"],"mappings":"0NAuBA,MAAMA,EAAsB,eAE5B,eAAsBC,EAAc,CAClC,WAAAC,EAAaF,EACb,OAAAG,EAAS,OAAO,SAAS,SACzB,OAAAC,EAAS,EACX,EAAI,CAAA,EAAI,CAGN,GAFsB,MAAMC,EAAeH,CAAU,EAGnD,OAGF,MAAMI,EAAcC,EAAAA,EAEdC,EAAU,KAAK,MAAQ,IAAU,GAAK,GAAK,IAEjD,MAAMC,EAAe,CAAE,KAAMP,EAAY,MAAOI,EAAa,OAAAH,EAAQ,KAAM,IAAK,QAAAK,CAAQ,CAAC,EAEhEE,EAAyB,CAAE,OAAAN,CAAO,CAAC,EAC3C,YAAY,OAAQ,CAAE,OAAQE,CAAY,CAAC,CAC9D,CAEA,eAAsBK,EAAW,CAC/B,WAAAT,EAAaF,EACb,OAAAG,EAAS,OAAO,SAAS,SACzB,OAAAC,EAAS,EACX,EAAI,GAAI,CACN,MAAME,EAAc,MAAMD,EAAeH,CAAU,EAE9CI,IAKoBI,EAAyB,CAAE,OAAAN,CAAO,CAAC,EAC3C,YAAY,OAAQ,CAAE,OAAQE,CAAY,CAAC,EAG5D,MAAMM,EAAkB,CAAE,KAAMV,EAAY,OAAAC,CAAO,CAAC,EACtD"}

package/dist/chunks/{index-DjrWwYdg.esm.js → index-n62IxH5D.esm.js}

@@ -1,2 +1,2 @@
-import{BeamCommunityImpact as m}from"../components/community-impact.esm.js";import{BeamCumulativeImpact as e}from"../components/cumulative-impact.esm.js";import{BeamImpactOverview as a}from"../components/impact-overview.esm.js";import{BeamSelectNonprofit as t}from"../components/select-nonprofit.esm.js";import{B as o}from"./index-DvhxjeiK.esm.js";import{BeamPostPurchase as r}from"../components/post-purchase.esm.js";import{BeamSubscriptionManagement as i}from"../components/subscription-management.esm.js";import{BeamSubscriptionImpact as p}from"../components/subscription-impact.esm.js";import{BeamProductDetailsPage as c}from"../components/product-details-page.esm.js";import{BeamSelectSubscriptionNonprofit as B}from"../components/select-subscription-nonprofit.esm.js";import{BeamSocialShare as n}from"../components/social-share.esm.js";var u=Object.freeze({__proto__:null,BeamCommunityImpact:m,BeamCumulativeImpact:e,BeamImpactOverview:a,BeamPostPurchase:r,BeamProductDetailsPage:c,BeamRedeemTransaction:o,BeamSelectNonprofit:t,BeamSelectSubscriptionNonprofit:B,BeamSocialShare:n,BeamSubscriptionImpact:p,BeamSubscriptionManagement:i});export{u as i};
-//# sourceMappingURL=index-DjrWwYdg.esm.js.map
+import{BeamCommunityImpact as m}from"../components/community-impact.esm.js";import{BeamCumulativeImpact as e}from"../components/cumulative-impact.esm.js";import{BeamImpactOverview as a}from"../components/impact-overview.esm.js";import{BeamSelectNonprofit as t}from"../components/select-nonprofit.esm.js";import{B as o}from"./index-UMeAzKTG.esm.js";import{BeamPostPurchase as r}from"../components/post-purchase.esm.js";import{BeamSubscriptionManagement as i}from"../components/subscription-management.esm.js";import{BeamSubscriptionImpact as p}from"../components/subscription-impact.esm.js";import{BeamProductDetailsPage as c}from"../components/product-details-page.esm.js";import{BeamSelectSubscriptionNonprofit as B}from"../components/select-subscription-nonprofit.esm.js";import{BeamSocialShare as n}from"../components/social-share.esm.js";var u=Object.freeze({__proto__:null,BeamCommunityImpact:m,BeamCumulativeImpact:e,BeamImpactOverview:a,BeamPostPurchase:r,BeamProductDetailsPage:c,BeamRedeemTransaction:o,BeamSelectNonprofit:t,BeamSelectSubscriptionNonprofit:B,BeamSocialShare:n,BeamSubscriptionImpact:p,BeamSubscriptionManagement:i});export{u as i};
+//# sourceMappingURL=index-n62IxH5D.esm.js.map

package/dist/chunks/index-n62IxH5D.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-n62IxH5D.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chunks/{index-tbwbkOdj.esm.js → index-nAPzvUWE.esm.js}

@@ -1,2 +1,2 @@
-import{b as o}from"./beam-errors-Ci0d3926.esm.js";import{e}from"./events-Dki0ka4F.esm.js";import{logger as r}from"../utils/logger.js";import{initNetworkListeners as t}from"../utils/network-listeners.js";import{createScopedLocalStorage as m}from"../utils/local-storage.js";import{waitForElement as a}from"../utils/wait-for-element.js";import{deleteCookieValue as i,getCookieMap as s,getCookieValue as d,setCookieValue as n}from"../utils/cookies.js";import{getRemoteSession as C,saveRemoteSession as g}from"../utils/remote-session.js";import{memoizeLast as l}from"../utils/memoize-last.js";import{d as p,i as S}from"./lodash-D3TLHRR_.esm.js";import{formatStoreAndReturnPromoCodes as P,getAllPromoCodesFromCookie as u,getPromoCodeFromShopifyCookie as f,getPromoCodesFromCart as k,getPromoCodesLocalStorage as c,getSanitizedUrlForStorage as A,isEmptyPromoData as F,mapToUnvalidatedPromoCodes as L,mergeStoreAndReturnPromos as E,parseJsonStringArray as R,promoCodesAreEqual as v,setPromoCodeInCookie as y,setPromoCodesInLocalStorage as V}from"../utils/promoManager.js";var b=Object.freeze({__proto__:null,createScopedLocalStorage:m,debounce:p,deleteCookieValue:i,errors:o,events:e,formatStoreAndReturnPromoCodes:P,getAllPromoCodesFromCookie:u,getCookieMap:s,getCookieValue:d,getPromoCodeFromShopifyCookie:f,getPromoCodesFromCart:k,getPromoCodesLocalStorage:c,getRemoteSession:C,getSanitizedUrlForStorage:A,initNetworkListeners:t,isEmptyPromoData:F,isEqual:S,logger:r,mapToUnvalidatedPromoCodes:L,memoizeLast:l,mergeStoreAndReturnPromos:E,parseJsonStringArray:R,promoCodesAreEqual:v,saveRemoteSession:g,setCookieValue:n,setPromoCodeInCookie:y,setPromoCodesInLocalStorage:V,waitForElement:a});export{b as i};
-//# sourceMappingURL=index-tbwbkOdj.esm.js.map
+import{b as o}from"./beam-errors-Ci0d3926.esm.js";import{e}from"./events-COWOQoLW.esm.js";import{logger as r}from"../utils/logger.js";import{initNetworkListeners as t}from"../utils/network-listeners.js";import{createScopedLocalStorage as m}from"../utils/local-storage.js";import{waitForElement as a}from"../utils/wait-for-element.js";import{deleteCookieValue as i,getCookieMap as s,getCookieValue as d,setCookieValue as n}from"../utils/cookies.js";import{getRemoteSession as C,saveRemoteSession as g}from"../utils/remote-session.js";import{memoizeLast as l}from"../utils/memoize-last.js";import{d as p,i as S}from"./lodash-BSs6Il-c.esm.js";import{formatStoreAndReturnPromoCodes as P,getAllPromoCodesFromCookie as u,getPromoCodeFromShopifyCookie as f,getPromoCodesFromCart as k,getPromoCodesLocalStorage as c,getSanitizedUrlForStorage as A,isEmptyPromoData as F,mapToUnvalidatedPromoCodes as L,mergeStoreAndReturnPromos as E,parseJsonStringArray as R,promoCodesAreEqual as v,setPromoCodeInCookie as y,setPromoCodesInLocalStorage as V}from"../utils/promoManager.js";var b=Object.freeze({__proto__:null,createScopedLocalStorage:m,debounce:p,deleteCookieValue:i,errors:o,events:e,formatStoreAndReturnPromoCodes:P,getAllPromoCodesFromCookie:u,getCookieMap:s,getCookieValue:d,getPromoCodeFromShopifyCookie:f,getPromoCodesFromCart:k,getPromoCodesLocalStorage:c,getRemoteSession:C,getSanitizedUrlForStorage:A,initNetworkListeners:t,isEmptyPromoData:F,isEqual:S,logger:r,mapToUnvalidatedPromoCodes:L,memoizeLast:l,mergeStoreAndReturnPromos:E,parseJsonStringArray:R,promoCodesAreEqual:v,saveRemoteSession:g,setCookieValue:n,setPromoCodeInCookie:y,setPromoCodesInLocalStorage:V,waitForElement:a});export{b as i};
+//# sourceMappingURL=index-nAPzvUWE.esm.js.map

package/dist/chunks/index-nAPzvUWE.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-nAPzvUWE.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chunks/{index-DXj15KHe.esm.d.ts → index-xcGPhpiO.esm.d.ts}

@@ -26,7 +26,19 @@ declare const index_BeamSocialShare: typeof BeamSocialShare;
 declare const index_BeamSubscriptionImpact: typeof BeamSubscriptionImpact;
 declare const index_BeamSubscriptionManagement: typeof BeamSubscriptionManagement;
 declare namespace index {
-  export { index_BeamCommunityImpact as BeamCommunityImpact, index_BeamCumulativeImpact as BeamCumulativeImpact, index_BeamImpactOverview as BeamImpactOverview, index_BeamPostPurchase as BeamPostPurchase, index_BeamProductDetailsPage as BeamProductDetailsPage, index_BeamRedeemTransaction as BeamRedeemTransaction, index_BeamSelectNonprofit as BeamSelectNonprofit, index_BeamSelectSubscriptionNonprofit as BeamSelectSubscriptionNonprofit, index_BeamSocialShare as BeamSocialShare, index_BeamSubscriptionImpact as BeamSubscriptionImpact, index_BeamSubscriptionManagement as BeamSubscriptionManagement };
+  export {
+    index_BeamCommunityImpact as BeamCommunityImpact,
+    index_BeamCumulativeImpact as BeamCumulativeImpact,
+    index_BeamImpactOverview as BeamImpactOverview,
+    index_BeamPostPurchase as BeamPostPurchase,
+    index_BeamProductDetailsPage as BeamProductDetailsPage,
+    index_BeamRedeemTransaction as BeamRedeemTransaction,
+    index_BeamSelectNonprofit as BeamSelectNonprofit,
+    index_BeamSelectSubscriptionNonprofit as BeamSelectSubscriptionNonprofit,
+    index_BeamSocialShare as BeamSocialShare,
+    index_BeamSubscriptionImpact as BeamSubscriptionImpact,
+    index_BeamSubscriptionManagement as BeamSubscriptionManagement,
+  };
 }
 
 export { index as i };

package/dist/chunks/lit-JRlupCB5.esm.js

@@ -0,0 +1,25 @@
+const H=globalThis,z=H.ShadowRoot&&(H.ShadyCSS===void 0||H.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,W=Symbol(),X=new WeakMap;let Y=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==W)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(z&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=X.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&X.set(e,t))}return t}toString(){return this.cssText}};const tt=i=>new Y(typeof i=="string"?i:i+"",void 0,W),Pt=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new Y(e,i,W)},xt=(i,t)=>{if(z)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=H.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},et=z?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return tt(e)})(i):i;const{is:Ut,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Ot,getOwnPropertySymbols:Ht,getPrototypeOf:Nt}=Object,N=globalThis,st=N.trustedTypes,Rt=st?st.emptyScript:"",kt=N.reactiveElementPolyfillSupport,C=(i,t)=>i,R={toAttribute(i,t){switch(t){case Boolean:i=i?Rt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},q=(i,t)=>!Ut(i,t),it={attribute:!0,type:String,converter:R,reflect:!1,useDefault:!1,hasChanged:q};Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;let E=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=it){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Mt(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=Tt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:r,set(o){const h=r?.call(this);n?.call(this,o),this.requestUpdate(t,h,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??it}static _$Ei(){if(this.hasOwnProperty(C("elementProperties")))return;const t=Nt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(C("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(C("properties"))){const e=this.properties,s=[...Ot(e),...Ht(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(et(r))}else t!==void 0&&e.push(et(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return xt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const n=(s.converter?.toAttribute!==void 0?s.converter:R).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,e){const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const n=s.getPropertyOptions(r),o=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:R;this._$Em=r;const h=o.fromAttribute(e,n.type);this[r]=h??this._$Ej?.get(r)??h,this._$Em=null}}requestUpdate(t,e,s,r=!1,n){if(t!==void 0){const o=this.constructor;if(r===!1&&(n=this[t]),s??=o.getPropertyOptions(t),!((s.hasChanged??q)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:n},o){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[r,n]of this._$Ep)this[r]=n;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,n]of s){const{wrapped:o}=n,h=this[r];o!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,n,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(s=>s.hostUpdate?.()),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};E.elementStyles=[],E.shadowRootOptions={mode:"open"},E[C("elementProperties")]=new Map,E[C("finalized")]=new Map,kt?.({ReactiveElement:E}),(N.reactiveElementVersions??=[]).push("2.1.2");const V=globalThis,rt=i=>i,k=V.trustedTypes,nt=k?k.createPolicy("lit-html",{createHTML:i=>i}):void 0,ot="$lit$",y=`lit$${Math.random().toFixed(9).slice(2)}$`,at="?"+y,jt=`<${at}>`,m=document,P=()=>m.createComment(""),x=i=>i===null||typeof i!="object"&&typeof i!="function",Z=Array.isArray,Lt=i=>Z(i)||typeof i?.[Symbol.iterator]=="function",F=`[ 	
+\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ht=/-->/g,lt=/>/g,g=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),ct=/'/g,ut=/"/g,dt=/^(?:script|style|textarea|title)$/i,Dt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),pt=Dt(1),A=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),$t=new WeakMap,v=m.createTreeWalker(m,129);function ft(i,t){if(!Z(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return nt!==void 0?nt.createHTML(t):t}const It=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=U;for(let h=0;h<e;h++){const a=i[h];let c,d,l=-1,$=0;for(;$<a.length&&(o.lastIndex=$,d=o.exec(a),d!==null);)$=o.lastIndex,o===U?d[1]==="!--"?o=ht:d[1]!==void 0?o=lt:d[2]!==void 0?(dt.test(d[2])&&(r=RegExp("</"+d[2],"g")),o=g):d[3]!==void 0&&(o=g):o===g?d[0]===">"?(o=r??U,l=-1):d[1]===void 0?l=-2:(l=o.lastIndex-d[2].length,c=d[1],o=d[3]===void 0?g:d[3]==='"'?ut:ct):o===ut||o===ct?o=g:o===ht||o===lt?o=U:(o=g,r=void 0);const u=o===g&&i[h+1].startsWith("/>")?" ":"";n+=o===U?a+jt:l>=0?(s.push(c),a.slice(0,l)+ot+a.slice(l)+y+u):a+y+(l===-2?h:u)}return[ft(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class O{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const h=t.length-1,a=this.parts,[c,d]=It(t,e);if(this.el=O.createElement(c,s),v.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(r=v.nextNode())!==null&&a.length<h;){if(r.nodeType===1){if(r.hasAttributes())for(const l of r.getAttributeNames())if(l.endsWith(ot)){const $=d[o++],u=r.getAttribute(l).split(y),p=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:p[2],strings:u,ctor:p[1]==="."?zt:p[1]==="?"?Wt:p[1]==="@"?qt:j}),r.removeAttribute(l)}else l.startsWith(y)&&(a.push({type:6,index:n}),r.removeAttribute(l));if(dt.test(r.tagName)){const l=r.textContent.split(y),$=l.length-1;if($>0){r.textContent=k?k.emptyScript:"";for(let u=0;u<$;u++)r.append(l[u],P()),v.nextNode(),a.push({type:2,index:++n});r.append(l[$],P())}}}else if(r.nodeType===8)if(r.data===at)a.push({type:2,index:n});else{let l=-1;for(;(l=r.data.indexOf(y,l+1))!==-1;)a.push({type:7,index:n}),l+=y.length-1}n++}}static createElement(t,e){const s=m.createElement("template");return s.innerHTML=t,s}}function S(i,t,e=i,s){if(t===A)return t;let r=s!==void 0?e._$Co?.[s]:e._$Cl;const n=x(t)?void 0:t._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??=[])[s]=r:e._$Cl=r),r!==void 0&&(t=S(i,r._$AS(i,t.values),r,s)),t}class Bt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,r=(t?.creationScope??m).importNode(e,!0);v.currentNode=r;let n=v.nextNode(),o=0,h=0,a=s[0];for(;a!==void 0;){if(o===a.index){let c;a.type===2?c=new w(n,n.nextSibling,this,t):a.type===1?c=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(c=new Vt(n,this,t)),this._$AV.push(c),a=s[++h]}o!==a?.index&&(n=v.nextNode(),o++)}return v.currentNode=m,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),x(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==A&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Lt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==f&&x(this._$AH)?this._$AA.nextSibling.data=t:this.T(m.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=O.createElement(ft(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===r)this._$AH.p(e);else{const n=new Bt(r,this),o=n.u(this.options);n.p(e),this.T(o),this._$AH=n}}_$AC(t){let e=$t.get(t.strings);return e===void 0&&$t.set(t.strings,e=new O(t)),e}k(t){Z(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new w(this.O(P()),this.O(P()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const s=rt(t).nextSibling;rt(t).remove(),t=s}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class j{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=f,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=f}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=S(this,t,e,0),o=!x(t)||t!==this._$AH&&t!==A,o&&(this._$AH=t);else{const h=t;let a,c;for(t=n[0],a=0;a<n.length-1;a++)c=S(this,h[s+a],e,a),c===A&&(c=this._$AH[a]),o||=!x(c)||c!==this._$AH[a],c===f?t=f:t!==f&&(t+=(c??"")+n[a+1]),this._$AH[a]=c}o&&!r&&this.j(t)}j(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class zt extends j{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===f?void 0:t}}class Wt extends j{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==f)}}class qt extends j{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??f)===A)return;const s=this._$AH,r=t===f&&s!==f||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==f&&(s===f||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Vt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const Zt={I:w},Ft=V.litHtmlPolyfillSupport;Ft?.(O,w),(V.litHtmlVersions??=[]).push("3.3.2");const _t=(i,t,e)=>{const s=e?.renderBefore??t;let r=s._$litPart$;if(r===void 0){const n=e?.renderBefore??null;s._$litPart$=r=new w(t.insertBefore(P(),n),n,void 0,e??{})}return r._$AI(i),r};const J=globalThis;let M=class extends E{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=_t(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return A}};M._$litElement$=!0,M.finalized=!0,J.litElementHydrateSupport?.({LitElement:M});const Jt=J.litElementPolyfillSupport;Jt?.({LitElement:M}),(J.litElementVersions??=[]).push("4.2.2");const Kt={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:q},Qt=(i=Kt,t,e)=>{const{kind:s,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(h){const a=t.get.call(this);t.set.call(this,h),this.requestUpdate(o,a,i,!0,h)},init(h){return h!==void 0&&this.C(o,void 0,i,h),h}}}if(s==="setter"){const{name:o}=e;return function(h){const a=this[o];t.call(this,h),this.requestUpdate(o,a,i,!0,h)}}throw Error("Unsupported decorator location: "+s)};function At(i){return(t,e)=>typeof e=="object"?Qt(i,t,e):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,t,e)}const Gt=new Set(["children","localName","ref","style","className"]),yt=new WeakMap,mt=(i,t,e,s,r)=>{const n=r?.[t];n===void 0?(i[t]=e,e==null&&t in HTMLElement.prototype&&i.removeAttribute(t)):e!==s&&((o,h,a)=>{let c=yt.get(o);c===void 0&&yt.set(o,c=new Map);let d=c.get(h);a!==void 0?d===void 0?(c.set(h,d={handleEvent:a}),o.addEventListener(h,d)):d.handleEvent=a:d!==void 0&&(c.delete(h),o.removeEventListener(h,d))})(i,n,e)},Xt=({react:i,tagName:t,elementClass:e,events:s,displayName:r})=>{const n=new Set(Object.keys(s??{})),o=i.forwardRef(((h,a)=>{const c=i.useRef(new Map),d=i.useRef(null),l={},$={};for(const[u,p]of Object.entries(h))Gt.has(u)?l[u==="className"?"class":u]=p:n.has(u)||u in e.prototype?$[u]=p:l[u]=p;return i.useLayoutEffect((()=>{if(d.current===null)return;const u=new Map;for(const p in $)mt(d.current,p,h[p],c.current.get(p),s),c.current.delete(p),u.set(p,h[p]);for(const[p,_]of c.current)mt(d.current,p,void 0,_,s);c.current=u})),i.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration")}),[]),l.suppressHydrationWarning=!0,i.createElement(t,{...l,ref:i.useCallback((u=>{d.current=u,typeof a=="function"?a(u):a!==null&&(a.current=u)}),[a])})}));return o.displayName=r??e.name,o};function Yt(i){return At({...i,state:!0,attribute:!1})}const L={ATTRIBUTE:1,CHILD:2},D=i=>(...t)=>({_$litDirective$:i,values:t});let I=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const gt="important",te=" !"+gt,ee=D(class extends I{constructor(i){if(super(i),i.type!==L.ATTRIBUTE||i.name!=="style"||i.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const s=i[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const s of this.ft)t[s]==null&&(this.ft.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const r=t[s];if(r!=null){this.ft.add(s);const n=typeof r=="string"&&r.endsWith(te);s.includes("-")||n?e.setProperty(s,n?r.slice(0,-11):r,n?gt:""):e[s]=r}}return A}});let K=class extends I{constructor(t){if(super(t),this.it=f,t.type!==L.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===f||t==null)return this._t=void 0,this.it=t;if(t===A)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};K.directiveName="unsafeHTML",K.resultType=1;const se=D(K);const vt=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);let ie;function re(i){return(t,e)=>vt(t,e,{get(){return(this.renderRoot??(ie??=document.createDocumentFragment())).querySelectorAll(i)}})}function ne(i,t){return(e,s,r)=>{const n=o=>o.renderRoot?.querySelector(i)??null;return vt(e,s,{get(){return n(this)}})}}const{I:oe}=Zt,bt=i=>i,ae=(i,t)=>i?._$litType$!==void 0,Et=()=>document.createComment(""),T=(i,t,e)=>{const s=i._$AA.parentNode,r=t===void 0?i._$AB:t._$AA;if(e===void 0){const n=s.insertBefore(Et(),r),o=s.insertBefore(Et(),r);e=new oe(n,o,i,i.options)}else{const n=e._$AB.nextSibling,o=e._$AM,h=o!==i;if(h){let a;e._$AQ?.(i),e._$AM=i,e._$AP!==void 0&&(a=i._$AU)!==o._$AU&&e._$AP(a)}if(n!==r||h){let a=e._$AA;for(;a!==n;){const c=bt(a).nextSibling;bt(s).insertBefore(a,r),a=c}}}return e},b=(i,t,e=i)=>(i._$AI(t,e),i),he={},le=(i,t=he)=>i._$AH=t,ce=i=>i._$AH,Q=i=>{i._$AR(),i._$AA.remove()};const St=(i,t,e)=>{const s=new Map;for(let r=t;r<=e;r++)s.set(i[r],r);return s},ue=D(class extends I{constructor(i){if(super(i),i.type!==L.CHILD)throw Error("repeat() can only be used in text expressions")}dt(i,t,e){let s;e===void 0?e=t:t!==void 0&&(s=t);const r=[],n=[];let o=0;for(const h of i)r[o]=s?s(h,o):o,n[o]=e(h,o),o++;return{values:n,keys:r}}render(i,t,e){return this.dt(i,t,e).values}update(i,[t,e,s]){const r=ce(i),{values:n,keys:o}=this.dt(t,e,s);if(!Array.isArray(r))return this.ut=o,n;const h=this.ut??=[],a=[];let c,d,l=0,$=r.length-1,u=0,p=n.length-1;for(;l<=$&&u<=p;)if(r[l]===null)l++;else if(r[$]===null)$--;else if(h[l]===o[u])a[u]=b(r[l],n[u]),l++,u++;else if(h[$]===o[p])a[p]=b(r[$],n[p]),$--,p--;else if(h[l]===o[p])a[p]=b(r[l],n[p]),T(i,a[p+1],r[l]),l++,p--;else if(h[$]===o[u])a[u]=b(r[$],n[u]),T(i,r[l],r[$]),$--,u++;else if(c===void 0&&(c=St(o,u,p),d=St(h,l,$)),c.has(h[l]))if(c.has(h[$])){const _=d.get(o[u]),B=_!==void 0?r[_]:null;if(B===null){const G=T(i,r[l]);b(G,n[u]),a[u]=G}else a[u]=b(B,n[u]),T(i,r[l],B),r[_]=null;u++}else Q(r[$]),$--;else Q(r[l]),l++;for(;u<=p;){const _=T(i,a[p+1]);b(_,n[u]),a[u++]=_}for(;l<=$;){const _=r[l++];_!==null&&Q(_)}return this.ut=o,le(i,a),A}});const de=D(class extends I{constructor(i){if(super(i),i.type!==L.ATTRIBUTE||i.name!=="class"||i.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(t=>i[t]).join(" ")+" "}update(i,[t]){if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in t)t[s]&&!this.nt?.has(s)&&this.st.add(s);return this.render(t)}const e=i.element.classList;for(const s of this.st)s in t||(e.remove(s),this.st.delete(s));for(const s in t){const r=!!t[s];r===this.st.has(s)||this.nt?.has(s)||(r?(e.add(s),this.st.add(s)):(e.remove(s),this.st.delete(s)))}return A}});const wt=Symbol.for(""),pe=i=>{if(i?.r===wt)return i?._$litStatic$},$e=(i,...t)=>({_$litStatic$:t.reduce((e,s,r)=>e+(n=>{if(n._$litStatic$!==void 0)return n._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${n}. Use 'unsafeStatic' to pass non-literal values, but
+            take care to ensure page security.`)})(s)+i[r+1],i[0]),r:wt}),Ct=new Map,fe=i=>(t,...e)=>{const s=e.length;let r,n;const o=[],h=[];let a,c=0,d=!1;for(;c<s;){for(a=t[c];c<s&&(n=e[c],(r=pe(n))!==void 0);)a+=r+t[++c],d=!0;c!==s&&h.push(n),o.push(a),c++}if(c===s&&o.push(t[s]),d){const l=o.join("$$lit$$");(t=Ct.get(l))===void 0&&(o.raw=o,Ct.set(l,t=o)),e=h}return i(t,...e)},_e=fe(pt);const Ae=i=>i??f;export{_t as D,M as a,pt as b,ne as c,$e as d,de as e,Xt as f,tt as g,se as h,Pt as i,ee as j,re as k,ae as l,ue as m,At as n,Ae as o,Yt as r,_e as u};
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=lit-JRlupCB5.esm.js.map