@beamimpact/web-sdk 1.52.6 → 1.53.1

package/dist/chunks/{_share-dialog-dependencies-Cry6mcdg.esm.js → _share-dialog-dependencies-Cirjl8zP.esm.js}

@@ -1,2 +1,2 @@
-import{r as c,s as i}from"./vendor-KKSARHWL.esm.js";import{m as t}from"./routes-Lvj2SXN4.esm.js";import"./lit-WqMxC_PA.esm.js";import"./beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,m=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${m}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
-//# sourceMappingURL=_share-dialog-dependencies-Cry6mcdg.esm.js.map
+import{r as c,s as i}from"./vendor-KKSARHWL.esm.js";import{k as t}from"./routes-BnPd0lrO.esm.js";import"./lit-WqMxC_PA.esm.js";import"./beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,o=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${o}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
+//# sourceMappingURL=_share-dialog-dependencies-Cirjl8zP.esm.js.map

package/dist/chunks/{_share-dialog-dependencies-Cry6mcdg.esm.js.map → _share-dialog-dependencies-Cirjl8zP.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_share-dialog-dependencies-Cry6mcdg.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"oMASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}
+{"version":3,"file":"_share-dialog-dependencies-Cirjl8zP.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"oMASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}

package/dist/chunks/{_share-dialog-dependencies-DSYemenF.esm.js → _share-dialog-dependencies-DElW9Yip.esm.js}

@@ -1,2 +1,2 @@
-import{r as c,s as i}from"./vendor-KKSARHWL.esm.js";import{m as t}from"./routes-D-AQPRne.esm.js";import"./lit-WqMxC_PA.esm.js";import"./beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,m=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${m}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
-//# sourceMappingURL=_share-dialog-dependencies-DSYemenF.esm.js.map
+import{r as c,s as i}from"./vendor-KKSARHWL.esm.js";import{k as t}from"./routes-D7s2_Xn5.esm.js";import"./lit-WqMxC_PA.esm.js";import"./beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,o=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${o}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
+//# sourceMappingURL=_share-dialog-dependencies-DElW9Yip.esm.js.map

package/dist/chunks/{_share-dialog-dependencies-DSYemenF.esm.js.map → _share-dialog-dependencies-DElW9Yip.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_share-dialog-dependencies-DSYemenF.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"gMASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}
+{"version":3,"file":"_share-dialog-dependencies-DElW9Yip.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"gMASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}

package/dist/chunks/cart-contents-DkoytiZh.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"cart-contents-DkoytiZh.esm.js","sources":["../../src/shared/cart-contents.ts"],"sourcesContent":["import { paths } from \"../api-sdk/v3/openapi-spec\";\n\nexport type TCartApi =\n  paths[\"/chain/findEligibleNonprofitsForCart\"][\"post\"][\"requestBody\"][\"content\"][\"application/json\"][\"cart\"];\n\n// Same as type from API but with non-optional fields, so we can use where Shopify guarantees values\nexport type TCart = TCartApi & {\n  content: {\n    items: Record<string, any>[];\n    discounts?: Record<string, any>[] | undefined | null;\n  };\n};\n\nexport type TCartItems = TCart[\"content\"][\"items\"];\n\nexport type TCartDiscounts = TCart[\"content\"][\"discounts\"];\n\nexport type TBeamCartLocalStorage = {\n  cartId: string;\n  beamCartId?: string;\n  subtotal: number;\n  itemCount: number;\n  currencyCode: string;\n} & TCart;\n\nexport const BEAM_CART_COOKIE_NAME = \"beam_cart\";\n\nexport type Discount = {\n  code: string;\n  applicable: boolean;\n};\n"],"names":["BEAM_CART_COOKIE_NAME"],"mappings":"AAyBO,MAAMA,EAAwB"}
+{"version":3,"file":"cart-contents-DkoytiZh.esm.js","sources":["../../src/shared/cart-contents.ts"],"sourcesContent":["import { paths } from \"../api-sdk/openapi-spec\";\nexport type TCartApi =\n  paths[\"/chain/findEligibleNonprofitsForCart\"][\"post\"][\"requestBody\"][\"content\"][\"application/json\"][\"cart\"];\n\n// Same as type from API but with non-optional fields, so we can use where Shopify guarantees values\nexport type TCart = TCartApi & {\n  content: {\n    items: Record<string, any>[];\n    discounts?: Record<string, any>[] | undefined | null;\n  };\n};\n\nexport type TCartItems = TCart[\"content\"][\"items\"];\n\nexport type TCartDiscounts = TCart[\"content\"][\"discounts\"];\n\nexport type TBeamCartLocalStorage = {\n  cartId: string;\n  beamCartId?: string;\n  subtotal: number;\n  itemCount: number;\n  currencyCode: string;\n} & TCart;\n\nexport const BEAM_CART_COOKIE_NAME = \"beam_cart\";\n\nexport type Discount = {\n  code: string;\n  applicable: boolean;\n};\n"],"names":["BEAM_CART_COOKIE_NAME"],"mappings":"AAwBO,MAAMA,EAAwB"}

package/dist/chunks/{cart-contents-CUgc4y1N.esm.d.ts → cart-contents-oArgpFbi.esm.d.ts}

@@ -1,4 +1,4 @@
-import { p as paths } from './openapi-spec-VAt3phhg.esm.js';
+import { p as paths } from './openapi-spec-x9NbL7bU.esm.js';
 
 type TCartApi = paths["/chain/findEligibleNonprofitsForCart"]["post"]["requestBody"]["content"]["application/json"]["cart"];
 type TCart = TCartApi & {

package/dist/chunks/{events-BKkf9u9l.esm.d.ts → events-BMTcECV9.esm.d.ts}

@@ -1,5 +1,5 @@
-import { a as TCartApi } from './cart-contents-CUgc4y1N.esm.js';
-import { T as TPromoCodeRequest } from './promo-types-C1unMpo2.esm.js';
+import { a as TCartApi } from './cart-contents-oArgpFbi.esm.js';
+import { T as TPromoCodeRequest } from './promo-types-Cz_Zkjy1.esm.js';
 import { W as WidgetName, a as TId, H as HelperName } from './types-CPxMwnoR.esm.js';
 
 type NetworkEventDetail = {

package/dist/chunks/{index-TAxKoTC1.esm.d.ts → index-1Mhh255_.esm.d.ts}

@@ -1,4 +1,4 @@
-import { B as BeamShopifyCartIntegrationConfig, T as TBeamOrderPageParams, a as addBeamAttributesToCart, d as appendBeamAttributesToCart, b as appendStatsigToShopifyCartAttributes, c as appendToShopifyCartBeamAttribute, f as getBeamAttributesForCart, g as getCurrentCart, e as getShopifyCart, r as registerCartIntegration, s as showBeamOrderPageWidgets, t as trackCart } from './order-page-Cerye00Q.esm.js';
+import { B as BeamShopifyCartIntegrationConfig, T as TBeamOrderPageParams, a as addBeamAttributesToCart, d as appendBeamAttributesToCart, b as appendStatsigToShopifyCartAttributes, c as appendToShopifyCartBeamAttribute, f as getBeamAttributesForCart, g as getCurrentCart, e as getShopifyCart, r as registerCartIntegration, s as showBeamOrderPageWidgets, t as trackCart } from './order-page-D_p01zgd.esm.js';
 
 declare const index_BeamShopifyCartIntegrationConfig: typeof BeamShopifyCartIntegrationConfig;
 declare const index_TBeamOrderPageParams: typeof TBeamOrderPageParams;

package/dist/chunks/index-2vxtp84k.esm.js

@@ -0,0 +1,2 @@
+import{i}from"./index-DtfQd6C4.esm.js";import{i as o}from"./index-CaBSaNNT.esm.js";import{i as r}from"./index-BNjsFEGn.esm.js";import{i as e}from"./index-DGyP7M3g.esm.js";import{i as m}from"./index-IZJ4xhyj.esm.js";var s=Object.freeze({__proto__:null,Cart:e,Logs:m,Session:r,Shopify:o,Utils:i});export{s as i};
+//# sourceMappingURL=index-2vxtp84k.esm.js.map

package/dist/chunks/index-2vxtp84k.esm.js.map

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

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

@@ -0,0 +1,2 @@
+import{O as e}from"./update-cart-DCxR1dVX.esm.js";var r=Object.freeze({__proto__:null,updateCart:e});export{r as i};
+//# sourceMappingURL=index-Bs4Q42bL.esm.js.map

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

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

package/dist/chunks/{index-ki8pLX6n.esm.d.ts → index-C4P0R2un.esm.d.ts}

@@ -1,8 +1,8 @@
-import { i as index$5 } from './index-DvbUE31b.esm.js';
-import { i as index$4 } from './index-TAxKoTC1.esm.js';
+import { i as index$5 } from './index-DqffUXvi.esm.js';
+import { i as index$4 } from './index-1Mhh255_.esm.js';
 import { i as index$3 } from './index-C-hPf29c.esm.js';
-import { i as index$1 } from './index-BqBEii8E.esm.js';
-import { i as index$2 } from './index-CbKkAM6h.esm.js';
+import { i as index$1 } from './index-CkuCObi0.esm.js';
+import { i as index$2 } from './index-CPVMm4wx.esm.js';
 
 /**
  * This file is used to provide type definitions

package/dist/chunks/{index-CbKkAM6h.esm.d.ts → index-CPVMm4wx.esm.d.ts}

@@ -1,4 +1,4 @@
-import { p as paths } from './openapi-spec-VAt3phhg.esm.js';
+import { p as paths } from './openapi-spec-x9NbL7bU.esm.js';
 
 type PostLogsReq = paths["/logs"]["post"]["requestBody"]["content"]["application/json"];
 interface SendLogConfig {

package/dist/chunks/{index-Dnm34FcO.esm.d.ts → index-Ca8xkEwS.esm.d.ts}

@@ -1,5 +1,5 @@
 import { b as beamErrors } from './beam-errors-CCe004HS.esm.js';
-import { e as events } from './events-BKkf9u9l.esm.js';
+import { e as events } from './events-BMTcECV9.esm.js';
 import { logger } from '../utils/logger.js';
 import { initNetworkListeners } from '../utils/network-listeners.js';
 import { createScopedLocalStorage } from '../utils/local-storage.js';

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

@@ -0,0 +1,2 @@
+import{z as t,g as e,W as r,T as a,f as i,_ as o,I as s,K as p,s as g,Y as d}from"./order-page-O5u1cAz8.esm.js";var C=Object.freeze({__proto__:null,addBeamAttributesToCart:t,appendBeamAttributesToCart:e,appendStatsigToShopifyCartAttributes:r,appendToShopifyCartBeamAttribute:a,getBeamAttributesForCart:i,getCurrentCart:o,getShopifyCart:s,registerCartIntegration:p,showBeamOrderPageWidgets:g,trackCart:d});export{C as i};
+//# sourceMappingURL=index-CaBSaNNT.esm.js.map

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

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

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

@@ -0,0 +1,389 @@
+import{m as $,y as i,f as P,g as c,t as v,h as D,q as C,k as I,u as N}from"./lit-WqMxC_PA.esm.js";import{d as L}from"./lodash-D3TLHRR_.esm.js";import{u as h,A as R,d as f,a as z,i as m,_ as x}from"./localize-C25pEGnx.esm.js";import{m as B,D as M,d as U,W as y,S as E}from"./routes-D7s2_Xn5.esm.js";import{p as W}from"./progress-bar-DF7UuuHb.esm.js";import{p as A}from"./promo-pill-label-CbW_Vcru.esm.js";import{partnerLogosConfigDefaults as F}from"../components/beam-partner-logos.js";import{c as _,d as j,e as w,a as O}from"./enforce-config-Ba1JkOHs.esm.js";import{_ as K}from"./loading-template-DG4lkIIc.esm.js";import{M as V,B as H}from"./beam-errors-Ci0d3926.esm.js";import{createScopedLocalStorage as q}from"../utils/local-storage.js";import{c as G}from"./css-card-grid-CvoGpsJH.esm.js";import{c as J}from"./events-BohmT6Lp.esm.js";const Z=B("/v4/transaction","post"),Q=B("/v4/transaction/redeem/{transactionId}","put"),X=({height:n="1em",width:e="1em"}={})=>i`
+    <svg
+      style="${$({height:n,width:e,position:"relative",bottom:"0"})}"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <!-- Filled Circle -->
+      <circle cx="12" cy="12" r="10" fill="currentColor" />
+    </svg>
+  `,p={en:{beamAttribution:()=>"Powered by Beam",ctaTitle:()=>"Choose your impact",ctaPromoPrefixMessage:()=>"At no extra cost,",ctaPromoMessage:({donationPercentage:n="1"}={})=>`At no extra cost, select a nonprofit and ${n}% will be donated there for you.`,ctaMessage:({donationPercentage:n="1"}={})=>`At no extra cost, select a nonprofit and ${n}% will be donated there for you.`,submitButtonText:()=>"Confirm",submitButtonTextCompleted:()=>"Confirmed!",chooseButtonText:()=>"Choose a nonprofit"},fr:{beamAttribution:()=>"Optimis\xE9 par Beam",ctaTitle:()=>"Choisissez votre cause",ctaPromoPrefixMessage:()=>"",ctaPromoMessage:()=>"",ctaMessage:({donationPercentage:n="1"}={})=>`Choisissez un organisme \xE0 but non lucratif et ${n} % lui sera vers\xE9 en votre nom, sans frais suppl\xE9mentaires.`,submitButtonText:()=>"Confirmer",submitButtonTextCompleted:()=>"Confirm\xE9!",chooseButtonText:()=>"Choisissez"},de:{beamAttribution:()=>"Unterst\xFCtzt von Beam",ctaTitle:()=>"W\xE4hle deinen Impact",ctaPromoPrefixMessage:()=>"",ctaPromoMessage:()=>"",ctaMessage:({donationPercentage:n="1"}={})=>`W\xE4hle eine der gemeinn\xFCtzigen Organisationen und spende ${n}% deines Einkaufs ohne zus\xE4tzliche Kosten`,submitButtonText:()=>"Best\xE4tigen",submitButtonTextCompleted:()=>"Best\xE4tigt!",chooseButtonText:()=>"W\xE4hlen"},es:{ctaTitle:()=>"Elige tu contribuci\xF3n",ctaPromoPrefixMessage:()=>"",ctaPromoMessage:()=>"",ctaMessage:({donationPercentage:n="1"}={})=>`Elige una organizaci\xF3n sin fines de lucro y donaremos ${n}% de tu compra sin coste adicional.`,beamAttribution:()=>"Ofrecido por Beam",submitButtonText:()=>"Confirmar",submitButtonTextCompleted:()=>"\xA1Confirmado!",chooseButtonText:()=>"Elige"},it:{ctaTitle:()=>"Scegli dove fare la differenza",ctaPromoPrefixMessage:()=>"",ctaPromoMessage:()=>"",ctaMessage:({donationPercentage:n="1"}={})=>`Seleziona un'organizzazione no-profit a cui devolvere l\u2019${n}% del tuo acquisto, senza costi aggiuntivi`,beamAttribution:()=>"Gestito da Beam",submitButtonText:()=>"Confermare",submitButtonTextCompleted:()=>"Confermato!",chooseButtonText:()=>"Scegli"},pl:{beamAttribution:()=>"Wspierany przez Beam",ctaTitle:()=>"Wybierz inicjatyw\u0119, kt\xF3r\u0105 chcesz wesprze\u0107",ctaPromoPrefixMessage:()=>"",ctaPromoMessage:()=>"",ctaMessage:({donationPercentage:n="1"}={})=>`Wybierz organizacj\u0119, kt\xF3rej przeka\u017Cesz ${n}% warto\u015Bci Twoich zakup\xF3w \u2013 bez \u017Cadnych dodatkowych koszt\xF3w!`,submitButtonText:()=>"Zatwierd\u017A",submitButtonTextCompleted:()=>"Zatwierdzono!",chooseButtonText:()=>"Wybierz"}};var Y=Object.defineProperty,d=(n,e,o,t)=>{for(var a=void 0,b=n.length-1,l;b>=0;b--)(l=n[b])&&(a=l(e,o,a)||a);return a&&Y(e,o,a),a};class r extends D{constructor(){super(...arguments),this.baseUrl=M,this.lang="en",this.debug=!1,this.draftConfig=!1,this.isMobile=window.innerWidth<768,this.didUserExpandNonprofits=!1,this.shouldUsePromoUI=!1,this.getChainNonprofits=async()=>{if(!this.hasCorrectTransactionConfig)throw new V;const e=await U({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId,postalCode:this.postalCode,countryCode:this.countryCode,transactionId:String(this.transactionId),cart:this.cart??void 0,widgetName:y.redeem_transaction,options:{config:{draftConfig:this.draftConfig}},version:"2.0.0",lang:this.configLang}});return e.store?.id&&e.store.id!==this.storeId&&(this.storeId=e.store.id),this.localStorage.setItemJson("chainNonprofits",{createdAt:new Date,data:e}),e},this.updateNonprofitIdForRecord=async({selectedNonprofitId:e})=>this.transactionId?this.putTransaction({selectedNonprofitId:e}):null,this.putTransaction=async({selectedNonprofitId:e})=>(w(["apiKey","transactionId"],this),Q({baseUrl:this.baseUrl,apiRoot:"/api",headers:{authorization:`Api-Key ${this.apiKey}`},pathParams:{transactionId:this.transactionId},requestBody:{nonprofitId:e}})),this.nonprofitListDataController=new R(this,this.getChainNonprofits),this.selectionDataController=new R(this,this.updateNonprofitIdForRecord),this.localStorage=q(this),this.makeHandleSelect=(e,o,t)=>async a=>{if(!this.allowChange)return;const b=this.selectedNonprofitId;if(a instanceof KeyboardEvent){let l=null;switch(a.key){case"ArrowUp":case"ArrowLeft":o===0?l=t[t.length-1]:l=t[o-1],a.preventDefault();break;case"ArrowRight":case"ArrowDown":o===t.length-1?l=t[0]:l=t[o+1],a.preventDefault();break;case"Enter":case" ":a.preventDefault();break;default:return}if(l){const u=this.renderRoot.querySelector(`[data-value="${l.nonprofit.id}"]`);u!==null&&(u.tabIndex=0,u.focus());return}}if(a.currentTarget instanceof HTMLElement){if(b===e)return;this.selectedNonprofitId=e}},this.handleSubmit=async()=>{const{selectedNonprofitId:e}=this;if(!this.allowSubmit||e==null)return;await this.selectionDataController.exec({selectedNonprofitId:e}),this.localStorage.setItem("nonprofit",e),this.localStorage.setItem("nonprofit_selected_at",new Date().toISOString());const o=this.nonprofitListDataController?.data?.nonprofits.find(t=>t.nonprofit.id===e);this.dispatchEvent(new J({selectedNonprofitId:e,nonprofitName:o?.nonprofit.name,source:y.redeem_transaction}))},this.evaluateBreakPoints=L(()=>{this.isMobile=window.innerWidth<768},50,{maxWait:50,leading:!0})}get configLang(){return E[this.lang]||"en"}get hasCorrectTransactionConfig(){return O(["apiKey","transactionId"],this)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.evaluateBreakPoints)}async firstUpdated(e){await this.restoreStateFromCache()}async updated(e){const o=["baseUrl","storeId","apiKey","countryCode","postalCode","lang"];for(const t of o)if(e.has(t)){await this.nonprofitListDataController.exec();break}}disconnectedCallback(){super.disconnectedCallback()}restoreStateFromCache(){w(["apiKey"],this),this.selectedNonprofitId=parseInt(this.localStorage.getItem("nonprofit")||"")||void 0;try{const{createdAt:e=0,data:o}=this.localStorage.getItemJson("chainNonprofits")||{},t=2*60*60*1e3;new Date(e).valueOf()+t>new Date().valueOf()&&(this.nonprofitListDataController.data=o,this.nonprofitListDataController.loading=!1)}catch{}}get allowChange(){return this.selectionDataController.data==null&&!this.selectionDataController.loading}get allowSubmit(){return!!(this.selectedNonprofitId&&this.allowChange)}get cssVariables(){const e={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...f("--beam-RedeemTransaction-title",{fontSize:"1.25em",fontWeight:"bold"}),...f("--beam-RedeemTransaction-description",{marginTop:"0.5em",lineHeight:"normal"}),...F,...W,"--beam-RedeemTransaction-maxWidth":"1000px","--beam-RedeemTransaction-submitButton-fontSize":"14px","--beam-RedeemTransaction-submitButton-fontWeight":"inherit","--beam-RedeemTransaction-submitButton-fontFamily":"inherit","--beam-RedeemTransaction-submitButton-textTransform":"uppercase","--beam-RedeemTransaction-submitButton-color":"#fff","--beam-RedeemTransaction-submitButton-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-borderRadius":"0px","--beam-RedeemTransaction-submitButton-borderColor":"#000000","--beam-RedeemTransaction-submitButton-padding":"16px 0px","--beam-RedeemTransaction-submitButton-width":"100%","--beam-RedeemTransaction-submitButton-marginTop":"10px","--beam-RedeemTransaction-submitButton-marginBottom":"10px","--beam-RedeemTransaction-submitButtonContainer-display":"flex","--beam-RedeemTransaction-submitButtonContainer-backgroundColor":"#fff","--beam-RedeemTransaction-submitButton-hover-backgroundColor":"#000000","--beam-RedeemTransaction-submitButton-hover-borderColor":"#000000","--beam-RedeemTransaction-submitButton-hover-color":"#fff","--beam-RedeemTransaction-submitButton-disabled-borderColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-backgroundColor":"#767676","--beam-RedeemTransaction-submitButton-disabled-color":"#fff","--beam-RedeemTransaction-radioButton-color":"transparent","--beam-RedeemTransaction-radioButton-borderColor":"#707070","--beam-RedeemTransaction-radioButton-backgroundColor":"#fff","--beam-RedeemTransaction-radioButton-hover-color":"#fff","--beam-RedeemTransaction-radioButton-hover-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-hover-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-borderColor":"#000","--beam-RedeemTransaction-radioButton-selected-backgroundColor":"#000","--beam-RedeemTransaction-radioButton-selected-color":"#fff","--beam-RedeemTransaction-options-minWidth":"0px","--beam-RedeemTransaction-options-columnCount":"1","--beam-RedeemTransaction-options-borderWidth":"1px","--beam-RedeemTransaction-options-image-borderRadius":"8px","--beam-RedeemTransaction-options-image-height":"70px","--beam-RedeemTransaction-options-image-height-mobile":"75px","--beam-RedeemTransaction-options-borderColor":"#d9d9d9","--beam-RedeemTransaction-options-backgroundColor":"transparent","--beam-RedeemTransaction-options-marginTop":"15px","--beam-RedeemTransaction-options-hover-backgroundColor":"#f1f1f1","--beam-RedeemTransaction-options-hover-borderWidth":".5px","--beam-RedeemTransaction-options-hover-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderColor":"#000000","--beam-RedeemTransaction-options-selected-borderWidth":".5px","--beam-RedeemTransaction-options-selected-backgroundColor":"#eee",...f("--beam-RedeemTransaction-options-details",{fontSize:"0.85em",marginTop:"0px",lineHeight:"normal",letterSpacing:"-0.45px"}),...f("--beam-RedeemTransaction-options-details-cause",{fontSize:"1em",fontWeight:"bold"}),"--beam-RedeemTransaction-options-details-nonprofitName-fontWeight":"normal","--beam-RedeemTransaction-options-details-nonprofitName-fontStyle":"inherit","--beam-RedeemTransaction-options-details-fundingProgress-marginTop":"3px",...f("--beam-RedeemTransaction-options-details-fundingProgressLabel",{fontSize:"0.85em",textTransform:"capitalize"}),"--beam-RedeemTransaction-cardStyle":"'image'","--beam-RedeemTransaction-options-icon-padding":"0px","--beam-RedeemTransaction-options-icon-backgroundColor":"#F3F3F3","--beam-RedeemTransaction-options-collapseNonprofits-mobile":"false","--beam-RedeemTransaction-options-collapseNonprofits-desktop":"false","--beam-RedeemTransaction-image-width":"13%","--beam-RedeemTransaction-image-height":"50%","--beam-RedeemTransaction-image-width-mobile":"16%",...A},o=this.nonprofitListDataController?.data?.config?.web?.theme||{},t={...e,...o};return Object.assign(Object.create({toCSS(){return z(this)}}),t)}handleChooseClick(){this.didUserExpandNonprofits=!0}get shouldCollapse(){const e=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-mobile"],o=this.cssVariables["--beam-RedeemTransaction-options-collapseNonprofits-desktop"],t=e?.toLowerCase()==="true",a=o?.toLowerCase()==="true";return this.isMobile&&t||!this.isMobile&&a}renderSubmitButton(e){return i`
+      ${this.didUserExpandNonprofits||!this.shouldCollapse?i` <button
+            type="button"
+            ?aria-disabled=${!this.allowSubmit}
+            @click="${this.handleSubmit}"
+            class="${C({isDisabled:!this.allowSubmit,submitButton:!0})}"
+            part="submitButton"
+          >
+            ${this.selectionDataController.data!==null?m(this.configLang,e?.config?.web?.confirmedButton||p[this.configLang].submitButtonTextCompleted()):m(this.configLang,e?.config?.web?.confirmButton||p[this.configLang].submitButtonText())}
+          </button>`:i`
+            <button type="button" @click="${this.handleChooseClick}" class="submitButton" part="submitButton">
+              ${m(this.configLang,e?.config?.web?.collapsedButton||p[this.configLang].chooseButtonText())}
+            </button>
+          `}
+    `}renderRadioButton(){return i`
+      <div class="radioButtonContainer">
+        <span part="radioButton" class="radioButton">
+          <span style="line-height: 0;"> ${X({height:"7px",width:"7px"})} </span>
+        </span>
+      </div>
+    `}renderNonprofitImage(e,o){const t=this.cssVariables["--beam-RedeemTransaction-cardStyle"],a=o?t==="'icon'"?e.nonprofit.causeIconUrl:t==="'selected_icon'"?e.nonprofit.causeIconSelectedUrl:e.imageUrl:e.imageUrl;return i`
+      ${o?i` <div class="icon-container">
+            <div class="icon-background">
+              <img src="${a}" alt="" role="presentation" class="icon" />
+            </div>
+          </div>`:i` <div
+            class="image-container"
+            style="${this.isMobile?"flex: 1 0 var(--beam-RedeemTransaction-image-width-mobile)":"flex: 1 0 var(--beam-RedeemTransaction-image-width)"}"
+          >
+            <img
+              src="${a}"
+              alt=""
+              role="presentation"
+              class="image"
+              style="
+            width: 100%;
+            height: ${this.isMobile?"var(--beam-RedeemTransaction-options-image-height-mobile)":"var(--beam-RedeemTransaction-options-image-height)"};
+            object-fit: cover;
+            border-radius: var(--beam-RedeemTransaction-options-image-borderRadius);}
+            "
+            />
+          </div>`}
+    `}renderOptionDetail(e){return i`
+      <div class="detailsCause" style="${h("--beam-RedeemTransaction-options-details-cause")}">
+        ${m(this.configLang,e.nonprofit.cause||"")}
+      </div>
+      <p class="detailsDescription">${I(m(this.configLang,e.impact.description||""))}</p>
+    `}renderProgressBar(e){return i`
+      <div class="progressBarContainer">
+        <beam-progress-bar value="${e.impact.goalProgressPercentage}" style="flex: 1;"></beam-progress-bar>
+        <span class="details-progressBarLabel">
+          ${m(this.configLang,e.impact.goalProgressText)}
+        </span>
+      </div>
+    `}renderNonprofitDetails(e,o,t){return i`
+      <div class="details" part="details">
+        ${this.renderOptionDetail(e)} ${this.renderPromoPill(e,o,t)}
+      </div>
+    `}renderPromoPill(e,o,t){return i`
+      ${e.promo?.isActive&&this.shouldUsePromoUI&&o?i`<beam-promo-info-pill .promo=${t?.config?.web?.promo} shortVersion></beam-promo-info-pill>`:i``}
+    `}render(){const{selectedNonprofitId:e}=this,{data:o,loading:t}=this.nonprofitListDataController;if(t&&!o)return K();if(this.nonprofitListDataController.error)return this.debug?x({error:this.nonprofitListDataController.error}):"";if(this.selectionDataController.error&&this.debug)return x({error:this.selectionDataController.error});if(o==null)return this.debug?x({error:new H("No data")}):"";const a=o?.nonprofits||[],b=a.find(s=>s.nonprofit.id===e)||null,l=this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'icon'"||this.cssVariables["--beam-RedeemTransaction-cardStyle"]==="'selected_icon'",u=o?.config?.web?.promo;this.shouldUsePromoUI=!!u;const k=a.some(s=>!s.promo||!s.promo.isActive);return i`
+      <style>
+        :host {
+          ${this.cssVariables.toCSS()}
+        }
+      </style>
+      <!-- Custom flex order fixes tab cycling so submit button is after content -->
+      <div style="display: flex; flex-direction: column;" class="root">
+        <div
+          style="order: 3;"
+          tabindex="-1"
+          class="options cardGrid ${C({isHidden:!this.didUserExpandNonprofits&&this.shouldCollapse})}"
+          part="options"
+          role="radiogroup"
+          aria-labelledby="beam-RedeemTransaction-title"
+          ?aria-disabled=${!this.allowChange}
+        >
+          ${N(a,s=>s.nonprofit.id,(s,g)=>{const T=e===s.nonprofit.id,S=T||b==null&&g===0;return i`
+                <div
+                  class="option ${C({isSelected:T,isDisabled:!this.allowChange})}"
+                  part="option"
+                  role="radio"
+                  tabindex="${S?0:-1}"
+                  data-value=${s.nonprofit.id}
+                  ?aria-checked=${T}
+                  @click=${this.makeHandleSelect(s.nonprofit.id,g,a)}
+                  @keydown=${this.makeHandleSelect(s.nonprofit.id,g,a)}
+                  aria-label="${m(this.configLang,s.nonprofit.cause||"")}"
+                  style="display: flex; flex-direction: column; padding: 11px; justify-content:center;"
+                >
+                  <div class="optionContainer" style="display: flex; align-items: flex-start; gap: 8px;">
+                    ${this.renderRadioButton()}
+                    <div
+                      class="nonprofitInfoContainer"
+                      style="flex: 1; display: flex; flex-direction: column; gap: 5px;"
+                    >
+                      <div class="imageDetailContainer" style="display: flex; gap: 8px;">
+                        ${this.renderNonprofitImage(s,l)}
+                        ${this.renderNonprofitDetails(s,k,o)}
+                      </div>
+                      ${this.renderProgressBar(s)}
+                    </div>
+                  </div>
+                </div>
+              `})}
+        </div>
+
+        <div class="submitButtonContainer" part="submit-button-container">${this.renderSubmitButton(o)}</div>
+
+        <div class="headerContainer" part="header-container">
+          <div>
+            <div
+              class="header-promo-pill-container"
+              style="display: flex; ${this.isMobile&&"flex-direction: column; align-items: flex-start;"}"
+            >
+              <h3
+                class="title"
+                part="title"
+                id="beam-RedeemTransaction-title"
+                style="${h("--beam-RedeemTransaction-title")}; margin-right: 8px;"
+              >
+                ${m(this.configLang,o?.config?.web?.title)||p[this.configLang].ctaTitle()}
+              </h3>
+              ${this.shouldUsePromoUI?i`<beam-promo-info-pill
+                    .promo=${u}
+                    style="${this.isMobile&&"order: -1; margin-bottom:10px;"}"
+                  ></beam-promo-info-pill>`:i``}
+            </div>
+            <p class="description" part="description" style="${h("--beam-RedeemTransaction-description")}">
+              ${this.shouldUsePromoUI?i`<span style="font-weight:bold">
+                      ${m(this.configLang,o?.config?.web?.promoDescriptionPrefix||"")||p[this.configLang].ctaPromoPrefixMessage()}
+                    </span>
+                    <span>
+                      ${m(this.configLang,o?.config?.web?.promoDescription||"")||p[this.configLang].ctaPromoMessage()}
+                    </span>`:i`<span
+                    >${m(this.configLang,o?.config?.web?.description||"")||p[this.configLang].ctaMessage()}
+                  </span>`}
+            </p>
+          </div>
+        </div>
+
+        <beam-partner-logos
+          partnerName="${o.chain.name}"
+          partnerLogoUrl="${o.chain.logoUrl}"
+          style="order: 1"
+          part="logos"
+        ></beam-partner-logos>
+      </div>
+    `}}r.tagName="beam-redeem-transaction",r.styles=[_,P`
+      :host {
+        display: block;
+        max-width: var(--beam-RedeemTransaction-maxWidth);
+        font-family: var(--beam-fontFamily);
+        font-style: var(--beam-fontStyle);
+        font-size: var(--beam-fontSize);
+        background-color: var(--beam-backgroundColor);
+        color: var(--beam-textColor);
+        word-break: normal;
+      }
+
+      .headerContainer {
+        align-items: flex-start;
+        justify-content: space-between;
+        display: flex;
+        order: 2;
+      }
+
+      .submitButtonContainer {
+        margin-top: var(--beam-RedeemTransaction-submitButton-marginTop);
+        margin-bottom: var(--beam-RedeemTransaction-submitButton-marginBottom);
+        background-color: var(--beam-RedeemTransaction-submitButtonContainer-backgroundColor);
+        display: var(--beam-RedeemTransaction-submitButtonContainer-display);
+      }
+
+      .submitButton {
+        color: var(--beam-RedeemTransaction-submitButton-color);
+        background-color: var(--beam-RedeemTransaction-submitButton-backgroundColor);
+        border: 1px solid var(--beam-RedeemTransaction-submitButton-borderColor);
+        font-size: var(--beam-RedeemTransaction-submitButton-fontSize);
+        font-weight: var(--beam-RedeemTransaction-submitButton-fontWeight);
+        font-family: var(--beam-RedeemTransaction-submitButton-fontFamily);
+        text-transform: var(--beam-RedeemTransaction-submitButton-textTransform);
+        border-radius: var(--beam-RedeemTransaction-submitButton-borderRadius);
+        padding: var(--beam-RedeemTransaction-submitButton-padding);
+        width: var(--beam-RedeemTransaction-submitButton-width);
+        transition: background-color 0.2s, border-color 0.2s, color 0.2s;
+        cursor: pointer;
+      }
+
+      .submitButton:not(.isDisabled):focus-visible,
+      .submitButton:not(.isDisabled):hover {
+        background-color: var(--beam-RedeemTransaction-submitButton-hover-backgroundColor);
+        border-color: var(--beam-RedeemTransaction-submitButton-hover-borderColor);
+        color: var(--beam-RedeemTransaction-submitButton-hover-color);
+      }
+
+      .submitButton.isDisabled {
+        color: var(--beam-RedeemTransaction-submitButton-disabled-color);
+        background-color: var(--beam-RedeemTransaction-submitButton-disabled-backgroundColor);
+        border-color: var(--beam-RedeemTransaction-submitButton-disabled-borderColor);
+        cursor: not-allowed;
+      }
+
+      .options {
+        margin-top: var(--beam-RedeemTransaction-options-marginTop);
+        order: 3;
+        flex-grow: 1;
+      }
+
+      .options.isHidden {
+        display: none;
+      }
+
+      .option {
+        border: var(--beam-RedeemTransaction-options-borderWidth) solid
+          var(--beam-RedeemTransaction-options-borderColor);
+        border-bottom: none;
+        background-color: var(--beam-RedeemTransaction-options-backgroundColor);
+        cursor: pointer;
+        transition: border-color 0.2s, background-color 0.2s, outline 0.2s;
+      }
+
+      .option:first-child {
+        border-radius: 8px 8px 0 0; /* Top corners rounded */
+      }
+
+      .option:last-child {
+        border-bottom: var(--beam-RedeemTransaction-options-borderWidth) solid
+          var(--beam-RedeemTransaction-options-borderColor);
+        border-radius: 0 0 8px 8px; /* Bottom corners rounded */
+      }
+
+      .option:not(.isDisabled):not(:last-child):focus-visible,
+      .option:not(.isDisabled):not(:last-child):hover,
+      .option:not(.isSelected):not(:last-child):focus-visible,
+      .option:not(.isSelected):not(:last-child):hover {
+        background-color: var(--beam-RedeemTransaction-options-hover-backgroundColor);
+        outline: var(--beam-RedeemTransaction-options-hover-borderWidth) solid
+          var(--beam-RedeemTransaction-options-hover-borderColor);
+        border-bottom: var(--beam-RedeemTransaction-options-hover-borderWidth) solid
+          var(--beam-RedeemTransaction-options-hover-borderColor);
+      }
+
+      .option:not(.isDisabled):focus-visible,
+      .option:not(.isDisabled):hover,
+      .option:not(.isSelected):focus-visible,
+      .option:not(.isSelected):hover {
+        background-color: var(--beam-RedeemTransaction-options-hover-backgroundColor);
+        outline: var(--beam-RedeemTransaction-options-hover-borderWidth) solid
+          var(--beam-RedeemTransaction-options-hover-borderColor);
+      }
+
+      .option.isDisabled {
+        cursor: not-allowed;
+      }
+
+      .option.isSelected {
+        outline: var(--beam-RedeemTransaction-options-selected-borderWidth) solid
+          var(--beam-RedeemTransaction-options-selected-borderColor);
+        background-color: var(--beam-RedeemTransaction-options-selected-backgroundColor);
+        border-bottom: var(--beam-RedeemTransaction-options-selected-borderWidth) solid
+          var(--beam-RedeemTransaction-options-selected-borderColor);
+      }
+
+      .option.isSelected:focus-visible,
+      .option.isSelected:hover {
+        outline: var(--beam-RedeemTransaction-options-selected-borderWidth) solid
+          var(--beam-RedeemTransaction-options-selected-borderColor);
+        border-bottom: var(--beam-RedeemTransaction-options-selected-borderWidth) solid
+          var(--beam-RedeemTransaction-options-selected-borderColor);
+      }
+
+      .option .radioButton {
+        border-width: 1px;
+        border-style: solid;
+        transition: background-color 0.2s, color 0.2s, border-color 0.2s;
+        color: var(--beam-RedeemTransaction-radioButton-color);
+        background-color: var(--beam-RedeemTransaction-radioButton-backgroundColor);
+        border-color: var(--beam-RedeemTransaction-radioButton-borderColor);
+      }
+
+      .option.isSelected .radioButton,
+      .option.isSelected:focus-visible .radioButton,
+      .option.isSelected:hover .radioButton {
+        color: var(--beam-RedeemTransaction-radioButton-selected-color);
+        background-color: var(--beam-RedeemTransaction-radioButton-selected-backgroundColor);
+        border-color: var(--beam-RedeemTransaction-radioButton-selected-borderColor);
+      }
+
+      .option:not(.isSelected):focus-visible .radioButton,
+      .option:not(.isSelected):hover .radioButton {
+        color: var(--beam-RedeemTransaction-radioButton-hover-color);
+        background-color: var(--beam-RedeemTransaction-radioButton-hover-backgroundColor);
+        border-color: var(--beam-RedeemTransaction-radioButton-hover-borderColor);
+      }
+
+      .detailsDescription {
+        ${h("--beam-RedeemTransaction-options-details")}
+      }
+
+      .detailsDescription .nonprofitName {
+        font-weight: var(--beam-RedeemTransaction-options-details-nonprofitName-fontWeight);
+        font-style: var(--beam-RedeemTransaction-options-details-nonprofitName-fontStyle);
+      }
+
+      .radioButtonContainer {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: 0 0 auto;
+      }
+
+      .radioButton {
+        padding: 5px;
+        border-radius: 100%;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .imageContainer {
+        flex: 1 0 var(--beam-RedeemTransaction-image-width);
+        display: flex;
+        flex-direction: column;
+      }
+
+      .progressBarContainer {
+        display: flex;
+        align-items: center;
+      }
+
+      .details-progressBarLabel {
+        ${h("--beam-RedeemTransaction-options-details-fundingProgressLabel")}
+        white-space: nowrap;
+        text-align: right;
+        margin-left: 15px;
+      }
+
+      .details {
+        flex: 1 1 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+      }
+
+      .root {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .submitButtonContainer {
+        order: 4;
+        position: sticky;
+        bottom: 0;
+        z-index: 999;
+      }
+
+      .icon-background {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+        overflow: hidden;
+        background: var(--beam-RedeemTransaction-options-icon-backgroundColor);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .icon {
+        height: var(--beam-RedeemTransaction-image-height);
+      }
+
+      .icon-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `,G({gap:"0px",itemMinWidth:"var(--beam-RedeemTransaction-options-minWidth, 0px)",columnCount:"var(--beam-RedeemTransaction-options-columnCount, 1)"})],d([c({type:String})],r.prototype,"baseUrl"),d([c({type:String})],r.prototype,"apiKey"),d([c({type:Number})],r.prototype,"transactionId"),d([c({type:Number})],r.prototype,"storeId"),d([c({type:String})],r.prototype,"countryCode"),d([c({type:String})],r.prototype,"postalCode"),d([c({type:Object})],r.prototype,"cart"),d([c({type:Number,reflect:!0})],r.prototype,"selectedNonprofitId"),d([c({type:String})],r.prototype,"lang"),d([c({type:Boolean})],r.prototype,"debug"),d([c({type:Boolean})],r.prototype,"draftConfig"),d([v()],r.prototype,"isMobile"),d([v()],r.prototype,"didUserExpandNonprofits"),d([v()],r.prototype,"shouldUsePromoUI"),j(r);export{r as B,Z as p};
+//# sourceMappingURL=index-CjT2ycv5.esm.js.map