@beamimpact/web-sdk 1.40.0 → 1.42.0

package/dist/chunks/order-page-Ps8Qyjfg.esm.d.ts

@@ -0,0 +1,74 @@
+import * as lodash from 'lodash';
+import { B as BeamCartAPIConfig, a as BeamCartValues } from './update-cart-SajqAoez.esm.js';
+import { T as TCart } from './cart-contents-sUhfwLAz.esm.js';
+import '../components/post-purchase.js';
+import { p as postTransaction } from './routes-qbvie7oI.esm.js';
+import { T as TUrl, L as LANGUAGES } from './types-aju0qrRe.esm.js';
+
+type BeamShopifyCartIntegrationConfig = BeamCartAPIConfig & {
+    storeId: number;
+    chainId?: number;
+};
+/**
+ * @main registerCartIntegration - set up event listeners to integrate Beam with Shopify cart
+ * @return {boolean} returns true if NEW listeners were created, false if setup was already done
+ */
+declare function registerCartIntegration(config: BeamShopifyCartIntegrationConfig): Promise<boolean>;
+/**
+ * Detects change in cart since last page load,
+ * by calling GET /cart.js, and returns cart values.
+ * Used for:
+ *  - Form-based carts where the page refreshes to modify cart instead of using AJAX calls
+ *  - Hydrogen/GraphQL based carts (needs to be integrated manually)
+ */
+declare function getCurrentCart(config: BeamShopifyCartIntegrationConfig): Promise<{
+    changed: boolean;
+    cart: {
+        cartId: string;
+        subtotal: number;
+        itemCount: number;
+        currencyCode: string;
+    } & TCart;
+}>;
+/**
+ * trackCart - Backwards-compatible alias for updateCart
+ */
+declare const trackCart: lodash.DebouncedFuncLeading<(config: BeamCartAPIConfig, cartValues: BeamCartValues) => Promise<void>>;
+/**
+ * Sends Beam data to Shopify to integrate with order as custom attributes.
+ * Memoized so that calls with the same data as the previous don't create additional API calls to Shopify.
+ */
+declare const addBeamAttributesToCart: (args_0: {
+    selectedNonprofitId?: number | null | undefined;
+    selectionId?: string | undefined;
+    beamCartId?: string | undefined;
+    cartId?: string | undefined;
+    chainId?: number | undefined;
+    storeId?: number | undefined;
+}) => Promise<void>;
+declare global {
+    interface Window {
+        statsig?: any;
+    }
+}
+
+type TBeamOrderPageParams = Parameters<typeof postTransaction>[0]["requestBody"] & {
+    storeId?: number;
+    postalCode?: string;
+    countryCode?: string;
+    orderId: string;
+    email: string;
+    cartTotal: number;
+    cart: TCart;
+    discountCodes: string[];
+    currencyCode: string;
+    parentSelector: string;
+    apiKey: string;
+    baseUrl: TUrl;
+    domain?: string;
+    lang: LANGUAGES;
+    debug: boolean;
+};
+declare function showBeamOrderPageWidgets({ parentSelector, apiKey, baseUrl, storeId, postalCode, countryCode, orderId, email, cartTotal, cart, discountCodes, currencyCode, domain, lang, debug, }: TBeamOrderPageParams): Promise<void>;
+
+export { type TBeamOrderPageParams as T, addBeamAttributesToCart as a, getCurrentCart as g, registerCartIntegration as r, showBeamOrderPageWidgets as s, trackCart as t };

package/dist/chunks/order-page-akvp5h2x.esm.js

