@beamimpact/web-sdk 1.50.1 → 1.52.1

package/dist/components/subscription-management.esm.js

@@ -1,5 +1,5 @@
-import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm.js";import{D as R,S as j,f as _,W as B,h as K,g as O}from"../chunks/routes-o-phF_L1.esm.js";import{p as F}from"../chunks/progress-bar-PMU_xI3L.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-l-tNb_z7.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-7sMSg1W9.esm.js";import{c as N}from"../chunks/events-T3hYV1LF.esm.js";import{M as q}from"../chunks/beam-errors-AMvTvR1C.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as $}from"../chunks/loading-template-t4fFsYtr.esm.js";import{c as Q}from"../chunks/css-card-grid-nEc--M5M.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-r0y-bbwR.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/vendor-GKiOHg2N.esm.js";import"../chunks/share-button-SNvuFDC9.esm.js";import"../chunks/responsive-2lC2Wrtg.esm.js";const m={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,i=(M,t,n,a)=>{for(var r=a>1?void 0:a?Z(t,n):t,b=M.length-1,d;b>=0;b--)(d=M[b])&&(r=(a?d(t,n,r):d(r))||r);return a&&r&&X(t,n,r),r};const D=3,tt=0,et=1,it=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return j[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await _({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await O({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const a=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(a)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>et&&t<it}get cssVariables(){const t={...J,...F,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),a)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:a}){if(!t)return o``;if(!a)return o``;const r=this.showAllTiles?t:t.slice(0,D);let b=0;return o`
-      ${r.filter(d=>d.nonprofit.includeInPersonalImpact===!0).map(d=>{const{impact:{goalCompletionText:u,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:U,name:I,id:w}}=d,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),P=k&&this.shouldDisplayProgressBar(f),W=u?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
+import{f as z,g as r,t as g,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-pcL-CUiQ.esm.js";import{p as O}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-Btu9xYcE.esm.js";import{c as N}from"../chunks/events-BohmT6Lp.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-7H4x2457.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-BvUcpOcx.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-C-DXj68Z.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const m={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,d;b>=0;b--)(d=M[b])&&(a=d(t,n,a)||a);return a&&X(t,n,a),a};const D=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return _[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await j({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return o`
+      ${a.filter(d=>d.nonprofit.includeInPersonalImpact===!0).map(d=>{const{impact:{goalCompletionText:u,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:U,name:I,id:w}}=d,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),P=k&&this.shouldDisplayProgressBar(f),W=u?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
             <div class="tile">
               <div class="tile-header">
                 <div class="tile-title">${p(this.configLang,C||"")}</div>
@@ -7,7 +7,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                       class="tile-support-again button"
                       @click="${()=>this.handleSupportAgainButtonClick(w,I)}"
                     >
-                      ${p(this.configLang,a?.web?.additionalStrings?.supportAgainButton||"")||m[this.configLang].supportAgainButton()}
+                      ${p(this.configLang,s?.web?.additionalStrings?.supportAgainButton||"")||m[this.configLang].supportAgainButton()}
                     </button>`:o``}
               </div>
               <div class="tile-content">
@@ -22,7 +22,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                   <div class="tile-description-container">
                     <span class="tile-description">${p(this.configLang,h||"")}</span>
                     <span class="via"
-                      >${p(this.configLang,a?.web?.additionalStrings?.via||"")||m[this.configLang].via()}</span
+                      >${p(this.configLang,s?.web?.additionalStrings?.via||"")||m[this.configLang].via()}</span
                     >
                     <a href="${U}" target="_blank" class="previous-impact-nonprofit-link">
                       ${p(this.configLang,I||"")}
@@ -41,7 +41,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
               </div>
             </div>
           `})}
-    `}render(){const{data:t,loading:n,error:a}=this.eligibleNonprofitsDataController;if(n)return $();if(a||t==null)return this.debug?v({error:a||new Error("No data")}):"";let r;const b=this.cssVariables["--beam-SubscriptionManagement-previousImpact-cardStyle"],d=this.cssVariables["--beam-SubscriptionManagement-logo-align-desktop"],u=this.cssVariables["--beam-SubscriptionManagement-logo-align-mobile"],h=this.personalImpactDataController.data?.personal?.length??0;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading||this.personalImpactDataController.loading)&&$(),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error||this.personalImpactDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return v({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return v({error:this.eligibleNonprofitsDataController.error});if(this.personalImpactDataController.error!==null)return v({error:this.personalImpactDataController.error})}else r="";return this.activeWidget==="select-subscription-nonprofit"?r=o` <beam-select-subscription-nonprofit
+    `}render(){const{data:t,loading:n,error:s}=this.eligibleNonprofitsDataController;if(n)return $();if(s||t==null)return this.debug?v({error:s||new Error("No data")}):"";let a;const b=this.cssVariables["--beam-SubscriptionManagement-previousImpact-cardStyle"],d=this.cssVariables["--beam-SubscriptionManagement-logo-align-desktop"],u=this.cssVariables["--beam-SubscriptionManagement-logo-align-mobile"],h=this.personalImpactDataController.data?.personal?.length??0;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading||this.personalImpactDataController.loading)&&$(),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error||this.personalImpactDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return v({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return v({error:this.eligibleNonprofitsDataController.error});if(this.personalImpactDataController.error!==null)return v({error:this.personalImpactDataController.error})}else a="";return this.activeWidget==="select-subscription-nonprofit"?a=o` <beam-select-subscription-nonprofit
         part="subscription-nonprofit"
         storeId="${this.storeId}"
         subscriptionId="${this.subscriptionId}"
@@ -55,7 +55,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
         ?draftConfig="${this.draftConfig}"
         ?debug="${this.debug}"
         @beamnonprofitselect="${f=>this.handleNonprofitSelect(f)}"
-      ></beam-select-subscription-nonprofit>`:this.activeWidget==="subscription-impact"&&(r=o`
+      ></beam-select-subscription-nonprofit>`:this.activeWidget==="subscription-impact"&&(a=o`
         <beam-subscription-impact
           part="subscription-impact"
           baseUrl="${this.baseUrl}"
@@ -99,8 +99,8 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                 </div>`:o``}
           </div>
         </div>
-        <div class="sub-widget-container">${r}</div>
-        ${h>tt?o` <div class="line-break"></div>
+        <div class="sub-widget-container">${a}</div>
+        ${h>Z?o` <div class="line-break"></div>
 
               <div
                 class="previous-impact-container ${this.isMobile?"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop"}"
@@ -299,5 +299,5 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
         text-decoration-line: var(--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration);
         ${l("--beam-SubscriptionManagement-tile-supportAgainButton")};
       }
-    `,Q({gap:"var(--beam-SubscriptionManagement-tile-marginBottom)",itemMinWidth:"250px",columnCount:"1"})],i([s({type:String})],e.prototype,"baseUrl",2),i([s({type:String})],e.prototype,"apiKey",2),i([s({type:String})],e.prototype,"subscriptionId",2),i([s({type:Number,reflect:!0})],e.prototype,"storeId",2),i([s({type:String})],e.prototype,"email",2),i([s({type:String})],e.prototype,"partnerUserId",2),i([s({type:String})],e.prototype,"postalCode",2),i([s({type:String})],e.prototype,"countryCode",2),i([s({type:Number,reflect:!0})],e.prototype,"selectedNonprofitId",2),i([s({type:String})],e.prototype,"lang",2),i([s({type:Object})],e.prototype,"cart",2),i([s({type:Boolean})],e.prototype,"debug",2),i([s({type:Boolean})],e.prototype,"draftConfig",2),i([g()],e.prototype,"activeWidget",2),i([g()],e.prototype,"nonprofitId",2),i([g()],e.prototype,"beamUserId",2),i([g()],e.prototype,"eligibleNonprofits",2),i([g()],e.prototype,"showAllTiles",2),i([g()],e.prototype,"isMobile",2),i([g()],e.prototype,"dropdownVisible",2),i([g()],e.prototype,"emojis",2),Y(e);export{e as BeamSubscriptionManagement};
+    `,Q({gap:"var(--beam-SubscriptionManagement-tile-marginBottom)",itemMinWidth:"250px",columnCount:"1"})],i([r({type:String})],e.prototype,"baseUrl"),i([r({type:String})],e.prototype,"apiKey"),i([r({type:String})],e.prototype,"subscriptionId"),i([r({type:Number,reflect:!0})],e.prototype,"storeId"),i([r({type:String})],e.prototype,"email"),i([r({type:String})],e.prototype,"partnerUserId"),i([r({type:String})],e.prototype,"postalCode"),i([r({type:String})],e.prototype,"countryCode"),i([r({type:Number,reflect:!0})],e.prototype,"selectedNonprofitId"),i([r({type:String})],e.prototype,"lang"),i([r({type:Object})],e.prototype,"cart"),i([r({type:Boolean})],e.prototype,"debug"),i([r({type:Boolean})],e.prototype,"draftConfig"),i([g()],e.prototype,"activeWidget"),i([g()],e.prototype,"nonprofitId"),i([g()],e.prototype,"beamUserId"),i([g()],e.prototype,"eligibleNonprofits"),i([g()],e.prototype,"showAllTiles"),i([g()],e.prototype,"isMobile"),i([g()],e.prototype,"dropdownVisible"),i([g()],e.prototype,"emojis"),Y(e);export{e as BeamSubscriptionManagement};
 //# sourceMappingURL=subscription-management.esm.js.map

package/dist/components/subscription-management.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-management.esm.js","sources":["../../src/components/subscription-management/strings.ts","../../src/components/subscription-management/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  fr: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  de: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  es: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  it: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  pl: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { TCart } from \"../../shared/cart-contents\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { postFindOrCreateSubscription, postChainEligibleNonprofitsForCart, getImpact } from \"../../api-sdk/v3/routes\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../select-subscription-nonprofit\";\nimport \"../subscription-impact\";\nimport \"../beam-partner-logos\";\nimport \"../../shared/components/progress-bar\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { strings } from \"./strings\";\n\ninterface RequiredDataPropsWithEmail {\n  email: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ninterface RequiredDataPropsWithPartnerUserId {\n  partnerUserId: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ntype TRequiredDataProps = RequiredDataPropsWithEmail | RequiredDataPropsWithPartnerUserId;\nexport type TIAPIV3PersonalImpact = Awaited<ReturnType<typeof import(\"../../api-sdk/v3/routes\").getImpact>>[\"personal\"];\nexport type TIAPIV3EligibleNonprofits = Awaited<\n  ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>\n>[\"nonprofits\"];\nexport type TIAPIV3EligibleNonprofitConfig = Awaited<\n  ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>\n>[\"config\"];\n\nconst INITIAL_TILE_COUNT = 3;\nconst MIN_PREVIOUS_IMPACT = 0;\nconst MIN_PROGRESS_THRESHOLD = 1;\nconst MAX_PROGRESS_THRESHOLD = 98;\n\nexport class BeamSubscriptionManagement extends LitElement {\n  static tagName = \"beam-subscription-management\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: TRequiredDataProps[\"apiKey\"];\n\n  @property({ type: String })\n  public subscriptionId!: TRequiredDataProps[\"subscriptionId\"];\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public email?: RequiredDataPropsWithEmail[\"email\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public partnerUserId?: RequiredDataPropsWithPartnerUserId[\"partnerUserId\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: Number, reflect: true })\n  public selectedNonprofitId?: TNumericId;\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @property({ type: Boolean })\n  public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  @state() private activeWidget: \"select-subscription-nonprofit\" | \"subscription-impact\" | null = null; // Based on /findSubscriptionByRemoteId\n  @state() private nonprofitId: number | null = null; // From /findSubscriptionByRemoteId response\n  @state() private beamUserId: string | null = null; // From findSubscriptionByRemoteId\n  @state() private eligibleNonprofits: TIAPIV3EligibleNonprofits = [];\n  @state() private showAllTiles = false;\n  @state() private isMobile = window.innerWidth < 720;\n  @state() private dropdownVisible = false;\n  @state() private emojis = [\"👏\", \"💪\", \"🙌\", \"✨\", \"🥇\"];\n\n  private subscriptionDataController = new AsyncController<typeof this.fetchSubscription>(this, this.fetchSubscription);\n  private eligibleNonprofitsDataController = new AsyncController<typeof this.fetchEligibleNonprofits>(\n    this,\n    this.fetchEligibleNonprofits\n  );\n  private personalImpactDataController = new AsyncController<typeof this.fetchImpact>(this, this.fetchImpact);\n\n  async firstUpdated() {\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [\"email\", \"partnerUserId\"],\n        \"One of the following properties needs to be specified: email, partnerUserId \"\n      );\n    }\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    await this.loadWidget();\n  }\n\n  async loadWidget() {\n    // In parallel:\n    // (1). Fetch eligible nonprofits [storeId and chainName]\n    // (2). Fetch subscription [userId and nonprofitId]\n    await Promise.all([this.fetchEligibleNonprofits(), this.fetchSubscription()]);\n    await this.fetchImpact();\n    this.activeWidget = this.nonprofitId ? \"subscription-impact\" : \"select-subscription-nonprofit\";\n  }\n\n  async fetchEligibleNonprofits() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const eligibleNonprofitResult = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      requestBody: {\n        storeId: this.storeId || undefined,\n        postalCode: this.postalCode || undefined,\n        countryCode: this.countryCode || undefined,\n        widgetName: WIDGET_NAMES.subscription_management,\n        version: \"1.0.0\",\n      },\n    });\n    this.storeId = eligibleNonprofitResult.store.id;\n    this.eligibleNonprofits = eligibleNonprofitResult.nonprofits;\n    this.eligibleNonprofitsDataController.data = eligibleNonprofitResult;\n    return eligibleNonprofitResult;\n  }\n\n  async fetchSubscription() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const subscriptionResult = await postFindOrCreateSubscription({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      requestBody: {\n        remoteSubscriptionId: this.subscriptionId,\n        email: this.email,\n        partnerUserId: this.partnerUserId,\n      },\n    });\n\n    this.beamUserId = subscriptionResult.beamUserId; // Returned in response regardless of subscription redemption\n    this.nonprofitId = subscriptionResult.nonprofit?.id || null;\n    return subscriptionResult;\n  }\n\n  async fetchImpact() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\"], this);\n\n    const impactResult = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      queryParams: {\n        beamUserId: this.beamUserId ? this.beamUserId : undefined,\n        widgetName: \"subscription-management\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n    this.personalImpactDataController.data = impactResult;\n    return impactResult;\n  }\n\n  handleSwapNonprofitButtonClick() {\n    this.activeWidget = \"select-subscription-nonprofit\";\n  }\n\n  handleBackToSubscriptionImpactButtonClick() {\n    this.activeWidget = \"subscription-impact\";\n  }\n\n  handleSupportAgainButtonClick(nonprofitId: TNumericId, nonprofitName: string) {\n    this.activeWidget = \"select-subscription-nonprofit\";\n    this.selectedNonprofitId = nonprofitId;\n\n    const event = new BeamNonprofitSelectEvent({\n      selectedNonprofitId: nonprofitId,\n      nonprofitName: nonprofitName,\n      source: WIDGET_NAMES.subscription_management,\n    });\n    this.dispatchEvent(event);\n  }\n\n  handleNonprofitSelect(event: Event) {\n    if (!(event instanceof BeamNonprofitSelectEvent)) return; // TypeScript guard\n    const { selectedNonprofitId } = event.detail;\n    this.nonprofitId = selectedNonprofitId ?? null;\n    this.activeWidget = \"subscription-impact\";\n  }\n\n  isNonprofitEligible(nonprofitId: TNumericId) {\n    return this.eligibleNonprofits.some((np: TIAPIV3EligibleNonprofits[0]) => np.nonprofit.id === nonprofitId);\n  }\n\n  shouldDisplayProgressBar(progressValue: number) {\n    return progressValue > MIN_PROGRESS_THRESHOLD && progressValue < MAX_PROGRESS_THRESHOLD;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderColor\": \"#d5d5d5\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-widgetContainer-padding\": \"8px 20px\",\n      \"--beam-SubscriptionManagement-widgetContainer-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-maxWidth\": \"820px\",\n      \"--beam-SubscriptionManagement-logo-align-desktop\": \"left\",\n      \"--beam-SubscriptionManagement-logo-align-mobile\": \"center\",\n      \"--beam-SubscriptionManagement-previousImpact-cardStyle\": \"'selected_icon'\",\n      \"--beam-SubscriptionManagement-header-padding\": \"10px 20px 10px 0px\",\n      \"--beam-SubscriptionManagement-header-borderRadius\": \"0px\",\n      \"--beam-SubscriptionManagement-header-backgroundColor\": \"#fff\",\n      \"--beam-SubscriptionManagement-header-meatballsMenu-fontSize\": \"24px\",\n      \"--beam-SubscriptionManagement-header-meatballsMenu-color\": \"24px\",\n      \"--beam-SubscriptionManagement-lineBreak-color\": \"#ddd\",\n      \"--beam-SubscriptionManagement-lineBreak-width\": \"1px\",\n      \"--beam-SubscriptionManagement-lineBreak-margin\": \"10px 0 20px 0\",\n      \"--beam-SubscriptionManagement-tile-marginBottom\": \"20px\",\n      \"--beam-SubscriptionManagement-tile-border-width\": \"0px\",\n      \"--beam-SubscriptionManagement-tile-border-color\": \"#ddd\",\n      \"--beam-SubscriptionManagement-tile-padding\": \"12.5px\",\n      \"--beam-SubscriptionManagement-tile-borderRadius\": \"8px\",\n      \"--beam-SubscriptionManagement-tile-background\": \"#f8fbfb\",\n      \"--beam-SubscriptionManagement-tileContent-gap\": \" 15px\",\n      \"--beam-SubscriptionManagement-tileContent-padding\": \"5px 0px\",\n      \"--beam-SubscriptionManagement-tile-icon-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-tile-icon-height\": \"28px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-borderRadius\": \"50%\",\n      \"--beam-SubscriptionManagement-tile-icon-background-width\": \"50px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-height\": \"50px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-backgroundColor\": \"#0a323c\",\n      \"--beam-SubscriptionManagement-tile-icon-background-padding\": \"10px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-gap\": \"5px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-padding\": \"0px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-lineHeight\": \"130%\",\n      \"--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop\": \"60%\",\n      \"--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile\": \"100%\",\n      \"--beam-SubscriptionManagement-subWidgetContainer-padding\": \"0px 0px 10px\",\n      \"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop\": \"10px 24px 10px 0px\",\n      \"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile\": \"0px\",\n      \"--beam-SubscriptionManagement-dropDown-padding\": \"15px 8px\",\n      \"--beam-SubscriptionManagement-dropDown-borderRadius\": \"8px\",\n      \"--beam-SubscriptionManagement-dropDown-backgroundColor\": \"#f8fbfb\",\n      \"--beam-SubscriptionManagement-dropDown-boxShadow\": \"0px 4px 28px 0px rgba(0, 0, 0, 0.04)\",\n      \"--beam-SubscriptionManagement-dropDown-width\": \"128px\",\n      \"--beam-SubscriptionManagement-dropDown-hover-backgroundColor\": \"#E1F1EE\",\n      \"--beam-SubscriptionManagement-dropDownOptions-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-dropDownOptions\", {\n        fontSize: \"12px\",\n        fontWeight: \"400\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom\": \"15px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-yourPreviousImpactTitle\", {\n        fontSize: \"18px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-title-letterSpacing\": \"0.36px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-title\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"uppercase\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-description\", {\n        fontSize: \"14px\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-via\", {\n        fontSize: \"14px\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      \"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-nonprofitLink\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-supportAgainButton\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft\": \"8px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-progressBarLabel\", {\n        fontSize: \"10px\",\n        fontWeight: \"bold\",\n        fontStyle: \"normal\",\n        color: \"#878a92\",\n      }),\n      \"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight\": \"16px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-fundedAmount\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        fontStyle: \"italic\",\n        color: \"#0a323c\",\n      }),\n    };\n\n    const remoteConfig = this.eligibleNonprofitsDataController?.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    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n      .drop-down-options {\n        text-decoration: var(--beam-SubscriptionManagement-dropDownOptions-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-dropDownOptions\")};\n      }\n      .widget-container {\n        background-color: var(--beam-SubscriptionManagement-widgetContainer-backgroundColor);\n        border: 1px solid var(--beam-SubscriptionManagement-widgetContainer-borderColor);\n        border-radius: var(--beam-SubscriptionManagement-widgetContainer-borderRadius);\n        padding: var(--beam-SubscriptionManagement-widgetContainer-padding);\n        max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth);\n      }\n      .header {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: var(--beam-SubscriptionManagement-header-padding);\n        border-radius: var(--beam-SubscriptionManagement-header-borderRadius);\n        background-color: var(--beam-SubscriptionManagement-header-backgroundColor);\n      }\n      .header-content {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n      }\n      .button {\n        cursor: pointer;\n        background: none;\n        border: none;\n      }\n      .header .meatballsMenu {\n        position: relative;\n        cursor: pointer;\n      }\n      .header .meatballsMenu span {\n        font-size: var(--beam-SubscriptionManagement-header-meatballsMenu-fontSize);\n        color: var(--beam-SubscriptionManagement-header-meatballsMenu-color);\n      }\n      .dropdown-container {\n        display: none;\n        position: absolute;\n        right: 0;\n        z-index: 1;\n        padding: var(--beam-SubscriptionManagement-dropDown-padding);\n        border-radius: var(--beam-SubscriptionManagement-dropDown-borderRadius);\n        background: var(--beam-SubscriptionManagement-dropDown-backgroundColor);\n        box-shadow: var(--beam-SubscriptionManagement-dropDown-boxShadow);\n        width: var(--beam-SubscriptionManagement-dropDown-width);\n      }\n      .dropdown-container.visible {\n        display: block;\n      }\n      .dropdown-container:hover {\n        background-color: var(--beam-SubscriptionManagement-dropDown-hover-backgroundColor);\n      }\n      .line-break {\n        border-top: var(--beam-SubscriptionManagement-lineBreak-width) solid\n          var(--beam-SubscriptionManagement-lineBreak-color);\n        margin: var(--beam-SubscriptionManagement-lineBreak-margin);\n      }\n      .tile {\n        border: var(--beam-SubscriptionManagement-tile-border-width) solid\n          var(--beam-SubscriptionManagement-tile-border-color);\n        padding: var(--beam-SubscriptionManagement-tile-padding);\n        border-radius: var(--beam-SubscriptionManagement-tile-borderRadius);\n        background: var(--beam-SubscriptionManagement-tile-background);\n      }\n      .tile-title {\n        letter-spacing: var(--beam-SubscriptionManagement-tile-title-letterSpacing);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-title\")};\n      }\n      .tile-content {\n        display: flex;\n        flex-direction: row;\n        gap: var(--beam-SubscriptionManagement-tileContent-gap);\n        padding: var(--beam-SubscriptionManagement-tileContent-padding);\n      }\n      .tile-description-block-container {\n        flex: 1 1 67%;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: var(--beam-SubscriptionManagement-blockTileDescription-gap);\n        padding: var(--beam-SubscriptionManagement-blockTileDescription-padding);\n        line-height: var(--beam-SubscriptionManagement-blockTileDescription-lineHeight);\n      }\n      .sub-widget-container {\n        padding: var(--beam-SubscriptionManagement-subWidgetContainer-padding);\n      }\n      .previous-impact-title {\n        margin-bottom: var(--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom);\n        ${useCustomText(\"--beam-SubscriptionManagement-yourPreviousImpactTitle\")};\n      }\n      .tile-description {\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-description\")};\n      }\n      .via {\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-via\")};\n      }\n      .center-align-logo {\n        margin-left: auto;\n        margin-right: auto;\n      }\n      .left-align-logo {\n        margin-left: 0;\n        margin-right: auto;\n      }\n      .previous-impact-link-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .previous-impact-link {\n        text-decoration-line: var(--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton\")};\n      }\n      .icon-background {\n        width: var(--beam-SubscriptionManagement-tile-icon-background-width);\n        height: var(--beam-SubscriptionManagement-tile-icon-background-height);\n        border-radius: var(--beam-SubscriptionManagement-tile-icon-background-borderRadius);\n        padding: var(--beam-SubscriptionManagement-tile-icon-background-padding);\n        overflow: hidden;\n        background: var(--beam-SubscriptionManagement-tile-icon-background-backgroundColor);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .icon {\n        display: block;\n        margin: auto;\n        border-radius: var(--beam-SubscriptionManagement-tile-icon-borderRadius);\n        height: var(--beam-SubscriptionManagement-tile-icon-height);\n      }\n      .tile-progress-bar-container-desktop {\n        display: flex;\n        align-items: center;\n        width: var(--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop);\n      }\n      .tile-progress-bar-container-mobile {\n        display: flex;\n        align-items: center;\n        width: var(--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile);\n      }\n      .previous-impact-nonprofit-link {\n        text-decoration-line: var(--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-nonprofitLink\")};\n      }\n      .details-funding-progress-label {\n        white-space: nowrap;\n        flex: 0 1;\n        margin-left: var(--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-progressBarLabel\")};\n      }\n      .funded-times {\n        line-height: var(--beam-SubscriptionManagement-tile-fundedAmount-lineHeight);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-fundedAmount\")};\n      }\n      .tile-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n      .tile-support-again {\n        text-decoration-line: var(--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-supportAgainButton\")};\n      }\n    `,\n    cssCardGrid({\n      gap: \"var(--beam-SubscriptionManagement-tile-marginBottom)\",\n      itemMinWidth: \"250px\",\n      columnCount: \"1\",\n    }),\n  ];\n\n  private renderPreviousImpactTiles({\n    personalImpact,\n    cardStyle,\n    eligibleNonprofitConfig,\n  }: {\n    personalImpact?: TIAPIV3PersonalImpact;\n    cardStyle: string;\n    eligibleNonprofitConfig?: TIAPIV3EligibleNonprofitConfig;\n  }) {\n    if (!personalImpact) {\n      return html``;\n    }\n    if (!eligibleNonprofitConfig) {\n      return html``;\n    }\n\n    const tilesToShow = this.showAllTiles ? personalImpact : personalImpact.slice(0, INITIAL_TILE_COUNT);\n    let emojiIndex = 0;\n    return html`\n      ${tilesToShow\n        .filter((previousImpact) => previousImpact.nonprofit.includeInPersonalImpact === true)\n        .map((previousImpact) => {\n          const {\n            impact: { goalCompletionText, description, goalProgressPercentage, goalProgressText },\n            nonprofit: { cause, causeIconSelectedUrl, causeIconUrl, website, name, id },\n          } = previousImpact;\n\n          const isEligibleToSupportAgain = this.nonprofitId !== id && this.isNonprofitEligible(id);\n          const showProgressBar = isEligibleToSupportAgain && this.shouldDisplayProgressBar(goalProgressPercentage);\n          const emoji = goalCompletionText ? `${this.emojis[emojiIndex]} ` : \"\";\n          emojiIndex = (emojiIndex + 1) % this.emojis.length;\n\n          return html`\n            <div class=\"tile\">\n              <div class=\"tile-header\">\n                <div class=\"tile-title\">${localizeUserString(this.configLang, cause || \"\")}</div>\n                ${isEligibleToSupportAgain\n                  ? html` <button\n                      class=\"tile-support-again button\"\n                      @click=\"${() => this.handleSupportAgainButtonClick(id, name)}\"\n                    >\n                      ${localizeUserString(\n                        this.configLang,\n                        eligibleNonprofitConfig?.web?.additionalStrings?.[\"supportAgainButton\"] || \"\"\n                      ) || strings[this.configLang].supportAgainButton()}\n                    </button>`\n                  : html``}\n              </div>\n              <div class=\"tile-content\">\n                <div class=\"icon-background\">\n                  <img\n                    src=\"${cardStyle === \"'selected_icon'\" ? causeIconSelectedUrl : causeIconUrl}\"\n                    alt=\"${cause}\"\n                    class=\"icon\"\n                  />\n                </div>\n                <div class=\"tile-description-block-container\">\n                  <div class=\"tile-description-container\">\n                    <span class=\"tile-description\">${localizeUserString(this.configLang, description || \"\")}</span>\n                    <span class=\"via\"\n                      >${localizeUserString(\n                        this.configLang,\n                        eligibleNonprofitConfig?.web?.additionalStrings?.[\"via\"] || \"\"\n                      ) || strings[this.configLang].via()}</span\n                    >\n                    <a href=\"${website}\" target=\"_blank\" class=\"previous-impact-nonprofit-link\">\n                      ${localizeUserString(this.configLang, name || \"\")}\n                    </a>\n                  </div>\n                  ${showProgressBar\n                    ? html` <div\n                        class=\"${this.isMobile\n                          ? \"tile-progress-bar-container-mobile\"\n                          : \"tile-progress-bar-container-desktop\"}\"\n                      >\n                        <beam-progress-bar value=\"${goalProgressPercentage}\" style=\"flex: 1 0;\"></beam-progress-bar>\n                        <span class=\"details-funding-progress-label\">${goalProgressText}</span>\n                      </div>`\n                    : html``}\n                  <div class=\"funded-times\">\n                    ${emoji}${unsafeHTML(localizeUserString(this.configLang, goalCompletionText))}\n                  </div>\n                </div>\n              </div>\n            </div>\n          `;\n        })}\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.eligibleNonprofitsDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error || data == null) {\n      return this.debug ? _errorMessage({ error: error || new Error(\"No data\") }) : \"\";\n    }\n    let content;\n    const cardStyle = this.cssVariables[\"--beam-SubscriptionManagement-previousImpact-cardStyle\"];\n    const logoAlignDesktop = this.cssVariables[\"--beam-SubscriptionManagement-logo-align-desktop\"];\n    const logoAlignMobile = this.cssVariables[\"--beam-SubscriptionManagement-logo-align-mobile\"];\n    const previousImpactCount = this.personalImpactDataController.data?.personal?.length ?? 0;\n    if (\n      this.subscriptionDataController.loading ||\n      this.eligibleNonprofitsDataController.loading ||\n      this.personalImpactDataController.loading\n    ) {\n      _loading();\n    }\n\n    if (\n      (this.subscriptionDataController.error ||\n        this.eligibleNonprofitsDataController.error ||\n        this.personalImpactDataController.error) &&\n      this.debug\n    ) {\n      if (this.subscriptionDataController.error !== null) {\n        return _errorMessage({ error: this.subscriptionDataController.error });\n      } else if (this.eligibleNonprofitsDataController.error !== null) {\n        return _errorMessage({ error: this.eligibleNonprofitsDataController.error });\n      } else if (this.personalImpactDataController.error !== null) {\n        return _errorMessage({ error: this.personalImpactDataController.error });\n      }\n    } else {\n      content = \"\";\n    }\n\n    if (this.activeWidget === \"select-subscription-nonprofit\") {\n      content = html` <beam-select-subscription-nonprofit\n        part=\"subscription-nonprofit\"\n        storeId=\"${this.storeId}\"\n        subscriptionId=\"${this.subscriptionId}\"\n        nonprofitId=${this.nonprofitId}\n        selectedNonprofitId=${this.selectedNonprofitId}\n        baseUrl=\"${this.baseUrl}\"\n        apiKey=\"${this.apiKey}\"\n        postalCode=\"${this.postalCode}\"\n        countryCode=\"${this.countryCode}\"\n        lang=\"${this.lang}\"\n        ?draftConfig=\"${this.draftConfig}\"\n        ?debug=\"${this.debug}\"\n        @beamnonprofitselect=\"${(event: Event) => this.handleNonprofitSelect(event)}\"\n      ></beam-select-subscription-nonprofit>`;\n    } else if (this.activeWidget === \"subscription-impact\") {\n      content = html`\n        <beam-subscription-impact\n          part=\"subscription-impact\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          storeId=\"${this.storeId}\"\n          beamUserId=\"${this.beamUserId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n        ></beam-subscription-impact>\n      `;\n    }\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div class=\"widget-container\">\n        <div class=\"header\">\n          <div class=\"header-content\">\n            <div\n              class=\"logo ${this.isMobile\n                ? logoAlignMobile === \"center\"\n                  ? \"center-align-logo\"\n                  : \"left-align-logo\"\n                : logoAlignDesktop === \"center\"\n                ? \"center-align-logo\"\n                : \"left-align-logo\"}\"\n            >\n              <beam-partner-logos\n                partnerName=\"${this.eligibleNonprofitsDataController.data?.chain.name}\"\n                partnerLogoUrl=\"${this.eligibleNonprofitsDataController.data?.chain.logoUrl}\"\n              ></beam-partner-logos>\n            </div>\n            ${this.nonprofitId\n              ? html` <div class=\"meatballsMenu\" @click=\"${() => (this.dropdownVisible = !this.dropdownVisible)}\">\n                  <span>&#8230;</span>\n                  <div class=\"dropdown-container ${this.dropdownVisible ? \"visible\" : \"\"}\">\n                    ${this.activeWidget === \"select-subscription-nonprofit\"\n                      ? html`<button\n                          @click=\"${this.handleBackToSubscriptionImpactButtonClick}\"\n                          class=\"drop-down-options button\"\n                        >\n                          ${localizeUserString(\n                            this.configLang,\n                            data?.config?.web?.additionalStrings?.[\"previousNonprofitButtonText\"] || \"\"\n                          ) || strings[this.configLang].previousNonprofitButton()}\n                        </button>`\n                      : this.activeWidget === \"subscription-impact\"\n                      ? html`<button @click=\"${this.handleSwapNonprofitButtonClick}\" class=\"drop-down-options button\">\n                          ${localizeUserString(\n                            this.configLang,\n                            data?.config?.web?.additionalStrings?.[\"changeNonprofitButtonText\"] || \"\"\n                          ) || strings[this.configLang].changeNonprofitButton()}\n                        </button>`\n                      : \"\"}\n                  </div>\n                </div>`\n              : html``}\n          </div>\n        </div>\n        <div class=\"sub-widget-container\">${content}</div>\n        ${previousImpactCount > MIN_PREVIOUS_IMPACT\n          ? html` <div class=\"line-break\"></div>\n\n              <div\n                class=\"previous-impact-container ${this.isMobile\n                  ? \"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile\"\n                  : \"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop\"}\"\n              >\n                <h2 class=\"previous-impact-title\">\n                  ${localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"previousImpactHeader\"] || \"\"\n                  ) || strings[this.configLang].previousImpactHeader()}\n                </h2>\n                <div class=\"cardGrid\">\n                  ${this.renderPreviousImpactTiles({\n                    personalImpact: this.personalImpactDataController.data?.personal,\n                    cardStyle,\n                    eligibleNonprofitConfig: this.eligibleNonprofitsDataController.data?.config,\n                  })}\n                </div>\n                ${previousImpactCount > INITIAL_TILE_COUNT\n                  ? html`\n                      <div class=\"previous-impact-link-container\">\n                        <button\n                          @click=\"${() => (this.showAllTiles = !this.showAllTiles)}\"\n                          class=\"previous-impact-link button\"\n                        >\n                          ${this.showAllTiles\n                            ? localizeUserString(\n                                this.configLang,\n                                data?.config?.web?.additionalStrings?.[\"showLessButton\"] || \"\"\n                              ) || strings[this.configLang].showLessButton()\n                            : localizeUserString(\n                                this.configLang,\n                                data?.config?.web?.additionalStrings?.[\"showAllButton\"] || \"\"\n                              ) || strings[this.configLang].showAllButton()}\n                        </button>\n                      </div>\n                    `\n                  : html``}\n              </div>`\n          : html``}\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(BeamSubscriptionManagement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-management\": BeamSubscriptionManagement;\n  }\n}\n"],"names":["strings","INITIAL_TILE_COUNT","MIN_PREVIOUS_IMPACT","MIN_PROGRESS_THRESHOLD","MAX_PROGRESS_THRESHOLD","BeamSubscriptionManagement","LitElement","DEFAULT_BASE_URL","AsyncController","SUPPORTED_LANGUAGES","MissingConfig","enforceConfig","eligibleNonprofitResult","postChainEligibleNonprofitsForCart","makeApiKeyHeader","WIDGET_NAMES","subscriptionResult","postFindOrCreateSubscription","impactResult","getImpact","nonprofitId","nonprofitName","event","BeamNonprofitSelectEvent","selectedNonprofitId","np","progressValue","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","personalImpact","cardStyle","eligibleNonprofitConfig","html","tilesToShow","emojiIndex","previousImpact","goalCompletionText","description","goalProgressPercentage","goalProgressText","cause","causeIconSelectedUrl","causeIconUrl","website","name","id","isEligibleToSupportAgain","showProgressBar","emoji","localizeUserString","unsafeHTML","data","loading","error","_loading","_errorMessage","content","logoAlignDesktop","logoAlignMobile","previousImpactCount","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"subscription-management.esm.js","sources":["../../src/components/subscription-management/strings.ts","../../src/components/subscription-management/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  fr: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  de: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  es: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  it: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n  pl: {\n    changeNonprofitButton: () => `Change Nonprofit`,\n    previousImpactHeader: () => `Your Previous Impact`,\n    previousNonprofitButton: () => `Back to Previous Nonprofit`,\n    supportAgainButton: () => `Support Again`,\n    via: () => `via`,\n    showAllButton: () => `Show All`,\n    showLessButton: () => `Show Less`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { TCart } from \"../../shared/cart-contents\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { postFindOrCreateSubscription, postChainEligibleNonprofitsForCart, getImpact } from \"../../api-sdk/v3/routes\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { BeamNonprofitSelectEvent } from \"../../utils/events\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../select-subscription-nonprofit\";\nimport \"../subscription-impact\";\nimport \"../beam-partner-logos\";\nimport \"../../shared/components/progress-bar\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { strings } from \"./strings\";\n\ninterface RequiredDataPropsWithEmail {\n  email: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ninterface RequiredDataPropsWithPartnerUserId {\n  partnerUserId: string;\n  apiKey: string;\n  subscriptionId: string;\n}\n\ntype TRequiredDataProps = RequiredDataPropsWithEmail | RequiredDataPropsWithPartnerUserId;\nexport type TIAPIV3PersonalImpact = Awaited<ReturnType<typeof import(\"../../api-sdk/v3/routes\").getImpact>>[\"personal\"];\nexport type TIAPIV3EligibleNonprofits = Awaited<\n  ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>\n>[\"nonprofits\"];\nexport type TIAPIV3EligibleNonprofitConfig = Awaited<\n  ReturnType<typeof import(\"../../api-sdk/v3/routes\").getChainNonprofits>\n>[\"config\"];\n\nconst INITIAL_TILE_COUNT = 3;\nconst MIN_PREVIOUS_IMPACT = 0;\nconst MIN_PROGRESS_THRESHOLD = 1;\nconst MAX_PROGRESS_THRESHOLD = 98;\n\nexport class BeamSubscriptionManagement extends LitElement {\n  static tagName = \"beam-subscription-management\";\n\n  @property({ type: String })\n  public baseUrl: string = DEFAULT_BASE_URL;\n\n  @property({ type: String })\n  public apiKey!: TRequiredDataProps[\"apiKey\"];\n\n  @property({ type: String })\n  public subscriptionId!: TRequiredDataProps[\"subscriptionId\"];\n\n  @property({ type: Number, reflect: true })\n  public storeId?: number; // Either storeId or postalCode, countryCode must be provided\n\n  @property({ type: String })\n  public email?: RequiredDataPropsWithEmail[\"email\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public partnerUserId?: RequiredDataPropsWithPartnerUserId[\"partnerUserId\"]; // Either email or partnerUserId must be provided\n\n  @property({ type: String })\n  public postalCode?: string;\n\n  @property({ type: String })\n  public countryCode?: string;\n\n  @property({ type: Number, reflect: true })\n  public selectedNonprofitId?: TNumericId;\n\n  @property({ type: String })\n  public lang: LANGUAGES = \"en\";\n\n  @property({ type: Object })\n  public cart?: TCart;\n\n  @property({ type: Boolean })\n  public debug = false;\n\n  @property({ type: Boolean })\n  public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  @state() private activeWidget: \"select-subscription-nonprofit\" | \"subscription-impact\" | null = null; // Based on /findSubscriptionByRemoteId\n  @state() private nonprofitId: number | null = null; // From /findSubscriptionByRemoteId response\n  @state() private beamUserId: string | null = null; // From findSubscriptionByRemoteId\n  @state() private eligibleNonprofits: TIAPIV3EligibleNonprofits = [];\n  @state() private showAllTiles = false;\n  @state() private isMobile = window.innerWidth < 720;\n  @state() private dropdownVisible = false;\n  @state() private emojis = [\"👏\", \"💪\", \"🙌\", \"✨\", \"🥇\"];\n\n  private subscriptionDataController = new AsyncController<typeof this.fetchSubscription>(this, this.fetchSubscription);\n  private eligibleNonprofitsDataController = new AsyncController<typeof this.fetchEligibleNonprofits>(\n    this,\n    this.fetchEligibleNonprofits\n  );\n  private personalImpactDataController = new AsyncController<typeof this.fetchImpact>(this, this.fetchImpact);\n\n  async firstUpdated() {\n    if (!this.email && !this.partnerUserId) {\n      throw new MissingConfig(\n        [\"email\", \"partnerUserId\"],\n        \"One of the following properties needs to be specified: email, partnerUserId \"\n      );\n    }\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    await this.loadWidget();\n  }\n\n  async loadWidget() {\n    // In parallel:\n    // (1). Fetch eligible nonprofits [storeId and chainName]\n    // (2). Fetch subscription [userId and nonprofitId]\n    await Promise.all([this.fetchEligibleNonprofits(), this.fetchSubscription()]);\n    await this.fetchImpact();\n    this.activeWidget = this.nonprofitId ? \"subscription-impact\" : \"select-subscription-nonprofit\";\n  }\n\n  async fetchEligibleNonprofits() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const eligibleNonprofitResult = await postChainEligibleNonprofitsForCart({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      requestBody: {\n        storeId: this.storeId || undefined,\n        postalCode: this.postalCode || undefined,\n        countryCode: this.countryCode || undefined,\n        widgetName: WIDGET_NAMES.subscription_management,\n        version: \"1.0.0\",\n      },\n    });\n    this.storeId = eligibleNonprofitResult.store.id;\n    this.eligibleNonprofits = eligibleNonprofitResult.nonprofits;\n    this.eligibleNonprofitsDataController.data = eligibleNonprofitResult;\n    return eligibleNonprofitResult;\n  }\n\n  async fetchSubscription() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\", \"subscriptionId\"], this);\n    const subscriptionResult = await postFindOrCreateSubscription({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      requestBody: {\n        remoteSubscriptionId: this.subscriptionId,\n        email: this.email,\n        partnerUserId: this.partnerUserId,\n      },\n    });\n\n    this.beamUserId = subscriptionResult.beamUserId; // Returned in response regardless of subscription redemption\n    this.nonprofitId = subscriptionResult.nonprofit?.id || null;\n    return subscriptionResult;\n  }\n\n  async fetchImpact() {\n    enforceConfig<TRequiredDataProps>([\"apiKey\"], this);\n\n    const impactResult = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: makeApiKeyHeader(this.apiKey),\n      queryParams: {\n        beamUserId: this.beamUserId ? this.beamUserId : undefined,\n        widgetName: \"subscription-management\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n    this.personalImpactDataController.data = impactResult;\n    return impactResult;\n  }\n\n  handleSwapNonprofitButtonClick() {\n    this.activeWidget = \"select-subscription-nonprofit\";\n  }\n\n  handleBackToSubscriptionImpactButtonClick() {\n    this.activeWidget = \"subscription-impact\";\n  }\n\n  handleSupportAgainButtonClick(nonprofitId: TNumericId, nonprofitName: string) {\n    this.activeWidget = \"select-subscription-nonprofit\";\n    this.selectedNonprofitId = nonprofitId;\n\n    const event = new BeamNonprofitSelectEvent({\n      selectedNonprofitId: nonprofitId,\n      nonprofitName: nonprofitName,\n      source: WIDGET_NAMES.subscription_management,\n    });\n    this.dispatchEvent(event);\n  }\n\n  handleNonprofitSelect(event: Event) {\n    if (!(event instanceof BeamNonprofitSelectEvent)) return; // TypeScript guard\n    const { selectedNonprofitId } = event.detail;\n    this.nonprofitId = selectedNonprofitId ?? null;\n    this.activeWidget = \"subscription-impact\";\n  }\n\n  isNonprofitEligible(nonprofitId: TNumericId) {\n    return this.eligibleNonprofits.some((np: TIAPIV3EligibleNonprofits[0]) => np.nonprofit.id === nonprofitId);\n  }\n\n  shouldDisplayProgressBar(progressValue: number) {\n    return progressValue > MIN_PROGRESS_THRESHOLD && progressValue < MAX_PROGRESS_THRESHOLD;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderColor\": \"#d5d5d5\",\n      \"--beam-SubscriptionManagement-widgetContainer-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-widgetContainer-padding\": \"8px 20px\",\n      \"--beam-SubscriptionManagement-widgetContainer-backgroundColor\": \"inherit\",\n      \"--beam-SubscriptionManagement-widgetContainer-maxWidth\": \"820px\",\n      \"--beam-SubscriptionManagement-logo-align-desktop\": \"left\",\n      \"--beam-SubscriptionManagement-logo-align-mobile\": \"center\",\n      \"--beam-SubscriptionManagement-previousImpact-cardStyle\": \"'selected_icon'\",\n      \"--beam-SubscriptionManagement-header-padding\": \"10px 20px 10px 0px\",\n      \"--beam-SubscriptionManagement-header-borderRadius\": \"0px\",\n      \"--beam-SubscriptionManagement-header-backgroundColor\": \"#fff\",\n      \"--beam-SubscriptionManagement-header-meatballsMenu-fontSize\": \"24px\",\n      \"--beam-SubscriptionManagement-header-meatballsMenu-color\": \"24px\",\n      \"--beam-SubscriptionManagement-lineBreak-color\": \"#ddd\",\n      \"--beam-SubscriptionManagement-lineBreak-width\": \"1px\",\n      \"--beam-SubscriptionManagement-lineBreak-margin\": \"10px 0 20px 0\",\n      \"--beam-SubscriptionManagement-tile-marginBottom\": \"20px\",\n      \"--beam-SubscriptionManagement-tile-border-width\": \"0px\",\n      \"--beam-SubscriptionManagement-tile-border-color\": \"#ddd\",\n      \"--beam-SubscriptionManagement-tile-padding\": \"12.5px\",\n      \"--beam-SubscriptionManagement-tile-borderRadius\": \"8px\",\n      \"--beam-SubscriptionManagement-tile-background\": \"#f8fbfb\",\n      \"--beam-SubscriptionManagement-tileContent-gap\": \" 15px\",\n      \"--beam-SubscriptionManagement-tileContent-padding\": \"5px 0px\",\n      \"--beam-SubscriptionManagement-tile-icon-borderRadius\": \"4px\",\n      \"--beam-SubscriptionManagement-tile-icon-height\": \"28px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-borderRadius\": \"50%\",\n      \"--beam-SubscriptionManagement-tile-icon-background-width\": \"50px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-height\": \"50px\",\n      \"--beam-SubscriptionManagement-tile-icon-background-backgroundColor\": \"#0a323c\",\n      \"--beam-SubscriptionManagement-tile-icon-background-padding\": \"10px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-gap\": \"5px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-padding\": \"0px\",\n      \"--beam-SubscriptionManagement-blockTileDescription-lineHeight\": \"130%\",\n      \"--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop\": \"60%\",\n      \"--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile\": \"100%\",\n      \"--beam-SubscriptionManagement-subWidgetContainer-padding\": \"0px 0px 10px\",\n      \"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop\": \"10px 24px 10px 0px\",\n      \"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile\": \"0px\",\n      \"--beam-SubscriptionManagement-dropDown-padding\": \"15px 8px\",\n      \"--beam-SubscriptionManagement-dropDown-borderRadius\": \"8px\",\n      \"--beam-SubscriptionManagement-dropDown-backgroundColor\": \"#f8fbfb\",\n      \"--beam-SubscriptionManagement-dropDown-boxShadow\": \"0px 4px 28px 0px rgba(0, 0, 0, 0.04)\",\n      \"--beam-SubscriptionManagement-dropDown-width\": \"128px\",\n      \"--beam-SubscriptionManagement-dropDown-hover-backgroundColor\": \"#E1F1EE\",\n      \"--beam-SubscriptionManagement-dropDownOptions-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-dropDownOptions\", {\n        fontSize: \"12px\",\n        fontWeight: \"400\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom\": \"15px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-yourPreviousImpactTitle\", {\n        fontSize: \"18px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-title-letterSpacing\": \"0.36px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-title\", {\n        fontSize: \"12px\",\n        fontWeight: \"bold\",\n        lineHeight: \"120%\",\n        textTransform: \"uppercase\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-description\", {\n        fontSize: \"14px\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-via\", {\n        fontSize: \"14px\",\n        lineHeight: \"120%\",\n        fontStyle: \"normal\",\n        color: \"#454a47\",\n      }),\n      \"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-nonprofitLink\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration\": \"underline\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-supportAgainButton\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        textTransform: \"capitalize\",\n        fontStyle: \"normal\",\n        color: \"#0a323c\",\n      }),\n      \"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft\": \"8px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-progressBarLabel\", {\n        fontSize: \"10px\",\n        fontWeight: \"bold\",\n        fontStyle: \"normal\",\n        color: \"#878a92\",\n      }),\n      \"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight\": \"16px\",\n      ...defineCustomText(\"--beam-SubscriptionManagement-tile-fundedAmount\", {\n        fontSize: \"14px\",\n        fontWeight: \"400\",\n        lineHeight: \"120%\",\n        fontStyle: \"italic\",\n        color: \"#0a323c\",\n      }),\n    };\n\n    const remoteConfig = this.eligibleNonprofitsDataController?.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    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        word-break: normal;\n      }\n      .drop-down-options {\n        text-decoration: var(--beam-SubscriptionManagement-dropDownOptions-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-dropDownOptions\")};\n      }\n      .widget-container {\n        background-color: var(--beam-SubscriptionManagement-widgetContainer-backgroundColor);\n        border: 1px solid var(--beam-SubscriptionManagement-widgetContainer-borderColor);\n        border-radius: var(--beam-SubscriptionManagement-widgetContainer-borderRadius);\n        padding: var(--beam-SubscriptionManagement-widgetContainer-padding);\n        max-width: var(--beam-SubscriptionManagement-widgetContainer-maxWidth);\n      }\n      .header {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: var(--beam-SubscriptionManagement-header-padding);\n        border-radius: var(--beam-SubscriptionManagement-header-borderRadius);\n        background-color: var(--beam-SubscriptionManagement-header-backgroundColor);\n      }\n      .header-content {\n        display: flex;\n        justify-content: space-between;\n        width: 100%;\n      }\n      .button {\n        cursor: pointer;\n        background: none;\n        border: none;\n      }\n      .header .meatballsMenu {\n        position: relative;\n        cursor: pointer;\n      }\n      .header .meatballsMenu span {\n        font-size: var(--beam-SubscriptionManagement-header-meatballsMenu-fontSize);\n        color: var(--beam-SubscriptionManagement-header-meatballsMenu-color);\n      }\n      .dropdown-container {\n        display: none;\n        position: absolute;\n        right: 0;\n        z-index: 1;\n        padding: var(--beam-SubscriptionManagement-dropDown-padding);\n        border-radius: var(--beam-SubscriptionManagement-dropDown-borderRadius);\n        background: var(--beam-SubscriptionManagement-dropDown-backgroundColor);\n        box-shadow: var(--beam-SubscriptionManagement-dropDown-boxShadow);\n        width: var(--beam-SubscriptionManagement-dropDown-width);\n      }\n      .dropdown-container.visible {\n        display: block;\n      }\n      .dropdown-container:hover {\n        background-color: var(--beam-SubscriptionManagement-dropDown-hover-backgroundColor);\n      }\n      .line-break {\n        border-top: var(--beam-SubscriptionManagement-lineBreak-width) solid\n          var(--beam-SubscriptionManagement-lineBreak-color);\n        margin: var(--beam-SubscriptionManagement-lineBreak-margin);\n      }\n      .tile {\n        border: var(--beam-SubscriptionManagement-tile-border-width) solid\n          var(--beam-SubscriptionManagement-tile-border-color);\n        padding: var(--beam-SubscriptionManagement-tile-padding);\n        border-radius: var(--beam-SubscriptionManagement-tile-borderRadius);\n        background: var(--beam-SubscriptionManagement-tile-background);\n      }\n      .tile-title {\n        letter-spacing: var(--beam-SubscriptionManagement-tile-title-letterSpacing);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-title\")};\n      }\n      .tile-content {\n        display: flex;\n        flex-direction: row;\n        gap: var(--beam-SubscriptionManagement-tileContent-gap);\n        padding: var(--beam-SubscriptionManagement-tileContent-padding);\n      }\n      .tile-description-block-container {\n        flex: 1 1 67%;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: var(--beam-SubscriptionManagement-blockTileDescription-gap);\n        padding: var(--beam-SubscriptionManagement-blockTileDescription-padding);\n        line-height: var(--beam-SubscriptionManagement-blockTileDescription-lineHeight);\n      }\n      .sub-widget-container {\n        padding: var(--beam-SubscriptionManagement-subWidgetContainer-padding);\n      }\n      .previous-impact-title {\n        margin-bottom: var(--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom);\n        ${useCustomText(\"--beam-SubscriptionManagement-yourPreviousImpactTitle\")};\n      }\n      .tile-description {\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-description\")};\n      }\n      .via {\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-via\")};\n      }\n      .center-align-logo {\n        margin-left: auto;\n        margin-right: auto;\n      }\n      .left-align-logo {\n        margin-left: 0;\n        margin-right: auto;\n      }\n      .previous-impact-link-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .previous-impact-link {\n        text-decoration-line: var(--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton\")};\n      }\n      .icon-background {\n        width: var(--beam-SubscriptionManagement-tile-icon-background-width);\n        height: var(--beam-SubscriptionManagement-tile-icon-background-height);\n        border-radius: var(--beam-SubscriptionManagement-tile-icon-background-borderRadius);\n        padding: var(--beam-SubscriptionManagement-tile-icon-background-padding);\n        overflow: hidden;\n        background: var(--beam-SubscriptionManagement-tile-icon-background-backgroundColor);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .icon {\n        display: block;\n        margin: auto;\n        border-radius: var(--beam-SubscriptionManagement-tile-icon-borderRadius);\n        height: var(--beam-SubscriptionManagement-tile-icon-height);\n      }\n      .tile-progress-bar-container-desktop {\n        display: flex;\n        align-items: center;\n        width: var(--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop);\n      }\n      .tile-progress-bar-container-mobile {\n        display: flex;\n        align-items: center;\n        width: var(--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile);\n      }\n      .previous-impact-nonprofit-link {\n        text-decoration-line: var(--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-nonprofitLink\")};\n      }\n      .details-funding-progress-label {\n        white-space: nowrap;\n        flex: 0 1;\n        margin-left: var(--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-progressBarLabel\")};\n      }\n      .funded-times {\n        line-height: var(--beam-SubscriptionManagement-tile-fundedAmount-lineHeight);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-fundedAmount\")};\n      }\n      .tile-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n      .tile-support-again {\n        text-decoration-line: var(--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration);\n        ${useCustomText(\"--beam-SubscriptionManagement-tile-supportAgainButton\")};\n      }\n    `,\n    cssCardGrid({\n      gap: \"var(--beam-SubscriptionManagement-tile-marginBottom)\",\n      itemMinWidth: \"250px\",\n      columnCount: \"1\",\n    }),\n  ];\n\n  private renderPreviousImpactTiles({\n    personalImpact,\n    cardStyle,\n    eligibleNonprofitConfig,\n  }: {\n    personalImpact?: TIAPIV3PersonalImpact;\n    cardStyle: string;\n    eligibleNonprofitConfig?: TIAPIV3EligibleNonprofitConfig;\n  }) {\n    if (!personalImpact) {\n      return html``;\n    }\n    if (!eligibleNonprofitConfig) {\n      return html``;\n    }\n\n    const tilesToShow = this.showAllTiles ? personalImpact : personalImpact.slice(0, INITIAL_TILE_COUNT);\n    let emojiIndex = 0;\n    return html`\n      ${tilesToShow\n        .filter((previousImpact) => previousImpact.nonprofit.includeInPersonalImpact === true)\n        .map((previousImpact) => {\n          const {\n            impact: { goalCompletionText, description, goalProgressPercentage, goalProgressText },\n            nonprofit: { cause, causeIconSelectedUrl, causeIconUrl, website, name, id },\n          } = previousImpact;\n\n          const isEligibleToSupportAgain = this.nonprofitId !== id && this.isNonprofitEligible(id);\n          const showProgressBar = isEligibleToSupportAgain && this.shouldDisplayProgressBar(goalProgressPercentage);\n          const emoji = goalCompletionText ? `${this.emojis[emojiIndex]} ` : \"\";\n          emojiIndex = (emojiIndex + 1) % this.emojis.length;\n\n          return html`\n            <div class=\"tile\">\n              <div class=\"tile-header\">\n                <div class=\"tile-title\">${localizeUserString(this.configLang, cause || \"\")}</div>\n                ${isEligibleToSupportAgain\n                  ? html` <button\n                      class=\"tile-support-again button\"\n                      @click=\"${() => this.handleSupportAgainButtonClick(id, name)}\"\n                    >\n                      ${localizeUserString(\n                        this.configLang,\n                        eligibleNonprofitConfig?.web?.additionalStrings?.[\"supportAgainButton\"] || \"\"\n                      ) || strings[this.configLang].supportAgainButton()}\n                    </button>`\n                  : html``}\n              </div>\n              <div class=\"tile-content\">\n                <div class=\"icon-background\">\n                  <img\n                    src=\"${cardStyle === \"'selected_icon'\" ? causeIconSelectedUrl : causeIconUrl}\"\n                    alt=\"${cause}\"\n                    class=\"icon\"\n                  />\n                </div>\n                <div class=\"tile-description-block-container\">\n                  <div class=\"tile-description-container\">\n                    <span class=\"tile-description\">${localizeUserString(this.configLang, description || \"\")}</span>\n                    <span class=\"via\"\n                      >${localizeUserString(\n                        this.configLang,\n                        eligibleNonprofitConfig?.web?.additionalStrings?.[\"via\"] || \"\"\n                      ) || strings[this.configLang].via()}</span\n                    >\n                    <a href=\"${website}\" target=\"_blank\" class=\"previous-impact-nonprofit-link\">\n                      ${localizeUserString(this.configLang, name || \"\")}\n                    </a>\n                  </div>\n                  ${showProgressBar\n                    ? html` <div\n                        class=\"${this.isMobile\n                          ? \"tile-progress-bar-container-mobile\"\n                          : \"tile-progress-bar-container-desktop\"}\"\n                      >\n                        <beam-progress-bar value=\"${goalProgressPercentage}\" style=\"flex: 1 0;\"></beam-progress-bar>\n                        <span class=\"details-funding-progress-label\">${goalProgressText}</span>\n                      </div>`\n                    : html``}\n                  <div class=\"funded-times\">\n                    ${emoji}${unsafeHTML(localizeUserString(this.configLang, goalCompletionText))}\n                  </div>\n                </div>\n              </div>\n            </div>\n          `;\n        })}\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.eligibleNonprofitsDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error || data == null) {\n      return this.debug ? _errorMessage({ error: error || new Error(\"No data\") }) : \"\";\n    }\n    let content;\n    const cardStyle = this.cssVariables[\"--beam-SubscriptionManagement-previousImpact-cardStyle\"];\n    const logoAlignDesktop = this.cssVariables[\"--beam-SubscriptionManagement-logo-align-desktop\"];\n    const logoAlignMobile = this.cssVariables[\"--beam-SubscriptionManagement-logo-align-mobile\"];\n    const previousImpactCount = this.personalImpactDataController.data?.personal?.length ?? 0;\n    if (\n      this.subscriptionDataController.loading ||\n      this.eligibleNonprofitsDataController.loading ||\n      this.personalImpactDataController.loading\n    ) {\n      _loading();\n    }\n\n    if (\n      (this.subscriptionDataController.error ||\n        this.eligibleNonprofitsDataController.error ||\n        this.personalImpactDataController.error) &&\n      this.debug\n    ) {\n      if (this.subscriptionDataController.error !== null) {\n        return _errorMessage({ error: this.subscriptionDataController.error });\n      } else if (this.eligibleNonprofitsDataController.error !== null) {\n        return _errorMessage({ error: this.eligibleNonprofitsDataController.error });\n      } else if (this.personalImpactDataController.error !== null) {\n        return _errorMessage({ error: this.personalImpactDataController.error });\n      }\n    } else {\n      content = \"\";\n    }\n\n    if (this.activeWidget === \"select-subscription-nonprofit\") {\n      content = html` <beam-select-subscription-nonprofit\n        part=\"subscription-nonprofit\"\n        storeId=\"${this.storeId}\"\n        subscriptionId=\"${this.subscriptionId}\"\n        nonprofitId=${this.nonprofitId}\n        selectedNonprofitId=${this.selectedNonprofitId}\n        baseUrl=\"${this.baseUrl}\"\n        apiKey=\"${this.apiKey}\"\n        postalCode=\"${this.postalCode}\"\n        countryCode=\"${this.countryCode}\"\n        lang=\"${this.lang}\"\n        ?draftConfig=\"${this.draftConfig}\"\n        ?debug=\"${this.debug}\"\n        @beamnonprofitselect=\"${(event: Event) => this.handleNonprofitSelect(event)}\"\n      ></beam-select-subscription-nonprofit>`;\n    } else if (this.activeWidget === \"subscription-impact\") {\n      content = html`\n        <beam-subscription-impact\n          part=\"subscription-impact\"\n          baseUrl=\"${this.baseUrl}\"\n          apiKey=\"${this.apiKey}\"\n          storeId=\"${this.storeId}\"\n          beamUserId=\"${this.beamUserId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          lang=\"${this.lang}\"\n          ?draftConfig=\"${this.draftConfig}\"\n          ?debug=\"${this.debug}\"\n        ></beam-subscription-impact>\n      `;\n    }\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div class=\"widget-container\">\n        <div class=\"header\">\n          <div class=\"header-content\">\n            <div\n              class=\"logo ${this.isMobile\n                ? logoAlignMobile === \"center\"\n                  ? \"center-align-logo\"\n                  : \"left-align-logo\"\n                : logoAlignDesktop === \"center\"\n                ? \"center-align-logo\"\n                : \"left-align-logo\"}\"\n            >\n              <beam-partner-logos\n                partnerName=\"${this.eligibleNonprofitsDataController.data?.chain.name}\"\n                partnerLogoUrl=\"${this.eligibleNonprofitsDataController.data?.chain.logoUrl}\"\n              ></beam-partner-logos>\n            </div>\n            ${this.nonprofitId\n              ? html` <div class=\"meatballsMenu\" @click=\"${() => (this.dropdownVisible = !this.dropdownVisible)}\">\n                  <span>&#8230;</span>\n                  <div class=\"dropdown-container ${this.dropdownVisible ? \"visible\" : \"\"}\">\n                    ${this.activeWidget === \"select-subscription-nonprofit\"\n                      ? html`<button\n                          @click=\"${this.handleBackToSubscriptionImpactButtonClick}\"\n                          class=\"drop-down-options button\"\n                        >\n                          ${localizeUserString(\n                            this.configLang,\n                            data?.config?.web?.additionalStrings?.[\"previousNonprofitButtonText\"] || \"\"\n                          ) || strings[this.configLang].previousNonprofitButton()}\n                        </button>`\n                      : this.activeWidget === \"subscription-impact\"\n                      ? html`<button @click=\"${this.handleSwapNonprofitButtonClick}\" class=\"drop-down-options button\">\n                          ${localizeUserString(\n                            this.configLang,\n                            data?.config?.web?.additionalStrings?.[\"changeNonprofitButtonText\"] || \"\"\n                          ) || strings[this.configLang].changeNonprofitButton()}\n                        </button>`\n                      : \"\"}\n                  </div>\n                </div>`\n              : html``}\n          </div>\n        </div>\n        <div class=\"sub-widget-container\">${content}</div>\n        ${previousImpactCount > MIN_PREVIOUS_IMPACT\n          ? html` <div class=\"line-break\"></div>\n\n              <div\n                class=\"previous-impact-container ${this.isMobile\n                  ? \"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile\"\n                  : \"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop\"}\"\n              >\n                <h2 class=\"previous-impact-title\">\n                  ${localizeUserString(\n                    this.configLang,\n                    data?.config?.web?.additionalStrings?.[\"previousImpactHeader\"] || \"\"\n                  ) || strings[this.configLang].previousImpactHeader()}\n                </h2>\n                <div class=\"cardGrid\">\n                  ${this.renderPreviousImpactTiles({\n                    personalImpact: this.personalImpactDataController.data?.personal,\n                    cardStyle,\n                    eligibleNonprofitConfig: this.eligibleNonprofitsDataController.data?.config,\n                  })}\n                </div>\n                ${previousImpactCount > INITIAL_TILE_COUNT\n                  ? html`\n                      <div class=\"previous-impact-link-container\">\n                        <button\n                          @click=\"${() => (this.showAllTiles = !this.showAllTiles)}\"\n                          class=\"previous-impact-link button\"\n                        >\n                          ${this.showAllTiles\n                            ? localizeUserString(\n                                this.configLang,\n                                data?.config?.web?.additionalStrings?.[\"showLessButton\"] || \"\"\n                              ) || strings[this.configLang].showLessButton()\n                            : localizeUserString(\n                                this.configLang,\n                                data?.config?.web?.additionalStrings?.[\"showAllButton\"] || \"\"\n                              ) || strings[this.configLang].showAllButton()}\n                        </button>\n                      </div>\n                    `\n                  : html``}\n              </div>`\n          : html``}\n      </div>\n    `;\n  }\n}\n\ndefineCustomElement(BeamSubscriptionManagement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-subscription-management\": BeamSubscriptionManagement;\n  }\n}\n"],"names":["strings","INITIAL_TILE_COUNT","MIN_PREVIOUS_IMPACT","MIN_PROGRESS_THRESHOLD","MAX_PROGRESS_THRESHOLD","BeamSubscriptionManagement","LitElement","DEFAULT_BASE_URL","AsyncController","SUPPORTED_LANGUAGES","MissingConfig","enforceConfig","eligibleNonprofitResult","postChainEligibleNonprofitsForCart","makeApiKeyHeader","WIDGET_NAMES","subscriptionResult","postFindOrCreateSubscription","impactResult","getImpact","nonprofitId","nonprofitName","event","BeamNonprofitSelectEvent","selectedNonprofitId","np","progressValue","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","personalImpact","cardStyle","eligibleNonprofitConfig","html","tilesToShow","emojiIndex","previousImpact","goalCompletionText","description","goalProgressPercentage","goalProgressText","cause","causeIconSelectedUrl","causeIconUrl","website","name","id","isEligibleToSupportAgain","showProgressBar","emoji","localizeUserString","unsafeHTML","data","loading","error","_loading","_errorMessage","content","logoAlignDesktop","logoAlignMobile","previousImpactCount","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"irCAAO,MAAMA,EAAU,CACrB,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,EACA,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,EACA,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,EACA,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,EACA,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,EACA,GAAI,CACF,sBAAuB,IAAM,mBAC7B,qBAAsB,IAAM,uBAC5B,wBAAyB,IAAM,6BAC/B,mBAAoB,IAAM,gBAC1B,IAAK,IAAM,MACX,cAAe,IAAM,WACrB,eAAgB,IAAM,WACxB,CACF,qICJA,MAAMC,EAAqB,EACrBC,EAAsB,EACtBC,GAAyB,EACzBC,GAAyB,SAElBC,UAAmCC,CAAW,CAApD,aAAA,CAAA,MAAA,GAAA,SAAA,EAIL,KAAO,QAAkBC,EA2BzB,KAAO,KAAkB,KAMzB,KAAO,MAAQ,GAGf,KAAO,YAAc,GAMZ,KAAQ,aAA+E,KACvF,KAAQ,YAA6B,KACrC,KAAQ,WAA4B,KACpC,KAAQ,mBAAgD,CAAA,EACxD,KAAQ,aAAe,GACvB,KAAQ,SAAW,OAAO,WAAa,IACvC,KAAQ,gBAAkB,GAC1B,KAAQ,OAAS,CAAC,YAAM,YAAM,YAAM,SAAK,WAAI,EAEtD,KAAQ,2BAA6B,IAAIC,EAA+C,KAAM,KAAK,iBAAiB,EACpH,KAAQ,iCAAmC,IAAIA,EAC7C,KACA,KAAK,uBACP,EACA,KAAQ,6BAA+B,IAAIA,EAAyC,KAAM,KAAK,WAAW,CAAA,CAlB1G,IAAI,YAAa,CACf,OAAOC,EAAoB,KAAK,IAAI,GAAK,IAC3C,CAkBA,MAAM,cAAe,CACnB,GAAI,CAAC,KAAK,OAAS,CAAC,KAAK,cACvB,MAAM,IAAIC,EACR,CAAC,QAAS,eAAe,EACzB,8EACF,EAEFC,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAM,KAAK,WAAA,CACb,CAEA,MAAM,YAAa,CAIjB,MAAM,QAAQ,IAAI,CAAC,KAAK,0BAA2B,KAAK,mBAAmB,CAAC,EAC5E,MAAM,KAAK,YAAA,EACX,KAAK,aAAe,KAAK,YAAc,sBAAwB,+BACjE,CAEA,MAAM,yBAA0B,CAC9BA,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAMC,EAA0B,MAAMC,EAAmC,CACvE,QAAS,KAAK,QACd,QAASC,EAAiB,KAAK,MAAM,EACrC,YAAa,CACX,QAAS,KAAK,SAAW,OACzB,WAAY,KAAK,YAAc,OAC/B,YAAa,KAAK,aAAe,OACjC,WAAYC,EAAa,wBACzB,QAAS,OACX,CACF,CAAC,EACD,OAAA,KAAK,QAAUH,EAAwB,MAAM,GAC7C,KAAK,mBAAqBA,EAAwB,WAClD,KAAK,iCAAiC,KAAOA,EACtCA,CACT,CAEA,MAAM,mBAAoB,CACxBD,EAAkC,CAAC,SAAU,gBAAgB,EAAG,IAAI,EACpE,MAAMK,EAAqB,MAAMC,EAA6B,CAC5D,QAAS,KAAK,QACd,QAASH,EAAiB,KAAK,MAAM,EACrC,YAAa,CACX,qBAAsB,KAAK,eAC3B,MAAO,KAAK,MACZ,cAAe,KAAK,aACtB,CACF,CAAC,EAED,OAAA,KAAK,WAAaE,EAAmB,WACrC,KAAK,YAAcA,EAAmB,WAAW,IAAM,KAChDA,CACT,CAEA,MAAM,aAAc,CAClBL,EAAkC,CAAC,QAAQ,EAAG,IAAI,EAElD,MAAMO,EAAe,MAAMC,EAAU,CACnC,QAAS,KAAK,QACd,QAASL,EAAiB,KAAK,MAAM,EACrC,YAAa,CACX,WAAY,KAAK,WAAa,KAAK,WAAa,OAChD,WAAY,0BACZ,QAAS,QACT,KAAM,KAAK,UACb,CACF,CAAC,EACD,YAAK,6BAA6B,KAAOI,EAClCA,CACT,CAEA,gCAAiC,CAC/B,KAAK,aAAe,+BACtB,CAEA,2CAA4C,CAC1C,KAAK,aAAe,qBACtB,CAEA,8BAA8BE,EAAyBC,EAAuB,CAC5E,KAAK,aAAe,gCACpB,KAAK,oBAAsBD,EAE3B,MAAME,EAAQ,IAAIC,EAAyB,CACzC,oBAAqBH,EACrB,cAAeC,EACf,OAAQN,EAAa,uBACvB,CAAC,EACD,KAAK,cAAcO,CAAK,CAC1B,CAEA,sBAAsBA,EAAc,CAClC,GAAI,EAAEA,aAAiBC,GAA2B,OAClD,KAAM,CAAE,oBAAAC,CAAoB,EAAIF,EAAM,OACtC,KAAK,YAAcE,GAAuB,KAC1C,KAAK,aAAe,qBACtB,CAEA,oBAAoBJ,EAAyB,CAC3C,OAAO,KAAK,mBAAmB,KAAMK,GAAqCA,EAAG,UAAU,KAAOL,CAAW,CAC3G,CAEA,yBAAyBM,EAAuB,CAC9C,OAAOA,EAAgBvB,IAA0BuB,EAAgBtB,EACnE,CAEA,IAAW,cAAe,CACxB,MAAMuB,EAAW,CACf,GAAGC,EACH,GAAGC,EACH,oBAAqB,UACrB,mBAAoB,UACpB,kBAAmB,UACnB,mBAAoB,UACpB,yBAA0B,UAC1B,4DAA6D,UAC7D,6DAA8D,MAC9D,wDAAyD,WACzD,gEAAiE,UACjE,yDAA0D,QAC1D,mDAAoD,OACpD,kDAAmD,SACnD,yDAA0D,kBAC1D,+CAAgD,qBAChD,oDAAqD,MACrD,uDAAwD,OACxD,8DAA+D,OAC/D,2DAA4D,OAC5D,gDAAiD,OACjD,gDAAiD,MACjD,iDAAkD,gBAClD,kDAAmD,OACnD,kDAAmD,MACnD,kDAAmD,OACnD,6CAA8C,SAC9C,kDAAmD,MACnD,gDAAiD,UACjD,gDAAiD,QACjD,oDAAqD,UACrD,uDAAwD,MACxD,iDAAkD,OAClD,kEAAmE,MACnE,2DAA4D,OAC5D,4DAA6D,OAC7D,qEAAsE,UACtE,6DAA8D,OAC9D,yDAA0D,MAC1D,6DAA8D,MAC9D,gEAAiE,OACjE,+EAAgF,MAChF,8EAA+E,OAC/E,2DAA4D,eAC5D,wEAAyE,qBACzE,uEAAwE,MACxE,iDAAkD,WAClD,sDAAuD,MACvD,yDAA0D,UAC1D,mDAAoD,uCACpD,+CAAgD,QAChD,+DAAgE,UAChE,+DAAgE,YAChE,GAAGC,EAAiB,gDAAiD,CACnE,SAAU,OACV,WAAY,MACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,qEAAsE,OACtE,GAAGA,EAAiB,wDAAyD,CAC3E,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,gFAAiF,YACjF,GAAGA,EAAiB,iEAAkE,CACpF,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,yDAA0D,SAC1D,GAAGA,EAAiB,2CAA4C,CAC9D,SAAU,OACV,WAAY,OACZ,WAAY,OACZ,cAAe,YACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,iDAAkD,CACpE,SAAU,OACV,WAAY,OACZ,UAAW,SACX,MAAO,SACT,CAAC,EACD,GAAGA,EAAiB,yCAA0C,CAC5D,SAAU,OACV,WAAY,OACZ,UAAW,SACX,MAAO,SACT,CAAC,EACD,kEAAmE,YACnE,GAAGA,EAAiB,mDAAoD,CACtE,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,uEAAwE,YACxE,GAAGA,EAAiB,wDAAyD,CAC3E,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,cAAe,aACf,UAAW,SACX,MAAO,SACT,CAAC,EACD,iEAAkE,MAClE,GAAGA,EAAiB,sDAAuD,CACzE,SAAU,OACV,WAAY,OACZ,UAAW,SACX,MAAO,SACT,CAAC,EACD,6DAA8D,OAC9D,GAAGA,EAAiB,kDAAmD,CACrE,SAAU,OACV,WAAY,MACZ,WAAY,OACZ,UAAW,SACX,MAAO,SACT,CAAC,CACH,EAEMC,EAAe,KAAK,kCAAkC,MAAM,QAAQ,KAAK,OAAS,CAAA,EAElFC,EAAS,CAAE,GAAGL,EAAU,GAAGI,CAAa,EAO9C,OAAO,OAAO,OALO,OAAO,OAAO,CACjC,OAAQ,CACN,OAAOE,EAAgB,IAA8B,CACvD,CACF,CAAC,EACkCD,CAAM,CAC3C,CA4LQ,0BAA0B,CAChC,eAAAE,EACA,UAAAC,EACA,wBAAAC,CACF,EAIG,CACD,GAAI,CAACF,EACH,OAAOG,IAET,GAAI,CAACD,EACH,OAAOC,IAGT,MAAMC,EAAc,KAAK,aAAeJ,EAAiBA,EAAe,MAAM,EAAGjC,CAAkB,EACnG,IAAIsC,EAAa,EACjB,OAAOF;AAAAA,QACHC,EACC,OAAQE,GAAmBA,EAAe,UAAU,0BAA4B,EAAI,EACpF,IAAKA,GAAmB,CACvB,KAAM,CACJ,OAAQ,CAAE,mBAAAC,EAAoB,YAAAC,EAAa,uBAAAC,EAAwB,iBAAAC,CAAiB,EACpF,UAAW,CAAE,MAAAC,EAAO,qBAAAC,EAAsB,aAAAC,EAAc,QAAAC,EAAS,KAAAC,EAAM,GAAAC,CAAG,CAC5E,EAAIV,EAEEW,EAA2B,KAAK,cAAgBD,GAAM,KAAK,oBAAoBA,CAAE,EACjFE,EAAkBD,GAA4B,KAAK,yBAAyBR,CAAsB,EAClGU,EAAQZ,EAAqB,GAAG,KAAK,OAAOF,CAAU,CAAC,IAAM,GACnE,OAAAA,GAAcA,EAAa,GAAK,KAAK,OAAO,OAErCF;AAAAA;AAAAA;AAAAA,0CAGyBiB,EAAmB,KAAK,WAAYT,GAAS,EAAE,CAAC;AAAA,kBACxEM,EACEd;AAAAA;AAAAA,gCAEY,IAAM,KAAK,8BAA8Ba,EAAID,CAAI,CAAC;AAAA;AAAA,wBAE1DK,EACA,KAAK,WACLlB,GAAyB,KAAK,mBAAoB,oBAAyB,EAC7E,GAAKpC,EAAQ,KAAK,UAAU,EAAE,mBAAoB,CAAA;AAAA,+BAEpDqC,GAAM;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKCF,IAAc,kBAAoBW,EAAuBC,CAAY;AAAA,2BACrEF,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qDAMqBS,EAAmB,KAAK,WAAYZ,GAAe,EAAE,CAAC;AAAA;AAAA,yBAElFY,EACD,KAAK,WACLlB,GAAyB,KAAK,mBAAoB,KAAU,EAC9D,GAAKpC,EAAQ,KAAK,UAAU,EAAE,KAAK;AAAA;AAAA,+BAE1BgD,CAAO;AAAA,wBACdM,EAAmB,KAAK,WAAYL,GAAQ,EAAE,CAAC;AAAA;AAAA;AAAA,oBAGnDG,EACEf;AAAAA,iCACW,KAAK,SACV,qCACA,qCAAqC;AAAA;AAAA,oDAEbM,CAAsB;AAAA,uEACHC,CAAgB;AAAA,8BAEjEP,GAAM;AAAA;AAAA,sBAENgB,CAAK,GAAGE,EAAWD,EAAmB,KAAK,WAAYb,CAAkB,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAMzF,CAAC,CAAC;AAAA,KAER,CAEA,QAAS,CACP,KAAM,CAAE,KAAAe,EAAM,QAAAC,EAAS,MAAAC,CAAM,EAAI,KAAK,iCACtC,GAAID,EACF,OAAOE,EAAS,EAElB,GAAID,GAASF,GAAQ,KACnB,OAAO,KAAK,MAAQI,EAAc,CAAE,MAAOF,GAAS,IAAI,MAAM,SAAS,CAAE,CAAC,EAAI,GAEhF,IAAIG,EACJ,MAAM1B,EAAY,KAAK,aAAa,wDAAwD,EACtF2B,EAAmB,KAAK,aAAa,kDAAkD,EACvFC,EAAkB,KAAK,aAAa,iDAAiD,EACrFC,EAAsB,KAAK,6BAA6B,MAAM,UAAU,QAAU,EASxF,IAPE,KAAK,2BAA2B,SAChC,KAAK,iCAAiC,SACtC,KAAK,6BAA6B,UAElCL,EAAAA,GAIC,KAAK,2BAA2B,OAC/B,KAAK,iCAAiC,OACtC,KAAK,6BAA6B,QACpC,KAAK,MACL,CACA,GAAI,KAAK,2BAA2B,QAAU,KAC5C,OAAOC,EAAc,CAAE,MAAO,KAAK,2BAA2B,KAAM,CAAC,EAChE,GAAI,KAAK,iCAAiC,QAAU,KACzD,OAAOA,EAAc,CAAE,MAAO,KAAK,iCAAiC,KAAM,CAAC,EACtE,GAAI,KAAK,6BAA6B,QAAU,KACrD,OAAOA,EAAc,CAAE,MAAO,KAAK,6BAA6B,KAAM,CAAC,CAE3E,MACEC,EAAU,GAGZ,OAAI,KAAK,eAAiB,gCACxBA,EAAUxB;AAAAA;AAAAA,mBAEG,KAAK,OAAO;AAAA,0BACL,KAAK,cAAc;AAAA,sBACvB,KAAK,WAAW;AAAA,8BACR,KAAK,mBAAmB;AAAA,mBACnC,KAAK,OAAO;AAAA,kBACb,KAAK,MAAM;AAAA,sBACP,KAAK,UAAU;AAAA,uBACd,KAAK,WAAW;AAAA,gBACvB,KAAK,IAAI;AAAA,wBACD,KAAK,WAAW;AAAA,kBACtB,KAAK,KAAK;AAAA,gCACKf,GAAiB,KAAK,sBAAsBA,CAAK,CAAC;AAAA,8CAEpE,KAAK,eAAiB,wBAC/BuC,EAAUxB;AAAAA;AAAAA;AAAAA,qBAGK,KAAK,OAAO;AAAA,oBACb,KAAK,MAAM;AAAA,qBACV,KAAK,OAAO;AAAA,wBACT,KAAK,UAAU;AAAA,yBACd,KAAK,WAAW;AAAA,kBACvB,KAAK,IAAI;AAAA,0BACD,KAAK,WAAW;AAAA,oBACtB,KAAK,KAAK;AAAA;AAAA,SAInBA;AAAAA;AAAAA;AAAAA,YAGC,KAAK,aAAa,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOT,KAAK,SACf0B,IAAoB,SAClB,oBACA,kBACFD,IAAqB,SACrB,oBACA,iBAAiB;AAAA;AAAA;AAAA,+BAGJ,KAAK,iCAAiC,MAAM,MAAM,IAAI;AAAA,kCACnD,KAAK,iCAAiC,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA,cAG7E,KAAK,YACHzB,wCAA2C,IAAO,KAAK,gBAAkB,CAAC,KAAK,eAAgB;AAAA;AAAA,mDAE5D,KAAK,gBAAkB,UAAY,EAAE;AAAA,sBAClE,KAAK,eAAiB,gCACpBA;AAAAA,oCACY,KAAK,yCAAyC;AAAA;AAAA;AAAA,4BAGtDiB,EACA,KAAK,WACLE,GAAM,QAAQ,KAAK,mBAAoB,6BAAkC,EAC3E,GAAKxD,EAAQ,KAAK,UAAU,EAAE,wBAAyB,CAAA;AAAA,mCAEzD,KAAK,eAAiB,sBACtBqC,oBAAuB,KAAK,8BAA8B;AAAA,4BACtDiB,EACA,KAAK,WACLE,GAAM,QAAQ,KAAK,mBAAoB,2BAAgC,EACzE,GAAKxD,EAAQ,KAAK,UAAU,EAAE,sBAAuB,CAAA;AAAA,mCAEvD,EAAE;AAAA;AAAA,wBAGVqC,GAAM;AAAA;AAAA;AAAA,4CAGsBwB,CAAO;AAAA,UACzCG,EAAsB9D,EACpBmC;AAAAA;AAAAA;AAAAA,mDAGuC,KAAK,SACpC,uEACA,uEAAuE;AAAA;AAAA;AAAA,oBAGvEiB,EACA,KAAK,WACLE,GAAM,QAAQ,KAAK,mBAAoB,sBAA2B,EACpE,GAAKxD,EAAQ,KAAK,UAAU,EAAE,qBAAsB,CAAA;AAAA;AAAA;AAAA,oBAGlD,KAAK,0BAA0B,CAC/B,eAAgB,KAAK,6BAA6B,MAAM,SACxD,UAAAmC,EACA,wBAAyB,KAAK,iCAAiC,MAAM,MACvE,CAAC,CAAC;AAAA;AAAA,kBAEF6B,EAAsB/D,EACpBoC;AAAAA;AAAAA;AAAAA,oCAGgB,IAAO,KAAK,aAAe,CAAC,KAAK,YAAa;AAAA;AAAA;AAAA,4BAGtD,KAAK,aACHiB,EACE,KAAK,WACLE,GAAM,QAAQ,KAAK,mBAAoB,gBAAqB,EAC9D,GAAKxD,EAAQ,KAAK,UAAU,EAAE,eAAe,EAC7CsD,EACE,KAAK,WACLE,GAAM,QAAQ,KAAK,mBAAoB,eAAoB,EAC7D,GAAKxD,EAAQ,KAAK,UAAU,EAAE,cAAe,CAAA;AAAA;AAAA;AAAA,sBAIvDqC,GAAM;AAAA,sBAEdA,GAAM;AAAA;AAAA,KAGhB,CACF,CAxvBahC,EACJ,QAAU,+BADNA,EA8TJ,OAAS,CACd4D,EACAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAYMC,EAAc,+CAA+C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAmE9DA,EAAc,0CAA0C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsBzDA,EAAc,uDAAuD,CAAC;AAAA;AAAA;AAAA,UAGtEA,EAAc,gDAAgD,CAAC;AAAA;AAAA;AAAA,UAG/DA,EAAc,wCAAwC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAiBvDA,EAAc,gEAAgE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA+B/EA,EAAc,kDAAkD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMjEA,EAAc,qDAAqD,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpEA,EAAc,iDAAiD,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAShEA,EAAc,uDAAuD,CAAC;AAAA;AAAA,MAG5EC,EAAY,CACV,IAAK,uDACL,aAAc,QACd,YAAa,GACf,CAAC,CACH,EAlfOC,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EAHfjE,EAIJ,UAGAgE,SAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GANfjE,EAOJ,UAAA,QAAA,EAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CATf,EAAAjE,EAUJ,4BAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAZ9BjE,EAaJ,UAAA,SAAA,EAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAff,EAAAjE,EAgBJ,mBAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAlBf,EAAAjE,EAmBJ,2BAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EArBfjE,EAsBJ,UAGAgE,YAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GAxBfjE,EAyBJ,UAAA,aAAA,EAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,CAAA,EA3B9BjE,EA4BJ,UAGAgE,qBAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,GA9BfjE,EA+BJ,UAAA,MAAA,EAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,MAAO,CAAC,CAjCf,EAAAjE,EAkCJ,kBAGAgE,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,EApChBjE,EAqCJ,UAGAgE,OAAAA,EAAAA,EAAA,CADNC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAvChB,EAAAjE,EAwCJ,UAMUgE,aAAAA,EAAAA,EAAA,CAAhBE,EAAM,CAAA,EA9CIlE,EA8CM,UACAgE,cAAAA,EAAAA,EAAA,CAAhBE,GAAM,EA/CIlE,EA+CM,UACAgE,aAAAA,EAAAA,EAAA,CAAhBE,EAAM,CAAA,EAhDIlE,EAgDM,UACAgE,YAAAA,EAAAA,EAAA,CAAhBE,GAAM,EAjDIlE,EAiDM,UAAA,oBAAA,EACAgE,EAAA,CAAhBE,EAlDU,CAAA,EAAAlE,EAkDM,0BACAgE,EAAA,CAAhBE,GAnDU,EAAAlE,EAmDM,sBACAgE,EAAA,CAAhBE,GApDU,EAAAlE,EAoDM,6BACAgE,EAAA,CAAhBE,EArDU,CAAA,EAAAlE,EAqDM,UAqsBnBmE,QAAAA,EAAAA,EAAoBnE,CAA0B"}

package/dist/components/subscription-management.js

@@ -1,5 +1,5 @@
-import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm.js";import{D as R,S as j,f as _,W as B,h as K,g as O}from"../chunks/routes-YPOoVIR2.esm.js";import{p as F}from"../chunks/progress-bar-PMU_xI3L.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-S8EGgEnO.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-OiRewTgu.esm.js";import{c as N}from"../chunks/events-T3hYV1LF.esm.js";import{M as q}from"../chunks/beam-errors-AMvTvR1C.esm.js";import"./select-subscription-nonprofit.js";import"./subscription-impact.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.js";import{_ as $}from"../chunks/loading-template-t4fFsYtr.esm.js";import{c as Q}from"../chunks/css-card-grid-nEc--M5M.esm.js";import"../utils/logger.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/local-storage.js";import"../chunks/share-button-EsUPw38-.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/vendor-GKiOHg2N.esm.js";import"../chunks/share-button-SNvuFDC9.esm.js";import"../chunks/responsive-2lC2Wrtg.esm.js";const m={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,i=(M,t,n,a)=>{for(var r=a>1?void 0:a?Z(t,n):t,b=M.length-1,d;b>=0;b--)(d=M[b])&&(r=(a?d(t,n,r):d(r))||r);return a&&r&&X(t,n,r),r};const D=3,tt=0,et=1,it=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return j[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await _({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await O({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const a=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(a)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>et&&t<it}get cssVariables(){const t={...J,...F,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),a)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:a}){if(!t)return o``;if(!a)return o``;const r=this.showAllTiles?t:t.slice(0,D);let b=0;return o`
-      ${r.filter(d=>d.nonprofit.includeInPersonalImpact===!0).map(d=>{const{impact:{goalCompletionText:u,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:U,name:I,id:w}}=d,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),P=k&&this.shouldDisplayProgressBar(f),W=u?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
+import{f as z,g as r,t as g,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as _,e as j,W as B,f as K,g as F}from"../chunks/routes-CAhDCFDX.esm.js";import{p as O}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-C25pEGnx.esm.js";import{c as N}from"../chunks/events-BohmT6Lp.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.js";import"./subscription-impact.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.js";import{_ as $}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../utils/logger.js";import"../chunks/lodash-7H4x2457.esm.js";import"../utils/local-storage.js";import"../chunks/share-button-CtklpZOO.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BYVId0-U.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const m={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,d;b>=0;b--)(d=M[b])&&(a=d(t,n,a)||a);return a&&X(t,n,a),a};const D=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return _[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await j({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,D);let b=0;return o`
+      ${a.filter(d=>d.nonprofit.includeInPersonalImpact===!0).map(d=>{const{impact:{goalCompletionText:u,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:U,name:I,id:w}}=d,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),P=k&&this.shouldDisplayProgressBar(f),W=u?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
             <div class="tile">
               <div class="tile-header">
                 <div class="tile-title">${p(this.configLang,C||"")}</div>
@@ -7,7 +7,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                       class="tile-support-again button"
                       @click="${()=>this.handleSupportAgainButtonClick(w,I)}"
                     >
-                      ${p(this.configLang,a?.web?.additionalStrings?.supportAgainButton||"")||m[this.configLang].supportAgainButton()}
+                      ${p(this.configLang,s?.web?.additionalStrings?.supportAgainButton||"")||m[this.configLang].supportAgainButton()}
                     </button>`:o``}
               </div>
               <div class="tile-content">
@@ -22,7 +22,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                   <div class="tile-description-container">
                     <span class="tile-description">${p(this.configLang,h||"")}</span>
                     <span class="via"
-                      >${p(this.configLang,a?.web?.additionalStrings?.via||"")||m[this.configLang].via()}</span
+                      >${p(this.configLang,s?.web?.additionalStrings?.via||"")||m[this.configLang].via()}</span
                     >
                     <a href="${U}" target="_blank" class="previous-impact-nonprofit-link">
                       ${p(this.configLang,I||"")}
@@ -41,7 +41,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
               </div>
             </div>
           `})}
-    `}render(){const{data:t,loading:n,error:a}=this.eligibleNonprofitsDataController;if(n)return $();if(a||t==null)return this.debug?v({error:a||new Error("No data")}):"";let r;const b=this.cssVariables["--beam-SubscriptionManagement-previousImpact-cardStyle"],d=this.cssVariables["--beam-SubscriptionManagement-logo-align-desktop"],u=this.cssVariables["--beam-SubscriptionManagement-logo-align-mobile"],h=this.personalImpactDataController.data?.personal?.length??0;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading||this.personalImpactDataController.loading)&&$(),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error||this.personalImpactDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return v({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return v({error:this.eligibleNonprofitsDataController.error});if(this.personalImpactDataController.error!==null)return v({error:this.personalImpactDataController.error})}else r="";return this.activeWidget==="select-subscription-nonprofit"?r=o` <beam-select-subscription-nonprofit
+    `}render(){const{data:t,loading:n,error:s}=this.eligibleNonprofitsDataController;if(n)return $();if(s||t==null)return this.debug?v({error:s||new Error("No data")}):"";let a;const b=this.cssVariables["--beam-SubscriptionManagement-previousImpact-cardStyle"],d=this.cssVariables["--beam-SubscriptionManagement-logo-align-desktop"],u=this.cssVariables["--beam-SubscriptionManagement-logo-align-mobile"],h=this.personalImpactDataController.data?.personal?.length??0;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading||this.personalImpactDataController.loading)&&$(),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error||this.personalImpactDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return v({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return v({error:this.eligibleNonprofitsDataController.error});if(this.personalImpactDataController.error!==null)return v({error:this.personalImpactDataController.error})}else a="";return this.activeWidget==="select-subscription-nonprofit"?a=o` <beam-select-subscription-nonprofit
         part="subscription-nonprofit"
         storeId="${this.storeId}"
         subscriptionId="${this.subscriptionId}"
@@ -55,7 +55,7 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
         ?draftConfig="${this.draftConfig}"
         ?debug="${this.debug}"
         @beamnonprofitselect="${f=>this.handleNonprofitSelect(f)}"
-      ></beam-select-subscription-nonprofit>`:this.activeWidget==="subscription-impact"&&(r=o`
+      ></beam-select-subscription-nonprofit>`:this.activeWidget==="subscription-impact"&&(a=o`
         <beam-subscription-impact
           part="subscription-impact"
           baseUrl="${this.baseUrl}"
@@ -99,8 +99,8 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
                 </div>`:o``}
           </div>
         </div>
-        <div class="sub-widget-container">${r}</div>
-        ${h>tt?o` <div class="line-break"></div>
+        <div class="sub-widget-container">${a}</div>
+        ${h>Z?o` <div class="line-break"></div>
 
               <div
                 class="previous-impact-container ${this.isMobile?"--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"--beam-SubscriptionManagement-previousImpactContainer-padding-desktop"}"
@@ -299,5 +299,5 @@ import{f as z,g as s,t as g,h as H,y as o,k as E}from"../chunks/lit-iNN5L_Qk.esm
         text-decoration-line: var(--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration);
         ${l("--beam-SubscriptionManagement-tile-supportAgainButton")};
       }
-    `,Q({gap:"var(--beam-SubscriptionManagement-tile-marginBottom)",itemMinWidth:"250px",columnCount:"1"})],i([s({type:String})],e.prototype,"baseUrl",2),i([s({type:String})],e.prototype,"apiKey",2),i([s({type:String})],e.prototype,"subscriptionId",2),i([s({type:Number,reflect:!0})],e.prototype,"storeId",2),i([s({type:String})],e.prototype,"email",2),i([s({type:String})],e.prototype,"partnerUserId",2),i([s({type:String})],e.prototype,"postalCode",2),i([s({type:String})],e.prototype,"countryCode",2),i([s({type:Number,reflect:!0})],e.prototype,"selectedNonprofitId",2),i([s({type:String})],e.prototype,"lang",2),i([s({type:Object})],e.prototype,"cart",2),i([s({type:Boolean})],e.prototype,"debug",2),i([s({type:Boolean})],e.prototype,"draftConfig",2),i([g()],e.prototype,"activeWidget",2),i([g()],e.prototype,"nonprofitId",2),i([g()],e.prototype,"beamUserId",2),i([g()],e.prototype,"eligibleNonprofits",2),i([g()],e.prototype,"showAllTiles",2),i([g()],e.prototype,"isMobile",2),i([g()],e.prototype,"dropdownVisible",2),i([g()],e.prototype,"emojis",2),Y(e);export{e as BeamSubscriptionManagement};
+    `,Q({gap:"var(--beam-SubscriptionManagement-tile-marginBottom)",itemMinWidth:"250px",columnCount:"1"})],i([r({type:String})],e.prototype,"baseUrl"),i([r({type:String})],e.prototype,"apiKey"),i([r({type:String})],e.prototype,"subscriptionId"),i([r({type:Number,reflect:!0})],e.prototype,"storeId"),i([r({type:String})],e.prototype,"email"),i([r({type:String})],e.prototype,"partnerUserId"),i([r({type:String})],e.prototype,"postalCode"),i([r({type:String})],e.prototype,"countryCode"),i([r({type:Number,reflect:!0})],e.prototype,"selectedNonprofitId"),i([r({type:String})],e.prototype,"lang"),i([r({type:Object})],e.prototype,"cart"),i([r({type:Boolean})],e.prototype,"debug"),i([r({type:Boolean})],e.prototype,"draftConfig"),i([g()],e.prototype,"activeWidget"),i([g()],e.prototype,"nonprofitId"),i([g()],e.prototype,"beamUserId"),i([g()],e.prototype,"eligibleNonprofits"),i([g()],e.prototype,"showAllTiles"),i([g()],e.prototype,"isMobile"),i([g()],e.prototype,"dropdownVisible"),i([g()],e.prototype,"emojis"),Y(e);export{e as BeamSubscriptionManagement};
 //# sourceMappingURL=subscription-management.js.map