@beamimpact/web-sdk 1.36.5 → 1.36.7

package/dist/chunks/{update-cart-IIY3Yzof.esm.js.map → update-cart-8xlajjFj.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"update-cart-IIY3Yzof.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items },\n        schema,\n        beamCartId,\n      };\n\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"+jBA4BA,MAAMA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAA,CAAG,EAAI,CAAC,EAC3B,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIhB,EAEEiB,EAAmB,CACvB,OAAAN,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,CAAM,EACjB,OAAAC,EACA,WAAAV,CACF,EAKA,GACEY,EAAQD,EAAkB,CACxB,GAAGZ,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMc,EAAW,MAAMC,EAAS,CAC9B,QAAAjB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYO,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMhB,EACN,OAAQT,EAAO,OACf,MAAOsB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAAQ,CACvC,CAAC,EAGHrB,EAAa,YAAY,OAAQ,CAC/B,GAAGgB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOD,CACT,EACA,SAAAH,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIe,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDjC,EACA,CAAE,QAAS,EAAK,CAClB"}
+{"version":3,"file":"update-cart-8xlajjFj.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items },\n        schema,\n        beamCartId,\n      };\n\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"+jBA4BA,MAAMA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAA,CAAG,EAAI,CAAC,EAC3B,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIhB,EAEEiB,EAAmB,CACvB,OAAAN,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,CAAM,EACjB,OAAAC,EACA,WAAAV,CACF,EAKA,GACEY,EAAQD,EAAkB,CACxB,GAAGZ,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMc,EAAW,MAAMC,EAAS,CAC9B,QAAAjB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYO,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMhB,EACN,OAAQT,EAAO,OACf,MAAOsB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAAQ,CACvC,CAAC,EAGHrB,EAAa,YAAY,OAAQ,CAC/B,GAAGgB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOD,CACT,EACA,SAAAH,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIe,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDjC,EACA,CAAE,QAAS,EAAK,CAClB"}

package/dist/chunks/{update-cart-bU5fdrf1.esm.js → update-cart-OkpQAdyP.esm.js}

@@ -1,2 +1,2 @@
-import{d as y,i as E}from"./lodash-P8OIs-at.esm.js";import{D as g,d as B}from"./routes-N63S9cPa.esm.js";import{B as A}from"./beam-errors-AMvTvR1C.esm.js";import{f as v,a as K}from"./events-5IECSF-x.esm.js";import"../utils/network-listeners.js";import{createScopedLocalStorage as S}from"../utils/local-storage.js";import{getCookieValue as U,setCookieValue as _}from"../utils/cookies.js";import{getRemoteSession as x}from"../utils/remote-session.js";import{memoizeLast as L}from"../utils/memoize-last.js";import{B as l}from"./cart-contents-h60geKWa.esm.js";const D=50,R=y(L(async function(e,c){try{const t=S({apiKey:e.apiKey}),f=e.baseUrl??g,a=t.getItemJson("cart"),o=await U(l)??null,b=x(e)??void 0,{cartId:r,subtotal:i,itemCount:m,currencyCode:n,content:{items:d=[]}={},schema:u={source:"generic"}}=c,C={cartId:r,subtotal:i,itemCount:m,currencyCode:n,content:{items:d},schema:u,beamCartId:o};if(E(C,{...a,cartId:a?.cartId})||c.itemCount===0&&(!o||a?.itemCount===0))return;const w=await B({baseUrl:f,headers:{authorization:`Api-Key ${e.apiKey}`},requestBody:{beamCartId:o,storeId:e.storeId,remoteSessionId:b,cartId:r,subtotal:i,itemCount:m,currencyCode:n}}),{beamCartId:s,expiresAt:p,beamCartCreated:h}=w;s&&p&&await _({name:l,domain:e.domain,value:s,path:"/",expires:new Date(p).getTime()}),t.setItemJson("cart",{...C,beamCartId:s});const I={schema:u,content:{items:d},subtotal:i,itemCount:m,currencyCode:n,cartId:r};window.dispatchEvent(new v(I)),h&&window.dispatchEvent(new K(I))}catch(t){throw new A("Could not update cart in Beam",{cause:t})}}),D,{leading:!0});export{R as x};
-//# sourceMappingURL=update-cart-bU5fdrf1.esm.js.map
+import{d as y,i as E}from"./lodash-P8OIs-at.esm.js";import{D as g,d as B}from"./routes-wPiw5U5n.esm.js";import{B as A}from"./beam-errors-AMvTvR1C.esm.js";import{f as v,a as K}from"./events-5IECSF-x.esm.js";import"../utils/network-listeners.js";import{createScopedLocalStorage as S}from"../utils/local-storage.js";import{getCookieValue as U,setCookieValue as _}from"../utils/cookies.js";import{getRemoteSession as x}from"../utils/remote-session.js";import{memoizeLast as L}from"../utils/memoize-last.js";import{B as l}from"./cart-contents-h60geKWa.esm.js";const D=50,R=y(L(async function(e,c){try{const t=S({apiKey:e.apiKey}),f=e.baseUrl??g,a=t.getItemJson("cart"),o=await U(l)??null,b=x(e)??void 0,{cartId:r,subtotal:i,itemCount:m,currencyCode:n,content:{items:d=[]}={},schema:u={source:"generic"}}=c,C={cartId:r,subtotal:i,itemCount:m,currencyCode:n,content:{items:d},schema:u,beamCartId:o};if(E(C,{...a,cartId:a?.cartId})||c.itemCount===0&&(!o||a?.itemCount===0))return;const w=await B({baseUrl:f,headers:{authorization:`Api-Key ${e.apiKey}`},requestBody:{beamCartId:o,storeId:e.storeId,remoteSessionId:b,cartId:r,subtotal:i,itemCount:m,currencyCode:n}}),{beamCartId:s,expiresAt:p,beamCartCreated:h}=w;s&&p&&await _({name:l,domain:e.domain,value:s,path:"/",expires:new Date(p).getTime()}),t.setItemJson("cart",{...C,beamCartId:s});const I={schema:u,content:{items:d},subtotal:i,itemCount:m,currencyCode:n,cartId:r};window.dispatchEvent(new v(I)),h&&window.dispatchEvent(new K(I))}catch(t){throw new A("Could not update cart in Beam",{cause:t})}}),D,{leading:!0});export{R as x};
+//# sourceMappingURL=update-cart-OkpQAdyP.esm.js.map

package/dist/chunks/{update-cart-bU5fdrf1.esm.js.map → update-cart-OkpQAdyP.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"update-cart-bU5fdrf1.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items },\n        schema,\n        beamCartId,\n      };\n\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"2iBA4BA,MAAMA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAA,CAAG,EAAI,CAAC,EAC3B,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIhB,EAEEiB,EAAmB,CACvB,OAAAN,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,CAAM,EACjB,OAAAC,EACA,WAAAV,CACF,EAKA,GACEY,EAAQD,EAAkB,CACxB,GAAGZ,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMc,EAAW,MAAMC,EAAS,CAC9B,QAAAjB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYO,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMhB,EACN,OAAQT,EAAO,OACf,MAAOsB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAAQ,CACvC,CAAC,EAGHrB,EAAa,YAAY,OAAQ,CAC/B,GAAGgB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOD,CACT,EACA,SAAAH,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIe,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDjC,EACA,CAAE,QAAS,EAAK,CAClB"}
+{"version":3,"file":"update-cart-OkpQAdyP.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items },\n        schema,\n        beamCartId,\n      };\n\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"2iBA4BA,MAAMA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAA,CAAG,EAAI,CAAC,EAC3B,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIhB,EAEEiB,EAAmB,CACvB,OAAAN,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,CAAM,EACjB,OAAAC,EACA,WAAAV,CACF,EAKA,GACEY,EAAQD,EAAkB,CACxB,GAAGZ,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMc,EAAW,MAAMC,EAAS,CAC9B,QAAAjB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYO,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMhB,EACN,OAAQT,EAAO,OACf,MAAOsB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAAQ,CACvC,CAAC,EAGHrB,EAAa,YAAY,OAAQ,CAC/B,GAAGgB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOD,CACT,EACA,SAAAH,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIe,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDjC,EACA,CAAE,QAAS,EAAK,CAClB"}

package/dist/chunks/{update-cart-m3NdnSx2.esm.d.ts → update-cart-yCIzgmve.esm.d.ts}

@@ -1,6 +1,6 @@
 import * as lodash from 'lodash';
 import { B as BeamBaseAPIConfig } from './types-aju0qrRe.esm.js';
-import { a as TCartApi } from './cart-contents-tEvcY9ip.esm.js';
+import { a as TCartApi } from './cart-contents-Shc27L1J.esm.js';
 
 type BeamCartAPIConfig = BeamBaseAPIConfig & {
     storeId: number;

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

@@ -1,4 +1,4 @@
-import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.esm.js";import{p as $}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-BGPniqcI.esm.js";import{D as F,g as D,S as M}from"../chunks/routes-gPe4hSvn.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-3b56QBzq.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=F,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
+import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.esm.js";import{p as $}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.esm.js";import{c as k,d as w,e as S,A,_ as C,a as L}from"../chunks/enforce-config-MqLZWolV.esm.js";import{D as z,g as F,S as D}from"../chunks/routes-USQ3n64Y.esm.js";import{u as n,i as c,_ as M,d as m}from"../chunks/localize-eZMViIud.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-3b56QBzq.esm.js";import"../utils/logger.esm.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
         <div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
           <p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
@@ -65,7 +65,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
       <div class="beam-nonprofit-${this.cardStyle}-cards" part="nonprofit-cards">
         ${a?.map(this.cardStyle==="image"?this.renderImageCard:this.renderIconCard)}
       </div>
-    `}get configLang(){return M[this.lang]||"en"}async updated(a){const t=["chainId","baseUrl","lang"];for(const r of t)if(a.has(r)){this.impactDataController.exec();break}}renderFilterTabs({nonprofits:a}){const t=Array.from(new Set(a.flatMap(e=>e.filters||[])));if(t.length===0)return"";const r=()=>{this.selectedFilter=null},o=e=>{this.selectedFilter===e?this.selectedFilter=null:this.selectedFilter=e};return p` <div
+    `}get configLang(){return D[this.lang]||"en"}async updated(a){const t=["chainId","baseUrl","lang"];for(const r of t)if(a.has(r)){this.impactDataController.exec();break}}renderFilterTabs({nonprofits:a}){const t=Array.from(new Set(a.flatMap(e=>e.filters||[])));if(t.length===0)return"";const r=()=>{this.selectedFilter=null},o=e=>{this.selectedFilter===e?this.selectedFilter=null:this.selectedFilter=e};return p` <div
       class="beam-filter-tabs"
       part="filters"
       style="display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em"
@@ -84,7 +84,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
             style="${u({"padding-bottom":"1px","border-bottom-width":"2px","border-bottom-style":"solid","border-bottom-color":this.selectedFilter===e?"currentColor":"transparent"})}"
             >${e}</span
           >`)}
-    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return L();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new U("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
+    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return M();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new U("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -97,7 +97,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
       ></beam-partner-logos>
 
       ${this.renderFilterTabs({nonprofits:e})} ${this.renderCards({nonprofits:l})}
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return z(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return L(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);

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

@@ -1 +1 @@
-{"version":3,"file":"community-impact.esm.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: \"community-impact\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div class=\"image-card-image-box\" style=\"background-image: url('${data.imageUrl}');\">\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${data.nonprofit?.cause}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","x","I","c","b","p","e","i","n","a","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","data","html","localizeUserString","unsafeHTML","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"community-impact.esm.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: \"community-impact\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div class=\"image-card-image-box\" style=\"background-image: url('${data.imageUrl}');\">\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${data.nonprofit?.cause}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","x","I","c","b","p","e","i","n","a","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","data","html","localizeUserString","unsafeHTML","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/community-impact.js

@@ -1,4 +1,4 @@
-import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.esm.js";import{p as $}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,u as n,d as w,e as S,A,i as c,a as L,_ as C,b as m,f as z}from"../chunks/localize-dXHrlK8g.esm.js";import{D as F,g as D,S as M}from"../chunks/routes-N63S9cPa.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-3b56QBzq.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=F,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
+import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.esm.js";import{p as $}from"../chunks/progress-bar-7gWYaGlq.esm.js";import{partnerLogosConfigDefaults as T}from"./beam-partner-logos.js";import{c as k,d as w,e as S,A,_ as C,a as L}from"../chunks/enforce-config-n0D_zfMC.esm.js";import{D as z,g as F,S as D}from"../chunks/routes-wPiw5U5n.esm.js";import{u as n,i as c,_ as M,d as m}from"../chunks/localize-0rA0DbzI.esm.js";import{B as U}from"../chunks/beam-errors-AMvTvR1C.esm.js";import{c as f}from"../chunks/css-card-grid-3b56QBzq.esm.js";import"../utils/logger.js";const y={en:{fundedTimes:({times:i=0})=>`Funded <b>${i}</b> ${i>1?"times":"time"} so far`,learnMore:()=>"Learn more",seeAll:()=>"See All"},fr:{fundedTimes:({times:i=0})=>`Financ\xE9 <b>${i}</b> fois pour l'instant`,learnMore:()=>"En savoir plus",seeAll:()=>"Voir tout"},de:{fundedTimes:({times:i=0})=>`<b>${i}</b> Mal finanziert`,learnMore:()=>"Mehr erfahren",seeAll:()=>"Alle anzeigen"},es:{fundedTimes:({times:i=0})=>`Financiado <b>${i}</b> ${i>1?"vez":"veces"}`,learnMore:()=>"Saber m\xE1s",seeAll:()=>"Ver Todo"},it:{fundedTimes:({times:i=0})=>`Finanziato <b>${i}</b> ${i>1?"volta":"volte"}`,learnMore:()=>"Scopri di pi\xF9",seeAll:()=>"Vedi Tutto"},pl:{fundedTimes:({times:i=0})=>`Udzielono wsparcia <b>${i}</b> ${i>1?"razy":"raz"}`,learnMore:()=>"Dowiedz si\u0119 wi\u0119cej",seeAll:()=>"Zobacz wszystko"}};var E=Object.defineProperty,P=Object.getOwnPropertyDescriptor,d=(i,a,t,r)=>{for(var o=r>1?void 0:r?P(a,t):a,e=i.length-1,l;e>=0;e--)(l=i[e])&&(o=(r?l(a,t,o):l(o))||o);return r&&o&&E(a,t,o),o};class s extends v{constructor(){super(...arguments),this.baseUrl=z,this.cardStyle="image",this.lang="en",this.debug=!1,this.selectedFilter=null,this.getImpactData=async()=>(S(["apiKey","chainId"],this),F({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{chainId:this.chainId,personalImpactLimit:0,widgetName:"community-impact",version:"1.0.0",lang:this.configLang}})),this.impactDataController=new A(this,this.getImpactData),this.renderImageCard=a=>p`
       <div class="image-card" part="nonprofit-card" style="display: flex; flex-direction: column;">
         <div class="image-card-image-box" style="background-image: url('${a.imageUrl}');">
           <p class="image-card-cause">${c(this.configLang,a.nonprofit?.cause||"")}</p>
@@ -65,7 +65,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
       <div class="beam-nonprofit-${this.cardStyle}-cards" part="nonprofit-cards">
         ${a?.map(this.cardStyle==="image"?this.renderImageCard:this.renderIconCard)}
       </div>
-    `}get configLang(){return M[this.lang]||"en"}async updated(a){const t=["chainId","baseUrl","lang"];for(const r of t)if(a.has(r)){this.impactDataController.exec();break}}renderFilterTabs({nonprofits:a}){const t=Array.from(new Set(a.flatMap(e=>e.filters||[])));if(t.length===0)return"";const r=()=>{this.selectedFilter=null},o=e=>{this.selectedFilter===e?this.selectedFilter=null:this.selectedFilter=e};return p` <div
+    `}get configLang(){return D[this.lang]||"en"}async updated(a){const t=["chainId","baseUrl","lang"];for(const r of t)if(a.has(r)){this.impactDataController.exec();break}}renderFilterTabs({nonprofits:a}){const t=Array.from(new Set(a.flatMap(e=>e.filters||[])));if(t.length===0)return"";const r=()=>{this.selectedFilter=null},o=e=>{this.selectedFilter===e?this.selectedFilter=null:this.selectedFilter=e};return p` <div
       class="beam-filter-tabs"
       part="filters"
       style="display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em"
@@ -84,7 +84,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
             style="${u({"padding-bottom":"1px","border-bottom-width":"2px","border-bottom-style":"solid","border-bottom-color":this.selectedFilter===e?"currentColor":"transparent"})}"
             >${e}</span
           >`)}
-    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return L();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new U("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
+    </div>`}render(){const{selectedFilter:a}=this,{data:t,error:r,loading:o}=this.impactDataController;if(o)return M();if(r)return this.debug?C({error:r}):"";if(t==null)return this.debug?C({error:new U("Missing data")}):"";const{community:e}=t,l=a?e.filter(h=>h.filters?.includes(a)):e;return p`
       <style>
         :host {
           ${this.cssVariables.toCSS()}
@@ -97,7 +97,7 @@ import{f as x,g,t as I,h as v,y as p,k as b,m as u}from"../chunks/lit-yVXn5Cbs.e
       ></beam-partner-logos>
 
       ${this.renderFilterTabs({nonprofits:e})} ${this.renderCards({nonprofits:l})}
-    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return z(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
+    `}get cssVariables(){const a={"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"14px","--beam-lineHeight":"1","--beam-textColor":"inherit","--beam-backgroundColor":"inherit",...T,...$,"--beam-CommunityImpact-filterTabs-textalign":"left","--beam-CommunityImpact-filterTabs-marginBottom":"20px","--beam-CommunityImpact-imageCard-borderColor":"currentColor","--beam-CommunityImpact-imageCard-borderRadius":"0","--beam-CommunityImpact-imageCard-borderWidth":"1px","--beam-CommunityImpact-imageCard-backgroundColor":"inherit","--beam-CommunityImpact-imageCard-foregroundColor":"inherit",...m("--beam-CommunityImpact-filterTabs",{fontSize:"16px",marginTop:"10px",fontWeight:"bold"}),...m("--beam-CommunityImpact-imageCard-cause",{fontSize:"14px",textTransform:"uppercase",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-name",{fontSize:"22px",marginTop:"0",color:"#fff"}),...m("--beam-CommunityImpact-imageCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-imageCard-link-color":"inherit","--beam-CommunityImpact-imageCard-linkArrow-display":"none",...m("--beam-CommunityImpact-imageCard-link",{fontSize:"12px"}),...m("--beam-CommunityImpact-imageCard-goalCompletion",{fontSize:"12px"}),"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle":"italic","--beam-CommunityImpact-imageCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-imageCard-progressText"),"--beam-CommunityImpact-imageCard-footer-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-cause",{marginTop:"10px"}),...m("--beam-CommunityImpact-iconCard-name",{marginTop:"5px",fontWeight:"bold"}),"--beam-CommunityImpact-iconCard-progress-marginTop":"10px",...m("--beam-CommunityImpact-iconCard-progressText"),...m("--beam-CommunityImpact-iconCard-description",{marginTop:"10px",lineHeight:"1.3"}),"--beam-CommunityImpact-iconCard-description-textAlign":"left",...m("--beam-CommunityImpact-iconCard-goalCompletion",{marginTop:"10px"}),"--beam-CommunityImpact-iconCard-link-color":"inherit","--beam-CommunityImpact-iconCard-linkArrow-display":"none",...m("--beam-CommunityImpact-iconCard-link",{marginTop:"5px"})},t=(this.impactDataController.data?.community.length||0)===3?3:this.cardStyle==="icon"?4:2;a["--beam-CommunityImpact-columns"]=t.toString(),a["--beam-CommunityImpact-columns-minWidth"]=this.cardStyle==="image"?"300px":"200px";const r=this.impactDataController?.data?.config?.web?.theme||{},o={...a,...r};return Object.assign(Object.create({toCSS(){return L(this)}}),o)}}s.tagName="beam-community-impact",s.styles=[k,x`
       :host {
         display: block;
         font-family: var(--beam-fontFamily, inherit);

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

@@ -1 +1 @@
-{"version":3,"file":"community-impact.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: \"community-impact\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div class=\"image-card-image-box\" style=\"background-image: url('${data.imageUrl}');\">\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${data.nonprofit?.cause}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","x","I","c","b","p","e","i","n","a","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","data","html","localizeUserString","unsafeHTML","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"community-impact.js","sources":["../../src/components/community-impact/strings.ts","../../src/components/community-impact/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    fundedTimes: ({ times = 0 }) => `Funded <b>${times}</b> ${times > 1 ? \"times\" : \"time\"} so far`,\n    learnMore: () => `Learn more`,\n    seeAll: () => `See All`,\n  },\n  fr: {\n    fundedTimes: ({ times = 0 }) => `Financé <b>${times}</b> fois pour l'instant`,\n    learnMore: () => `En savoir plus`,\n    seeAll: () => `Voir tout`,\n  },\n  de: {\n    fundedTimes: ({ times = 0 }) => `<b>${times}</b> Mal finanziert`,\n    learnMore: () => `Mehr erfahren`,\n    seeAll: () => `Alle anzeigen`,\n  },\n  es: {\n    fundedTimes: ({ times = 0 }) => `Financiado <b>${times}</b> ${times > 1 ? \"vez\" : \"veces\"}`,\n    learnMore: () => `Saber más`,\n    seeAll: () => `Ver Todo`,\n  },\n  it: {\n    fundedTimes: ({ times = 0 }) => `Finanziato <b>${times}</b> ${times > 1 ? \"volta\" : \"volte\"}`,\n    learnMore: () => `Scopri di più`,\n    seeAll: () => `Vedi Tutto`,\n  },\n  pl: {\n    fundedTimes: ({ times = 0 }) => `Udzielono wsparcia <b>${times}</b> ${times > 1 ? \"razy\" : \"raz\"}`,\n    learnMore: () => `Dowiedz się więcej`,\n    seeAll: () => `Zobacz wszystko`,\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators/state.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { cssCardGrid } from \"../../shared/fragments/css-card-grid\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3NonprofitImpact = Awaited<ReturnType<typeof getImpact>>[\"community\"][0];\n\n/**\n * Beam Impact Overview Widget\n * Displays a grid of cards highlighting progress against funding goals\n * for the non-profits the chain is supporting.\n */\nexport class BeamCommunityImpact extends LitElement {\n  static tagName = \"beam-community-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public cardStyle: \"icon\" | \"image\" = \"image\";\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @state() private selectedFilter: string | null = null;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) throw new MissingConfig();\n    const res = getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        chainId: this.chainId,\n        personalImpactLimit: 0,\n        widgetName: \"community-impact\",\n        version: \"1.0.0\",\n        lang: this.configLang,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        this.impactDataController.exec();\n        break;\n      }\n    }\n  }\n\n  private renderFilterTabs({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) {\n    const uniqueFilters = Array.from(new Set(nonprofits.flatMap((n) => n.filters || [])));\n    if (uniqueFilters.length === 0) return \"\";\n    const handleSeeAllFocus = () => {\n      this.selectedFilter = null;\n    };\n    const handleFilterFocus = (filter: string) => {\n      if (this.selectedFilter === filter) {\n        this.selectedFilter = null;\n      } else {\n        this.selectedFilter = filter;\n      }\n    };\n    return html` <div\n      class=\"beam-filter-tabs\"\n      part=\"filters\"\n      style=\"display: inline-flex; flex-wrap: wrap; gap: 0.5em 1em\"\n    >\n      <span\n        tabindex=\"0\"\n        style=\"${styleMap({\n          \"padding-bottom\": \"1px\",\n          \"border-bottom-width\": \"2px\",\n          \"border-bottom-style\": \"solid\",\n          \"border-bottom-color\": this.selectedFilter === null ? \"currentColor\" : \"transparent\",\n        })}\"\n        @click=${handleSeeAllFocus}\n        @keydown=${(evt: KeyboardEvent) => {\n          if ([\"Enter\", \" \"].includes(evt.key)) {\n            evt.preventDefault();\n            handleSeeAllFocus();\n          }\n        }}\n        >${strings[this.configLang].seeAll()}</span\n      >\n      ${uniqueFilters.map(\n        (filter: string) =>\n          html`<span\n            tabindex=\"0\"\n            @click=${() => handleFilterFocus(filter)}\n            @keydown=${(evt: KeyboardEvent) => {\n              if ([\"Enter\", \" \"].includes(evt.key)) {\n                evt.preventDefault();\n                handleFilterFocus(filter);\n              }\n            }}\n            style=\"${styleMap({\n              \"padding-bottom\": \"1px\",\n              \"border-bottom-width\": \"2px\",\n              \"border-bottom-style\": \"solid\",\n              \"border-bottom-color\": this.selectedFilter === filter ? \"currentColor\" : \"transparent\",\n            })}\"\n            >${filter}</span\n          >`\n      )}\n    </div>`;\n  }\n\n  private renderImageCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"image-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <div class=\"image-card-image-box\" style=\"background-image: url('${data.imageUrl}');\">\n          <p class=\"image-card-cause\">${localizeUserString(this.configLang, data.nonprofit?.cause || \"\")}</p>\n          <h4 class=\"image-card-name\">${localizeUserString(this.configLang, data.nonprofit?.name)}</h4>\n        </div>\n        <div\n          style=\"padding: 5px 15px 15px; flex: 1 1 auto; border-radius: 0px; border: none; display: flex; flex-direction: column;\"\n        >\n          <div class=\"image-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar style=\"flex-grow: 1;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span class=\"image-card-progressText\" style=\"margin-left: 20px;\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"image-card-description\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n          </div>\n          <div style=\"display: flex; align-items: end; flex-wrap: wrap; gap: 10px; flex: 1;\" class=\"image-card-footer\">\n            <div class=\"image-card-goal-completion\" style=\"flex-grow: 1;\">\n              ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n            </div>\n            <a\n              href=\"${data.nonprofit?.website}\"\n              target=\"_blank\"\n              class=\"image-card-link\"\n              style=\"color: var(--beam-CommunityImpact-imageCard-link-color, inherit); white-space: nowrap\"\n            >\n              ${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText)}<span class=\"image-card-link-arrow\"\n                >&nbsp;&rsaquo;</span\n              >\n            </a>\n          </div>\n        </div>\n      </div>\n    `;\n  };\n\n  private renderIconCard = (data: IAPIV3NonprofitImpact) => {\n    return html`\n      <div class=\"icon-card\" part=\"nonprofit-card\" style=\"display: flex; flex-direction: column;\">\n        <img class=\"icon-card-icon\" src=\"${data.nonprofit?.causeIconUrl}\" alt=\"${data.nonprofit?.cause}\" />\n        <p class=\"icon-card-cause\">${data.nonprofit?.cause}</p>\n        <h4 class=\"icon-card-name\">${data.nonprofit?.name}</h4>\n        <div class=\"icon-card-description\" part=\"nonprofit-card-description\" style=\"flex: 1;\">\n          ${unsafeHTML(localizeUserString(this.configLang, data.impact?.description || \"\"))}\n        </div>\n        <div class=\"icon-card-footer\" style=\"width: 100%; text-align: center;\">\n          <div class=\"icon-card-progress\" style=\"display: flex; align-items: center; width: 100%;\">\n            <beam-progress-bar style=\"flex: 1 0;\" value=\"${data.impact?.goalProgressPercentage}\"></beam-progress-bar>\n            <span style=\"text-align: right; flex: 0 1; white-space: nowrap\" class=\"icon-card-progressText\"\n              >${localizeUserString(this.configLang, data.impact?.goalProgressText)}</span\n            >\n          </div>\n          <div class=\"icon-card-goal-completion\">\n            ${unsafeHTML(localizeUserString(this.configLang, data.impact?.goalCompletionText))}\n          </div>\n          <a\n            href=\"${data.nonprofit?.website}\"\n            target=\"_blank\"\n            class=\"icon-card-link\"\n            style=\"color: var(--beam-CommunityImpact-iconCard-link-color, inherit); display: block\"\n            >${localizeUserString(this.configLang, data.nonprofit?.websiteLinkText) ||\n            strings[this.configLang].learnMore()}<span class=\"icon-card-link-arrow\">&nbsp;&rsaquo;</span>\n          </a>\n          ${data.impact?.goalCompletionText === \"\" ? html`<div class=\"icon-card-goal-completion\">&nbsp;</div>` : \"\"}\n        </div>\n      </div>\n    `;\n  };\n\n  private renderCards = ({ nonprofits }: { nonprofits: IAPIV3NonprofitImpact[] }) => {\n    return html`\n      <div class=\"beam-nonprofit-${this.cardStyle}-cards\" part=\"nonprofit-cards\">\n        ${nonprofits?.map(this.cardStyle === \"image\" ? this.renderImageCard : this.renderIconCard)}\n      </div>\n    `;\n  };\n\n  render() {\n    const { selectedFilter } = this;\n    const { data, error, loading } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n    const { community: nonprofits } = data;\n    const filteredNonprofits = selectedFilter\n      ? nonprofits.filter((np) => np.filters?.includes(selectedFilter))\n      : nonprofits;\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <beam-partner-logos\n        part=\"logos\"\n        partnerLogoUrl=\"${data.chain.logoUrl}\"\n        partnerName=\"${data.chain.name}\"\n      ></beam-partner-logos>\n\n      ${this.renderFilterTabs({ nonprofits })} ${this.renderCards({ nonprofits: filteredNonprofits })}\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"14px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      \"--beam-CommunityImpact-filterTabs-textalign\": \"left\",\n      \"--beam-CommunityImpact-filterTabs-marginBottom\": \"20px\",\n      /* Image Card Styles */\n      \"--beam-CommunityImpact-imageCard-borderColor\": \"currentColor\",\n      \"--beam-CommunityImpact-imageCard-borderRadius\": \"0\",\n      \"--beam-CommunityImpact-imageCard-borderWidth\": \"1px\",\n      \"--beam-CommunityImpact-imageCard-backgroundColor\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-foregroundColor\": \"inherit\",\n      ...defineCustomText(\"--beam-CommunityImpact-filterTabs\", {\n        fontSize: \"16px\",\n        marginTop: \"10px\",\n        fontWeight: \"bold\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-cause\", {\n        fontSize: \"14px\",\n        textTransform: \"uppercase\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-name\", {\n        fontSize: \"22px\",\n        marginTop: \"0\",\n        color: \"#fff\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-imageCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-imageCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-link\", {\n        fontSize: \"12px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\", {\n        fontSize: \"12px\",\n      }),\n      \"--beam-CommunityImpact-imageCard-goalCompletion-fontStyle\": \"italic\",\n      \"--beam-CommunityImpact-imageCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-imageCard-progressText\"),\n      \"--beam-CommunityImpact-imageCard-footer-marginTop\": \"10px\",\n      /* Icon Card Styles */\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-cause\", {\n        marginTop: \"10px\",\n      }),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-name\", {\n        marginTop: \"5px\",\n        fontWeight: \"bold\",\n      }),\n      \"--beam-CommunityImpact-iconCard-progress-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-progressText\"),\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-description\", {\n        marginTop: \"10px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CommunityImpact-iconCard-description-textAlign\": \"left\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-CommunityImpact-iconCard-link-color\": \"inherit\",\n      \"--beam-CommunityImpact-iconCard-linkArrow-display\": \"none\",\n      ...defineCustomText(\"--beam-CommunityImpact-iconCard-link\", {\n        marginTop: \"5px\",\n      }),\n    };\n\n    const cardCount = this.impactDataController.data?.community.length || 0;\n    const columnCount = cardCount === 3 ? 3 : this.cardStyle === \"icon\" ? 4 : 2;\n    defaults[\"--beam-CommunityImpact-columns\"] = columnCount.toString();\n    defaults[\"--beam-CommunityImpact-columns-minWidth\"] = this.cardStyle === \"image\" ? \"300px\" : \"200px\";\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n      }\n\n      .beam-filter-tabs {\n        ${useCustomText(\"--beam-CommunityImpact-filterTabs\")}\n        margin-bottom: var(--beam-CommunityImpact-filterTabs-marginBottom, 10px);\n        text-align: var(--beam-CommunityImpact-filterTabs-textalign, left);\n      }\n\n      .beam-nonprofit-image-cards,\n      .beam-nonprofit-icon-cards {\n        margin-top: 10px;\n      }\n\n      ${cssCardGrid({\n        gap: \"20px\",\n        className: \"beam-nonprofit-image-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      ${cssCardGrid({\n        gap: \"40px\",\n        className: \"beam-nonprofit-icon-cards\",\n        columnCount: \"var(--beam-CommunityImpact-columns)\",\n        itemMinWidth: \"var(--beam-CommunityImpact-columns-minWidth)\",\n      })}\n\n      /* Image Style Cards */\n\n      .image-card {\n        overflow-wrap: break-word;\n        border-color: var(--beam-CommunityImpact-imageCard-borderColor);\n        border-style: solid;\n        border-width: var(--beam-CommunityImpact-imageCard-borderWidth);\n        border-radius: var(--beam-CommunityImpact-imageCard-borderRadius);\n        overflow: hidden;\n        background-color: var(--beam-CommunityImpact-imageCard-backgroundColor);\n        color: var(--beam-CommunityImpact-imageCard-foregroundColor);\n      }\n\n      .image-card-image-box {\n        height: 200px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        padding: 0 24px 16px;\n        overflow-wrap: break-word;\n        background-color: #555;\n        background-blend-mode: overlay;\n        background-size: cover;\n        background-repeat: no-repeat;\n      }\n\n      .image-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-cause\")}\n      }\n\n      .image-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-name\")}\n      }\n\n      .image-card-progress {\n        margin-top: var(--beam-CommunityImpact-imageCard-progress-marginTop);\n      }\n\n      .image-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-progressText\")}\n      }\n\n      .image-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-description\")}\n      }\n\n      .image-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-link\")}\n      }\n\n      .image-card-link-arrow {\n        display: var(--beam-CommunityImpact-imageCard-linkArrow-display, \"none\");\n      }\n\n      .image-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-imageCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-imageCard-goalCompletion-fontStyle, italic);\n      }\n\n      .image-card-footer {\n        margin-top: var(--beam-CommunityImpact-imageCard-footer-marginTop);\n      }\n\n      /* Icon Style Cards */\n\n      .icon-card {\n        display: flex;\n        flex-direction: column;\n        justify-content: start;\n        align-items: center;\n      }\n\n      .icon-card-icon {\n        height: 50px;\n      }\n\n      .icon-card-cause {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-cause\")}\n      }\n\n      .icon-card-name {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-name\")}\n      }\n\n      .icon-card-progress {\n        margin-top: var(--beam-CommunityImpact-iconCard-progress-marginTop);\n      }\n\n      .icon-card-progressText {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-progressText\")}\n        margin-left: 10px;\n      }\n\n      .icon-card-description {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-description\")}\n        text-align: var(--beam-CommunityImpact-iconCard-description-textAlign, left);\n      }\n\n      .icon-card-link {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-link\")}\n      }\n\n      .icon-card-link-arrow {\n        display: var(--beam-CommunityImpact-iconCard-linkArrow-display, \"none\");\n      }\n\n      .icon-card-goal-completion {\n        ${useCustomText(\"--beam-CommunityImpact-iconCard-goalCompletion\")}\n        font-style: var(--beam-CommunityImpact-iconCard-goalCompletion-fontStyle, italic);\n      }\n\n      .icon-card-footer {\n        margin-top: var(--beam-CommunityImpact-iconCard-footer-marginTop);\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCommunityImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-community-impact\": BeamCommunityImpact;\n  }\n}\n"],"names":["strings","times","x","I","c","b","p","e","i","n","a","BeamCommunityImpact","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","AsyncController","data","html","localizeUserString","unsafeHTML","nonprofits","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","uniqueFilters","handleSeeAllFocus","handleFilterFocus","filter","styleMap","evt","selectedFilter","error","loading","_loading","_errorMessage","BeamError","filteredNonprofits","np","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","defineCustomText","columnCount","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","cssCardGrid","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}