@@ -0,0 +1,2 @@
+import{i as T}from"./lodash-P8OIs-at.esm.js";import{b as U,d as A,c as O,g as j}from"./events-_4nImo3u.esm.js";import{logger as k}from"../utils/logger.js";import{initNetworkListeners as D}from"../utils/network-listeners.js";import{createScopedLocalStorage as E}from"../utils/local-storage.js";import{getCookieValue as w}from"../utils/cookies.js";import{memoizeLast as J}from"../utils/memoize-last.js";import{B as S}from"./cart-contents-h60geKWa.esm.js";import{K as y}from"./update-cart-lTgKV-Zu.esm.js";import{W as K,D as R}from"./routes-r5D_LdgT.esm.js";import"../components/post-purchase.js";import{waitForElement as M}from"../utils/wait-for-element.js";import{B as x}from"./beam-errors-P-Lu07Ce.esm.js";const N=window.Shopify?.routes?.root||"/";let v=!1;const B="cart";async function P(a){if(v)return!1;const l=await C(a);await y(a,l.cart),await h({}),D(),window.addEventListener(U.eventName,async s=>{const i=s,n=/cart\/(add|change|update|clear)/,e=i.detail.type==="xhr"?i.detail.xhr.responseURL:i.detail.response.url,r=new URL(e);if(!n.test(r.pathname))return;const t=await C(a);if(!t.changed)return;const c={schema:t.cart.schema,content:{items:t.cart.content.items,discounts:t.cart.content.discounts}};window.dispatchEvent(new A(c)),await y(a,t.cart)});let d,m;return window.addEventListener(O.eventName,async s=>{const i=s,{source:n,selectedNonprofitId:e,selectionId:r}=i.detail;if(n===K.select_nonprofit){const t=await w(B),c=await w(S),{chainId:p,storeId:u}=a;if(d===e&&m===r)return;await h({selectedNonprofitId:e,selectionId:r,beamCartId:c,cartId:t,chainId:p,storeId:u}),m=r,d=e}}),window.addEventListener(j.eventName,async s=>{const i=s,{newNonprofitId:n,selectionId:e}=i.detail,r=await w(B),t=await w(S),{chainId:c,storeId:p}=a;d===n&&m===e||(await h({selectedNonprofitId:n,beamCartId:t,selectionId:e,cartId:r,chainId:c,storeId:p}),m=e,d=n)}),v=!0,!0}async function C(a){const{token:l,total_price:d,item_count:m,currency:s,items:i,cart_level_discount_applications:n}=await window.fetch(N+"cart.js",{method:"GET",headers:{"Content-Type":"application/json"}}).then(c=>c.json()),e={cartId:l,subtotal:d/100,itemCount:m,currencyCode:s,schema:{source:"generic"},content:{items:i.map(({sku:c,final_line_price:p,product_id:u,line_level_discount_allocations:_})=>{const g=c||String(u),f=p/100,I=_?.map(({discount_application:o})=>({code:o?.title,applicable:!0}));return{remoteProductIdentifier:g,localAmount:f,discounts:I}}),discounts:n.map(({title:c})=>({code:c,applicable:!0}))}};let r=!1;const t=E(a).getItemJson("cart");return T(e,t)||(r=!0),{changed:r,cart:e}}const W=y,h=J(async function({selectedNonprofitId:a,selectionId:l,beamCartId:d,cartId:m,chainId:s,storeId:i}){let n,e;if(window.statsig){const t=window.statsig;n=t.getLayer("beam_trial_layer").get("show_beam",!1),e=t.getStableID()}const r={beam:JSON.stringify({nonprofit_id:a,selection_id:l,beam_cart_id:d,shopify_cart_id:m,chain_id:s,store_id:i,show_beam:n,remote_session_id:e})};try{await window.fetch(N+"cart/update.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({attributes:r})})}catch(t){k.error(t)}});async function q({parentSelector:a=".step__sections",apiKey:l,baseUrl:d=R,storeId:m,postalCode:s,countryCode:i,orderId:n,email:e,cartTotal:r,cart:t,discountCodes:c,currencyCode:p="USD",domain:u,lang:_="en",debug:g=!1}){const f=document.querySelector(a)||await M(a);if(!f)throw new x(`Timed out waiting for selector '${a}'. Could not render Beam post-purchase widget.`);const I=await w("cart");if(I){const b=E({apiKey:l}),L=b.getItemJson("cart")||{};b.setItemJson("cart",{...L,cartId:I})}const o=document.createElement("beam-post-purchase");o.apiKey=l,o.baseUrl=d,o.storeId=m,o.postalCode=s,o.countryCode=i,o.orderId=String(n),o.email=e,o.cartTotal=r,o.cart=t,o.discountCodes=c,o.currencyCode=p,o.domain=u,o.lang=_,o.debug=g,f.appendChild(o)}export{C as I,P as M,W as U,h as p,q as s};
+//# sourceMappingURL=order-page-akvp5h2x.esm.js.map

package/dist/chunks/order-page-akvp5h2x.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-page-akvp5h2x.esm.js","sources":["../../src/integrations/shopify/cart-page.ts","../../src/integrations/shopify/order-page.ts"],"sourcesContent":["/* eslint-disable camelcase */\nimport isEqual from \"lodash-es/isEqual\";\nimport { logger, memoizeLast } from \"../../utils\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { initNetworkListeners } from \"../../utils/network-listeners\";\nimport {\n  BeamCartChangeEvent,\n  BeamNetworkCallEvent,\n  BeamNonprofitSelectEvent,\n  BeamNonprofitSelectionRemovedEvent,\n} from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { BEAM_CART_COOKIE_NAME, TCart, TCartApi, TCartItems } from \"../../shared/cart-contents\";\nimport { BeamCartAPIConfig, updateCart } from \"../cart\";\nimport { WIDGET_NAMES } from \"../../api-sdk/constants\";\n\ntype BeamShopifyCartIntegrationConfig = BeamCartAPIConfig & {\n  storeId: number; // will be added to cart custom_attributes, and used in cart API call\n  chainId?: number; // will be added to cart custom_attributes\n};\n\ntype ShopifyDiscountApplication = {\n  title: string;\n  value: string;\n};\n\ntype ShopifyLineLevelDiscountAllocations = {\n  amount?: string;\n  discount_application: ShopifyDiscountApplication;\n};\n\nconst SHOPIFY_BASE_URL = window.Shopify?.routes?.root || \"/\"; // see window.d.ts\n\nlet isBeamCartIntegrationRegistered = false; // Skip registering event listeners if already set up\n\nconst SHOPIFY_CART_COOKIE_NAME = \"cart\";\n\n/**\n * @main registerCartIntegration - set up event listeners to integrate Beam with Shopify cart\n * @return {boolean} returns true if NEW listeners were created, false if setup was already done\n */\nasync function registerCartIntegration(config: BeamShopifyCartIntegrationConfig) {\n  if (isBeamCartIntegrationRegistered) {\n    return false; // Do nothing if listeners are already attached\n  }\n\n  // Handle full-page load, ie, first-time page load and reloads from form submit events\n  // This creates a GET to /cart.js\n  const currentCart = await getCurrentCart(config);\n  await updateCart(config, currentCart.cart);\n  // pre load beam cart attribute to save statsig info\n  await addBeamAttributesToCart({});\n  // Set up event listeners for AJAX events\n  initNetworkListeners();\n\n  window.addEventListener(BeamNetworkCallEvent.eventName, async (_event: Event) => {\n    const event = _event as BeamNetworkCallEvent;\n    const cartChangePaths = /cart\\/(add|change|update|clear)/;\n    // note: response urls below follow redirects\n    const requestUrlStr = event.detail.type === \"xhr\" ? event.detail.xhr.responseURL : event.detail.response.url;\n    const url = new URL(requestUrlStr);\n    if (!cartChangePaths.test(url.pathname)) {\n      return;\n    }\n    const currentCart = await getCurrentCart(config);\n    if (!currentCart.changed) {\n      return;\n    }\n    const eventDetail: TCartApi = {\n      schema: currentCart.cart.schema as any, // TS union type can't figure out what variant applies here\n      content: {\n        items: currentCart.cart.content.items as any,\n        discounts: currentCart.cart.content.discounts as any,\n      },\n    };\n    window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n    // Send cart to Beam to update timestamp, which is used for cart abandonment / ROI calc\n    await updateCart(config, currentCart.cart);\n  });\n\n  // Listen to Beam's own events to integrate Beam data into Shopify order\n  let lastNonprofitId: number | null | undefined;\n  let lastSelectionId: string | null | undefined;\n  window.addEventListener(BeamNonprofitSelectEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectEvent;\n    const { source, selectedNonprofitId, selectionId } = event.detail;\n\n    if (source === WIDGET_NAMES.select_nonprofit) {\n      const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME); // Shopify cart ID cookie\n      const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME); // Beam cart ID cookie\n      const { chainId, storeId } = config;\n      // Skip update if nothing changed (can happen if widget is re-initialized and\n      // emits event after cache restoration, i.e., on cart re-render).\n      if (lastNonprofitId === selectedNonprofitId && lastSelectionId === selectionId) {\n        return;\n      }\n      await addBeamAttributesToCart({\n        selectedNonprofitId,\n        selectionId,\n        beamCartId,\n        cartId,\n        chainId,\n        storeId,\n      });\n      lastSelectionId = selectionId;\n      lastNonprofitId = selectedNonprofitId;\n    }\n  });\n\n  /**\n   * Upon removal of the selected nonprofit from the widget and local storage,\n   * an event is emitted and that event is then used to update the cart attributes accordingly\n   * This event listener updates the cart attributes based on the emitted event\n   */\n  window.addEventListener(BeamNonprofitSelectionRemovedEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectionRemovedEvent;\n    const { newNonprofitId, selectionId } = event.detail;\n    const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME);\n    const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME);\n    const { chainId, storeId } = config;\n    if (lastNonprofitId === newNonprofitId && lastSelectionId === selectionId) {\n      return;\n    }\n    await addBeamAttributesToCart({\n      selectedNonprofitId: newNonprofitId,\n      beamCartId,\n      selectionId,\n      cartId,\n      chainId,\n      storeId,\n    });\n    lastSelectionId = selectionId;\n    lastNonprofitId = newNonprofitId;\n  });\n\n  isBeamCartIntegrationRegistered = true;\n\n  return true;\n}\n\n/* ***************************************** HELPER FUNCTIONS *****************************************\n   These may be used individually to integrate with carts if the registerCartIntegration\n   script doesn't work for some reason.\n   ****************************************************************************************************/\n\n/**\n * Detects change in cart since last page load,\n * by calling GET /cart.js, and returns cart values.\n * Used for:\n *  - Form-based carts where the page refreshes to modify cart instead of using AJAX calls\n *  - Hydrogen/GraphQL based carts (needs to be integrated manually)\n */\nasync function getCurrentCart(config: BeamShopifyCartIntegrationConfig): Promise<{\n  changed: boolean;\n  cart: {\n    cartId: string;\n    subtotal: number;\n    itemCount: number;\n    currencyCode: string;\n  } & TCart;\n}> {\n  const {\n    token, // equal to \"cart\" cookie\n    total_price, // this is the pretax value, after discounts, and multiplied by 100 (integer from decimal)\n    item_count,\n    currency,\n    items,\n    cart_level_discount_applications,\n  } = await window\n    .fetch(SHOPIFY_BASE_URL + \"cart.js\", {\n      method: \"GET\",\n      headers: { \"Content-Type\": \"application/json\" },\n    })\n    .then((res) => res.json());\n\n  const cart = {\n    cartId: token,\n    subtotal: total_price / 100,\n    itemCount: item_count,\n    currencyCode: currency,\n    schema: { source: \"generic\" } as const,\n    content: {\n      // pull out minimal fields from full line items\n      items: (items as TCartItems).map(({ sku, final_line_price, product_id, line_level_discount_allocations }) => {\n        const remoteProductIdentifier = sku || String(product_id);\n        const localAmount = final_line_price / 100;\n        const discounts = (line_level_discount_allocations as ShopifyLineLevelDiscountAllocations[])?.map(\n          ({ discount_application }) => {\n            return { code: discount_application?.title, applicable: true };\n          }\n        );\n        return { remoteProductIdentifier, localAmount, discounts };\n      }),\n      discounts: (cart_level_discount_applications as ShopifyDiscountApplication[]).map(({ title }) => {\n        return { code: title, applicable: true };\n      }),\n    },\n  };\n\n  let changed = false;\n\n  const localStorage = createScopedLocalStorage(config);\n\n  const cachedCart = localStorage.getItemJson(\"cart\");\n\n  if (!isEqual(cart, cachedCart)) {\n    changed = true;\n  }\n\n  return { changed, cart };\n}\n\n/**\n * trackCart - Backwards-compatible alias for updateCart\n */\nconst trackCart = updateCart;\n\n/**\n * Sends Beam data to Shopify to integrate with order as custom attributes.\n * Memoized so that calls with the same data as the previous don't create additional API calls to Shopify.\n */\nconst addBeamAttributesToCart = memoizeLast(async function addBeamAttributesToCart({\n  selectedNonprofitId,\n  selectionId,\n  beamCartId,\n  cartId,\n  chainId,\n  storeId,\n}: {\n  selectedNonprofitId?: number | null;\n  selectionId?: string;\n  beamCartId?: string;\n  cartId?: string;\n  chainId?: number;\n  storeId?: number;\n}) {\n  let showBeam;\n  let remoteSessionId;\n  if (window.statsig) {\n    const statsig = window.statsig as any;\n    showBeam = statsig.getLayer(\"beam_trial_layer\").get(\"show_beam\", false /* default to hide */) as boolean;\n    remoteSessionId = statsig.getStableID();\n  }\n  const beamCartAttrs = {\n    beam: JSON.stringify({\n      nonprofit_id: selectedNonprofitId,\n      selection_id: selectionId,\n      beam_cart_id: beamCartId,\n      shopify_cart_id: cartId,\n      chain_id: chainId,\n      store_id: storeId,\n      show_beam: showBeam,\n      remote_session_id: remoteSessionId,\n    }),\n  };\n\n  try {\n    await window.fetch(SHOPIFY_BASE_URL + \"cart/update.js\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ attributes: beamCartAttrs }),\n    });\n  } catch (err) {\n    logger.error(err); // don't throw, allow later calls to continue\n  }\n});\n\ndeclare global {\n  interface Window {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    statsig?: any; // attached by Statsig CDN script\n  }\n}\nexport { trackCart, getCurrentCart, addBeamAttributesToCart, registerCartIntegration };\n","import \"../../components/post-purchase\";\nimport { postTransaction } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { waitForElement } from \"../../utils/wait-for-element\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { TCart } from \"../../shared/cart-contents\";\n\n// Shopify admin page: admin/settings/checkout\n\nexport type TBeamOrderPageParams = Parameters<typeof postTransaction>[0][\"requestBody\"] & {\n  // Either storeId or postalCode + countryCode must be provided\n  storeId?: number;\n  postalCode?: string;\n  countryCode?: string;\n  orderId: string;\n  email: string;\n  cartTotal: number;\n  cart: TCart;\n  discountCodes: string[];\n  currencyCode: string;\n  parentSelector: string; // CSS Selector for parent of widget to be inserted into DOM\n  apiKey: string;\n  baseUrl: TUrl;\n  domain?: string; // Base domain for setting cookies\n  lang: LANGUAGES;\n  debug: boolean;\n};\n\nexport async function showBeamOrderPageWidgets({\n  parentSelector = \".step__sections\",\n  apiKey,\n  baseUrl = DEFAULT_BASE_URL,\n  storeId,\n  postalCode,\n  countryCode,\n  orderId,\n  email,\n  cartTotal,\n  cart,\n  discountCodes,\n  currencyCode = \"USD\",\n  domain,\n  lang = \"en\",\n  debug = false,\n}: TBeamOrderPageParams) {\n  const parentElement = document.querySelector(parentSelector) || (await waitForElement(parentSelector));\n  if (!parentElement) {\n    throw new BeamError(\n      `Timed out waiting for selector '${parentSelector}'. Could not render Beam post-purchase widget.`\n    );\n  }\n\n  // If checkout and order page are on different subdomains, we can't access localStorage\n  // We can make postTransaction work by copying the cart cookie to the expected localStorage key on the current domain\n  const cartId = await getCookieValue(\"cart\"); // Shopify-only cart identifier\n  if (cartId) {\n    const beamLocalStorage = createScopedLocalStorage({ apiKey });\n    const existingValue = beamLocalStorage.getItemJson(\"cart\") || {};\n    beamLocalStorage.setItemJson(\"cart\", { ...existingValue, cartId });\n  }\n\n  // Note: assign properties one by one instead of bulk Object.assign to type check assignments\n  const widget = document.createElement(\"beam-post-purchase\");\n  widget.apiKey = apiKey;\n  widget.baseUrl = baseUrl;\n  widget.storeId = storeId;\n  widget.postalCode = postalCode;\n  widget.countryCode = countryCode;\n  widget.orderId = String(orderId);\n  widget.email = email;\n  widget.cartTotal = cartTotal;\n  widget.cart = cart;\n  widget.discountCodes = discountCodes;\n  widget.currencyCode = currencyCode;\n  widget.domain = domain;\n  widget.lang = lang;\n  widget.debug = debug;\n\n  // Insert widget into DOM\n  parentElement.appendChild(widget);\n}\n"],"names":["SHOPIFY_BASE_URL","isBeamCartIntegrationRegistered","SHOPIFY_CART_COOKIE_NAME","registerCartIntegration","config","currentCart","getCurrentCart","updateCart","addBeamAttributesToCart","initNetworkListeners","BeamNetworkCallEvent","_event","event","cartChangePaths","requestUrlStr","url","eventDetail","BeamCartChangeEvent","lastNonprofitId","lastSelectionId","BeamNonprofitSelectEvent","source","selectedNonprofitId","selectionId","WIDGET_NAMES","cartId","getCookieValue","beamCartId","BEAM_CART_COOKIE_NAME","chainId","storeId","BeamNonprofitSelectionRemovedEvent","newNonprofitId","token","total_price","item_count","currency","items","cart_level_discount_applications","res","cart","sku","final_line_price","product_id","line_level_discount_allocations","remoteProductIdentifier","localAmount","discounts","discount_application","title","changed","cachedCart","createScopedLocalStorage","isEqual","trackCart","memoizeLast","showBeam","remoteSessionId","statsig","beamCartAttrs","err","logger","showBeamOrderPageWidgets","parentSelector","apiKey","baseUrl","DEFAULT_BASE_URL","postalCode","countryCode","orderId","email","cartTotal","discountCodes","currencyCode","domain","lang","debug","parentElement","waitForElement","BeamError","beamLocalStorage","existingValue","widget"],"mappings":"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"}

package/dist/chunks/{progress-bar-Sn2QspHy.esm.js → progress-bar-HVG_n8_6.esm.js}

@@ -1,19 +1,19 @@
-import{f as m,g as b,h as l,y as d}from"./lit-qtGbjGnK.esm.js";var c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,g=(s,a,t,e)=>{for(var r=e>1?void 0:e?u(a,t):a,i=s.length-1,n;i>=0;i--)(n=s[i])&&(r=(e?n(a,t,r):n(r))||r);return e&&r&&c(a,t,r),r};class o extends l{constructor(){super(...arguments),this.value=0,this.animateProgress=!0}render(){return d`<div class="progress-bar-container">
+import{f as d,g as b,h as m,y as l}from"./lit-3QHn3fwl.esm.js";var u=Object.defineProperty,c=Object.getOwnPropertyDescriptor,g=(s,a,t,e)=>{for(var r=e>1?void 0:e?c(a,t):a,i=s.length-1,n;i>=0;i--)(n=s[i])&&(r=(e?n(a,t,r):n(r))||r);return e&&r&&u(a,t,r),r};class o extends m{constructor(){super(...arguments),this.value=0,this.animateProgress=!0}render(){return l`<div class="progress-bar-container">
       <style>
         :host {
           --beam-ProgressBar-value: ${this.value};
         }
       </style>
       <div class="progress-bar"></div>
-    </div>`}}o.styles=m`
+    </div>`}}o.styles=d`
     :host {
       display: inline-block;
       min-width: 20px;
     }
 
     .progress-bar-container {
-      border-radius: var(--beam-ProgressBar-border-radius, 10px);
-      height: var(--beam-ProgressBar-height, 10px);
+      border-radius: var(--beam-ProgressBar-border-radius, 8px);
+      height: var(--beam-ProgressBar-height, 8px);
       padding: 0;
       width: 100%;
       background: var(--beam-ProgressBar-color-background, lightgray);
@@ -48,6 +48,7 @@ import{f as m,g as b,h as l,y as d}from"./lit-qtGbjGnK.esm.js";var c=Object.defi
       animation-iteration-count: 1;
       animation-name: animate-bar;
       animation-timing-function: linear;
+      border-radius: var(--beam-ProgressBar-progress-border-radius, 8px);
     }
-  `,g([b({type:Number})],o.prototype,"value",2),g([b({type:Boolean})],o.prototype,"animateProgress",2),customElements.get("beam-progress-bar")||customElements.define("beam-progress-bar",o);const p={"--beam-ProgressBar-border-radius":"0px","--beam-ProgressBar-height":"10px","--beam-ProgressBar-color-background":"transparent","--beam-ProgressBar-border-width":"1px","--beam-ProgressBar-color-border":"currentColor","--beam-ProgressBar-color-bar":"currentColor","--beam-ProgressBar-animation-duration-base":"0s","--beam-ProgressBar-animation-duration-variable":"0s"};export{p};
-//# sourceMappingURL=progress-bar-Sn2QspHy.esm.js.map
+  `,g([b({type:Number})],o.prototype,"value",2),g([b({type:Boolean})],o.prototype,"animateProgress",2),customElements.get("beam-progress-bar")||customElements.define("beam-progress-bar",o);const p={"--beam-ProgressBar-border-radius":"8px","--beam-ProgressBar-progress-border-radius":"8px","--beam-ProgressBar-height":"8px","--beam-ProgressBar-color-background":"transparent","--beam-ProgressBar-border-width":"1px","--beam-ProgressBar-color-border":"currentColor","--beam-ProgressBar-color-bar":"currentColor","--beam-ProgressBar-animation-duration-base":"0s","--beam-ProgressBar-animation-duration-variable":"0s"};export{p};
+//# sourceMappingURL=progress-bar-HVG_n8_6.esm.js.map

package/dist/chunks/progress-bar-HVG_n8_6.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-HVG_n8_6.esm.js","sources":["../../src/shared/components/progress-bar.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\nexport class BeamProgressBar extends LitElement {\n  @property({ type: Number }) value = 0;\n  @property({ type: Boolean }) animateProgress = true;\n\n  render() {\n    return html`<div class=\"progress-bar-container\">\n      <style>\n        :host {\n          --beam-ProgressBar-value: ${this.value};\n        }\n      </style>\n      <div class=\"progress-bar\"></div>\n    </div>`;\n  }\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      min-width: 20px;\n    }\n\n    .progress-bar-container {\n      border-radius: var(--beam-ProgressBar-border-radius, 8px);\n      height: var(--beam-ProgressBar-height, 8px);\n      padding: 0;\n      width: 100%;\n      background: var(--beam-ProgressBar-color-background, lightgray);\n      position: relative;\n      border: var(--beam-ProgressBar-border-width, 1px) solid var(--beam-ProgressBar-color-border, currentColor);\n      overflow: hidden;\n    }\n\n    @keyframes animate-bar {\n      0% {\n        width: 0;\n      }\n\n      100% {\n        width: calc(var(--beam-ProgressBar-value) * 1%);\n      }\n    }\n\n    .progress-bar {\n      width: calc(var(--beam-ProgressBar-value, 0) * 1%);\n      height: 100%;\n      position: absolute;\n      background: var(--beam-ProgressBar-color-bar, linear-gradient(to right, currentColor, currentColor));\n      left: 0;\n      bottom: 0;\n      top: 0;\n      background-clip: padding-box;\n      animation-duration: calc(\n        var(--beam-ProgressBar-animation-duration-base, 0s) + var(--beam-ProgressBar-animation-duration-variable, 0s) *\n          var(--beam-ProgressBar-value) / 100\n      );\n      animation-iteration-count: 1;\n      animation-name: animate-bar;\n      animation-timing-function: linear;\n      border-radius: var(--beam-ProgressBar-progress-border-radius, 8px);\n    }\n  `;\n}\n\ncustomElements.get(\"beam-progress-bar\") || customElements.define(\"beam-progress-bar\", BeamProgressBar);\n\nexport const progressBarConfigDefaults = {\n  \"--beam-ProgressBar-border-radius\": \"8px\",\n  \"--beam-ProgressBar-progress-border-radius\": \"8px\",\n  \"--beam-ProgressBar-height\": \"8px\",\n  \"--beam-ProgressBar-color-background\": \"transparent\",\n  \"--beam-ProgressBar-border-width\": \"1px\",\n  \"--beam-ProgressBar-color-border\": \"currentColor\",\n  \"--beam-ProgressBar-color-bar\": \"currentColor\",\n  \"--beam-ProgressBar-animation-duration-base\": \"0s\",\n  \"--beam-ProgressBar-animation-duration-variable\": \"0s\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-progress-bar\": BeamProgressBar;\n  }\n}\n"],"names":["BeamProgressBar","LitElement","html","css","__decorateClass","property","progressBarConfigDefaults"],"mappings":"qQAGaA,UAAwBC,CAAW,CAAzC,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,MAAQ,EACP,KAAkB,gBAAA,EAAA,CAE/C,QAAS,CACP,OAAOC;AAAAA;AAAAA;AAAAA,sCAG2B,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,WAK9C,CAgDF,CA7DaF,EAeJ,OAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAdYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAL,EACiB,UACCI,QAAAA,CAAAA,EAAAA,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,GAFhBL,EAEkB,UAAA,kBAAA,CAAA,EA6D/B,eAAe,IAAI,mBAAmB,GAAK,eAAe,OAAO,oBAAqBA,CAAe,EAE9F,MAAMM,EAA4B,CACvC,mCAAoC,MACpC,4CAA6C,MAC7C,4BAA6B,MAC7B,sCAAuC,cACvC,kCAAmC,MACnC,kCAAmC,eACnC,+BAAgC,eAChC,6CAA8C,KAC9C,iDAAkD,IACpD"}

package/dist/chunks/{promo-pill-label-j0A8qZ0c.esm.js → promo-pill-label-3Xtr5ALT.esm.js}

@@ -1,4 +1,4 @@
-import{h as n,f,y as b,g as p}from"./lit-qtGbjGnK.esm.js";import"./vendor-jQ8cxMpw.esm.js";var d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,s=(l,o,t,r)=>{for(var e=r>1?void 0:r?c(o,t):o,a=l.length-1,i;a>=0;a--)(i=l[a])&&(e=(r?i(o,t,e):i(e))||e);return r&&e&&d(o,t,e),e};class m extends n{constructor(){super(...arguments),this.promo=null,this.shortVersion=!1}static get styles(){return f`
+import{h as n,f,y as b,g as p}from"./lit-3QHn3fwl.esm.js";import"./vendor--f7lkyBk.esm.js";var d=Object.defineProperty,P=Object.getOwnPropertyDescriptor,s=(l,o,t,r)=>{for(var e=r>1?void 0:r?P(o,t):o,a=l.length-1,i;a>=0;a--)(i=l[a])&&(e=(r?i(o,t,e):i(e))||e);return r&&e&&d(o,t,e),e};class m extends n{constructor(){super(...arguments),this.promo=null,this.shortVersion=!1}static get styles(){return f`
       sl-badge::part(base) {
         background-color: var(--beam-promoPillLabel-color-background, #000);
         color: var(--beam-promoPillLabel-color, #fff);
@@ -8,6 +8,7 @@ import{h as n,f,y as b,g as p}from"./lit-qtGbjGnK.esm.js";import"./vendor-jQ8cxM
         font-size: var(--beam-promoPillLabel-font-size, 12px);
         font-weight: var(--beam-promoPillLabel-font-weight, bold);
         text-transform: var(--beam-promoPillLabel-text-transform, none);
+        text-wrap: var(--beam-promoPillLabel-text-wrap, wrap);
       }
-    `}render(){if(this.promo){const o=this.shortVersion?this.promo["promo-text-short"]:this.promo["promo-text-long"];return b`<sl-badge pill aria-label="${o}">${o}</sl-badge>`}else return b``}}s([p({type:Object})],m.prototype,"promo",2),s([p({type:Boolean})],m.prototype,"shortVersion",2),customElements.get("beam-promo-info-pill")||customElements.define("beam-promo-info-pill",m);const P={"--beam-promoPillLabel-color-background":"#000","--beam-promoPillLabel-color":"#fff","--beam-promoPillLabel-border":"#000","--beam-promoPillLabel-border-width":"2px","--beam-promoPillLabel-font-size":"12px","--beam-promoPillLabel-font":"inherit","--beam-promoPillLabel-font-weight":"bold","--beam-promoPillLabel-text-transform":"none"};export{P as p};
-//# sourceMappingURL=promo-pill-label-j0A8qZ0c.esm.js.map
+    `}render(){if(this.promo){const o=this.shortVersion?this.promo["promo-text-short"]:this.promo["promo-text-long"];return b`<sl-badge pill aria-label="${o}">${o}</sl-badge>`}else return b``}}s([p({type:Object})],m.prototype,"promo",2),s([p({type:Boolean})],m.prototype,"shortVersion",2),customElements.get("beam-promo-info-pill")||customElements.define("beam-promo-info-pill",m);const c={"--beam-promoPillLabel-color-background":"#000","--beam-promoPillLabel-color":"#fff","--beam-promoPillLabel-border":"#000","--beam-promoPillLabel-border-width":"2px","--beam-promoPillLabel-font-size":"12px","--beam-promoPillLabel-font":"inherit","--beam-promoPillLabel-font-weight":"bold","--beam-promoPillLabel-text-transform":"none","--beam-promoPillLabel-text-wrap":"wrap"};export{c as p};
+//# sourceMappingURL=promo-pill-label-3Xtr5ALT.esm.js.map

package/dist/chunks/{promo-pill-label-j0A8qZ0c.esm.js.map → promo-pill-label-3Xtr5ALT.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"promo-pill-label-j0A8qZ0c.esm.js","sources":["../../src/shared/components/promo-pill-label.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/badge/badge.js\";\n\ntype Promo = {\n  \"promo-text-long\": string;\n  \"promo-text-short\": string;\n};\n\nexport class BeamPromoInfoPill extends LitElement {\n  @property({ type: Object }) promo: Promo | null = null;\n  @property({ type: Boolean }) shortVersion = false;\n\n  static get styles() {\n    return css`\n      sl-badge::part(base) {\n        background-color: var(--beam-promoPillLabel-color-background, #000);\n        color: var(--beam-promoPillLabel-color, #fff);\n        border: var(--beam-promoPillLabel-border-width, 3px) solid var(--beam-promoPillLabel-border, #000);\n        border-radius: 18.37px;\n        font-family: var(--beam-promoPillLabel-font, inherit);\n        font-size: var(--beam-promoPillLabel-font-size, 12px);\n        font-weight: var(--beam-promoPillLabel-font-weight, bold);\n        text-transform: var(--beam-promoPillLabel-text-transform, none);\n      }\n    `;\n  }\n\n  render() {\n    if (this.promo) {\n      const promoText = this.shortVersion ? this.promo[\"promo-text-short\"] : this.promo[\"promo-text-long\"];\n      return html`<sl-badge pill aria-label=\"${promoText}\">${promoText}</sl-badge>`;\n    } else {\n      return html``;\n    }\n  }\n}\n\ncustomElements.get(\"beam-promo-info-pill\") || customElements.define(\"beam-promo-info-pill\", BeamPromoInfoPill);\n\nexport const promoPillLabelConfigDefaults = {\n  \"--beam-promoPillLabel-color-background\": \"#000\",\n  \"--beam-promoPillLabel-color\": \"#fff\",\n  \"--beam-promoPillLabel-border\": \"#000\",\n  \"--beam-promoPillLabel-border-width\": \"2px\",\n  \"--beam-promoPillLabel-font-size\": \"12px\",\n  \"--beam-promoPillLabel-font\": \"inherit\",\n  \"--beam-promoPillLabel-font-weight\": \"bold\",\n  \"--beam-promoPillLabel-text-transform\": \"none\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-promo-info-pill\": BeamPromoInfoPill;\n  }\n}\n"],"names":["BeamPromoInfoPill","LitElement","css","promoText","html","__decorateClass","property","promoPillLabelConfigDefaults"],"mappings":"2RASa,MAAAA,UAA0BC,CAAW,CAA3C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,MAAsB,KACrB,KAAA,aAAe,EAE5C,CAAA,WAAW,QAAS,CAClB,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAYT,CAEA,QAAS,CACP,GAAI,KAAK,MAAO,CACd,MAAMC,EAAY,KAAK,aAAe,KAAK,MAAM,kBAAkB,EAAI,KAAK,MAAM,iBAAiB,EACnG,OAAOC,+BAAkCD,CAAS,KAAKA,CAAS,aAClE,KACSC,QAAAA,GAEX,CACF,CA1B8BC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CAAA,EADfN,EACiB,UAAA,QAAA,CAAA,EACCK,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,EAFhBN,EAEkB,UAAA,eAAA,CAAA,EA2B/B,eAAe,IAAI,sBAAsB,GAAK,eAAe,OAAO,uBAAwBA,CAAiB,EAEtG,MAAMO,EAA+B,CAC1C,yCAA0C,OAC1C,8BAA+B,OAC/B,+BAAgC,OAChC,qCAAsC,MACtC,kCAAmC,OACnC,6BAA8B,UAC9B,oCAAqC,OACrC,uCAAwC,MAC1C"}
+{"version":3,"file":"promo-pill-label-3Xtr5ALT.esm.js","sources":["../../src/shared/components/promo-pill-label.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/badge/badge.js\";\n\ntype Promo = {\n  \"promo-text-long\": string;\n  \"promo-text-short\": string;\n};\n\nexport class BeamPromoInfoPill extends LitElement {\n  @property({ type: Object }) promo: Promo | null = null;\n  @property({ type: Boolean }) shortVersion = false;\n\n  static get styles() {\n    return css`\n      sl-badge::part(base) {\n        background-color: var(--beam-promoPillLabel-color-background, #000);\n        color: var(--beam-promoPillLabel-color, #fff);\n        border: var(--beam-promoPillLabel-border-width, 3px) solid var(--beam-promoPillLabel-border, #000);\n        border-radius: 18.37px;\n        font-family: var(--beam-promoPillLabel-font, inherit);\n        font-size: var(--beam-promoPillLabel-font-size, 12px);\n        font-weight: var(--beam-promoPillLabel-font-weight, bold);\n        text-transform: var(--beam-promoPillLabel-text-transform, none);\n        text-wrap: var(--beam-promoPillLabel-text-wrap, wrap);\n      }\n    `;\n  }\n\n  render() {\n    if (this.promo) {\n      const promoText = this.shortVersion ? this.promo[\"promo-text-short\"] : this.promo[\"promo-text-long\"];\n      return html`<sl-badge pill aria-label=\"${promoText}\">${promoText}</sl-badge>`;\n    } else {\n      return html``;\n    }\n  }\n}\n\ncustomElements.get(\"beam-promo-info-pill\") || customElements.define(\"beam-promo-info-pill\", BeamPromoInfoPill);\n\nexport const promoPillLabelConfigDefaults = {\n  \"--beam-promoPillLabel-color-background\": \"#000\",\n  \"--beam-promoPillLabel-color\": \"#fff\",\n  \"--beam-promoPillLabel-border\": \"#000\",\n  \"--beam-promoPillLabel-border-width\": \"2px\",\n  \"--beam-promoPillLabel-font-size\": \"12px\",\n  \"--beam-promoPillLabel-font\": \"inherit\",\n  \"--beam-promoPillLabel-font-weight\": \"bold\",\n  \"--beam-promoPillLabel-text-transform\": \"none\",\n  \"--beam-promoPillLabel-text-wrap\": \"wrap\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-promo-info-pill\": BeamPromoInfoPill;\n  }\n}\n"],"names":["BeamPromoInfoPill","LitElement","css","promoText","html","__decorateClass","property","promoPillLabelConfigDefaults"],"mappings":"2RASa,MAAAA,UAA0BC,CAAW,CAA3C,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,MAAsB,KACrB,KAAA,aAAe,EAE5C,CAAA,WAAW,QAAS,CAClB,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAaT,CAEA,QAAS,CACP,GAAI,KAAK,MAAO,CACd,MAAMC,EAAY,KAAK,aAAe,KAAK,MAAM,kBAAkB,EAAI,KAAK,MAAM,iBAAiB,EACnG,OAAOC,+BAAkCD,CAAS,KAAKA,CAAS,aAClE,KACSC,QAAAA,GAEX,CACF,CA3B8BC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,CADf,EAAAN,EACiB,UACCK,QAAAA,CAAAA,EAAAA,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAFhB,EAAAN,EAEkB,UA4B/B,eAAA,CAAA,EAAA,eAAe,IAAI,sBAAsB,GAAK,eAAe,OAAO,uBAAwBA,CAAiB,EAEtG,MAAMO,EAA+B,CAC1C,yCAA0C,OAC1C,8BAA+B,OAC/B,+BAAgC,OAChC,qCAAsC,MACtC,kCAAmC,OACnC,6BAA8B,UAC9B,oCAAqC,OACrC,uCAAwC,OACxC,kCAAmC,MACrC"}

package/dist/chunks/{responsive-aWj_7ZN_.esm.js → responsive-KbDsZM6S.esm.js}

@@ -1,4 +1,4 @@
-import{f as i}from"./lit-qtGbjGnK.esm.js";const n=501,l=i`
+import{f as i}from"./lit-3QHn3fwl.esm.js";const n=501,l=i`
   .d-none {
     display: none;
   }
@@ -20,4 +20,4 @@ import{f as i}from"./lit-qtGbjGnK.esm.js";const n=501,l=i`
     }
   }
 `;export{l as c};
-//# sourceMappingURL=responsive-aWj_7ZN_.esm.js.map
+//# sourceMappingURL=responsive-KbDsZM6S.esm.js.map

package/dist/chunks/{responsive-aWj_7ZN_.esm.js.map → responsive-KbDsZM6S.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"responsive-aWj_7ZN_.esm.js","sources":["../../src/shared/responsive.ts"],"sourcesContent":["/**\n * Module containing constants for breakpoints and other responsive design considerations\n */\nimport { css } from \"lit\";\n\nexport const SCREEN_SIZE_SMALL = 501; // px\n\n/**\n * Reusable CSS stylesheet for responsive display\n * Implements a subset of Bootstrap's CSS, but with only two sizes (sm [default] and lg)\n * https://getbootstrap.com/docs/4.0/utilities/display/\n */\nexport const cssResponsiveUtils = css`\n  .d-none {\n    display: none;\n  }\n  .d-block {\n    display: block;\n  }\n  .d-inline {\n    display: inline;\n  }\n  @media screen and (min-width: ${SCREEN_SIZE_SMALL}px) {\n    .d-lg-none {\n      display: none;\n    }\n    .d-lg-block {\n      display: block;\n    }\n    .d-lg-inline {\n      display: inline;\n    }\n  }\n`;\n"],"names":["SCREEN_SIZE_SMALL","cssResponsiveUtils","css"],"mappings":"0CAKa,MAAAA,EAAoB,IAOpBC,EAAqBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kCAUAF,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"responsive-KbDsZM6S.esm.js","sources":["../../src/shared/responsive.ts"],"sourcesContent":["/**\n * Module containing constants for breakpoints and other responsive design considerations\n */\nimport { css } from \"lit\";\n\nexport const SCREEN_SIZE_SMALL = 501; // px\n\n/**\n * Reusable CSS stylesheet for responsive display\n * Implements a subset of Bootstrap's CSS, but with only two sizes (sm [default] and lg)\n * https://getbootstrap.com/docs/4.0/utilities/display/\n */\nexport const cssResponsiveUtils = css`\n  .d-none {\n    display: none;\n  }\n  .d-block {\n    display: block;\n  }\n  .d-inline {\n    display: inline;\n  }\n  @media screen and (min-width: ${SCREEN_SIZE_SMALL}px) {\n    .d-lg-none {\n      display: none;\n    }\n    .d-lg-block {\n      display: block;\n    }\n    .d-lg-inline {\n      display: inline;\n    }\n  }\n`;\n"],"names":["SCREEN_SIZE_SMALL","cssResponsiveUtils","css"],"mappings":"0CAKa,MAAAA,EAAoB,IAOpBC,EAAqBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kCAUAF,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}