@zeniai/web-components 3.16.31 → 3.16.32

package/dist/NavBarWithPicker-B9fB_b4i.js

@@ -1,106 +0,0 @@
-import { u as p, j as t } from "./vendor-.pnpm-DxbX2tX4.js";
-import s from "@emotion/styled";
-import { eV as x, t as u, S as r, u as g, j as m, Z as y, a as v, eS as b, ha as j, F as C } from "./index-BcmM9nFj.js";
-const S = s.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: calc(100% - 36px);
-  margin-left: ${r.sp3};
-`, f = ({
-  backgroundColor: e,
-  pickerValues: n,
-  valueToLabel: a,
-  selectedValue: i,
-  onPickerSelectionChanged: l,
-  isPickerDisabled: c,
-  titleTextStyle: h,
-  styles: d
-}) => {
-  const o = p();
-  return /* @__PURE__ */ t.jsx(S, { style: d, children: /* @__PURE__ */ t.jsx(
-    x,
-    {
-      pickerValues: n,
-      valueToLabel: a,
-      selectedValue: i,
-      onPickerSelectionChanged: l,
-      backgroundColor: e,
-      titleTextStyle: h ?? u.largeRegular,
-      titleColor: o.colors.primary,
-      selectedOptionColor: o.colors.primary,
-      isDisabled: c
-    }
-  ) });
-}, {
-  common: {
-    navBar: { back: k }
-  }
-} = v.getLocalizedStrings(), w = {
-  navBarHeight: b
-}, $ = s.div`
-  display: flex;
-  align-items: center;
-  min-height: ${(e) => w.navBarHeight.valuePx(e.windowSize)};
-  background-color: ${(e) => e.bgColor};
-`, T = s.div``, B = s(C)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`, P = s(j)`
-  cursor: pointer;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  color: ${(e) => e.theme.colors.hero};
-  &:hover {
-    color: ${(e) => e.theme.colors.primary};
-  }
-`;
-function R({
-  picker: e,
-  backgroundColor: n,
-  showMenuIcon: a,
-  rightSideComponent: i,
-  onBackClick: l,
-  onClickMenuIcon: c
-}) {
-  const h = p(), d = g(), o = n ?? h.colors.grey5;
-  return /* @__PURE__ */ t.jsxs($, { bgColor: o, windowSize: d, children: [
-    a ? /* @__PURE__ */ t.jsx(
-      P,
-      {
-        onClick: c,
-        "data-testid": m("nav-bar-menu-button")
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      y,
-      {
-        style: {
-          marginTop: r.sp1,
-          height: r.sp4
-        },
-        title: k,
-        enterDelay: 600,
-        placement: "bottom",
-        children: /* @__PURE__ */ t.jsx(
-          B,
-          {
-            "data-testid": m("nav-bar-back-button"),
-            onClick: l
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(f, { ...e, backgroundColor: o }),
-    i != null ? /* @__PURE__ */ t.jsx(T, { children: i }) : null
-  ] });
-}
-export {
-  R as N
-};

package/dist/NavBarWithPicker-BcIzIZ1B.cjs

@@ -1,30 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-B6vI-hvj.cjs"),n=require("@emotion/styled"),t=require("./index-PcEfbmFv.cjs"),d=n.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: calc(100% - 36px);
-  margin-left: ${t.Space.sp3};
-`,h=({backgroundColor:e,pickerValues:s,valueToLabel:c,selectedValue:i,onPickerSelectionChanged:a,isPickerDisabled:l,titleTextStyle:x,styles:p})=>{const r=o.useTheme();return o.jsxRuntimeExports.jsx(d,{style:p,children:o.jsxRuntimeExports.jsx(t.Picker$1,{pickerValues:s,valueToLabel:c,selectedValue:i,onPickerSelectionChanged:a,backgroundColor:e,titleTextStyle:x??t.textStyles.largeRegular,titleColor:r.colors.primary,selectedOptionColor:r.colors.primary,isDisabled:l})})},{common:{navBar:{back:m}}}=t.appLocale.getLocalizedStrings(),u={navBarHeight:t.navBarHeight},g=n.div`
-  display: flex;
-  align-items: center;
-  min-height: ${e=>u.navBarHeight.valuePx(e.windowSize)};
-  background-color: ${e=>e.bgColor};
-`,j=n.div``,v=n(t.SvgArrowLeft)`
-  cursor: pointer;
-  width: ${t.Space.sp4};
-  height: ${t.Space.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,y=n(t.SvgMenu)`
-  cursor: pointer;
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function S({picker:e,backgroundColor:s,showMenuIcon:c,rightSideComponent:i,onBackClick:a,onClickMenuIcon:l}){const x=o.useTheme(),p=t.useWindowSizeContext(),r=s??x.colors.grey5;return o.jsxRuntimeExports.jsxs(g,{bgColor:r,windowSize:p,children:[c?o.jsxRuntimeExports.jsx(y,{onClick:l,"data-testid":t.generateDataTestId("nav-bar-menu-button")}):o.jsxRuntimeExports.jsx(t.Tooltip,{style:{marginTop:t.Space.sp1,height:t.Space.sp4},title:m,enterDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(v,{"data-testid":t.generateDataTestId("nav-bar-back-button"),onClick:a})}),o.jsxRuntimeExports.jsx(h,{...e,backgroundColor:r}),i!=null?o.jsxRuntimeExports.jsx(j,{children:i}):null]})}exports.NavBarWithPicker=S;

package/dist/NavigationArrow-CNpW28GW.js

@@ -1,88 +0,0 @@
-import { j as e } from "./vendor-.pnpm-DxbX2tX4.js";
-import { css as t } from "@emotion/react";
-import l from "@emotion/styled";
-import { S as o, J as c, F as $ } from "./index-BcmM9nFj.js";
-const f = t`
-  border-left-style: none;
-  margin-left: -${o.sp3};
-  border-top-right-radius: ${o.sp2};
-  border-bottom-right-radius: ${o.sp2};
-  padding: ${o.sp2};
-`, u = t`
-  border-right-style: none;
-  margin-right: -${o.sp3};
-  border-top-left-radius: ${o.sp2};
-  border-bottom-left-radius: ${o.sp2};
-  padding: ${o.sp2};
-`, p = l.div`
-  cursor: pointer;
-  display: flex;
-  border: 1px solid
-    ${(r) => r.isSpendManagementPromoCard === !0 ? r.promoBorderColor != null ? r.promoBorderColor : r.theme.colors.billPayPromoBorderColor : r.theme.colors.grey3};
-  margin-top: ${(r) => r.isSpendManagementPromoCard === !0 ? o.sp0 : "-" + o.sp11};
-  ${(r) => r.which === "left" ? f : u};
-  ${(r) => r.marginLeft != null ? `margin-left: ${r.marginLeft};` : ""}
-  ${(r) => r.marginRight != null ? `margin-right: ${r.marginRight};` : ""}
-  & svg {
-    color: ${(r) => r.isSpendManagementPromoCard === !0 ? r.promoColor != null ? r.promoColor : r.theme.colors.billPayPromoBorderColor : r.theme.colors.hero};
-  }
-  &:hover {
-    & svg {
-      color: ${(r) => r.theme.colors.primary};
-    }
-    ${({ promoBorderColorHover: r }) => r != null ? t`
-          border-color: ${r};
-        ` : null}
-  }
-`, y = l($)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${(r) => r.theme.colors.hero};
-  &:hover {
-    color: ${(r) => r.theme.colors.primary};
-  }
-`, v = l(c)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${(r) => r.theme.colors.hero};
-  &:hover {
-    color: ${(r) => r.theme.colors.primary};
-  }
-`;
-function S({ navType: r }) {
-  switch (r) {
-    case "left":
-      return /* @__PURE__ */ e.jsx(y, {});
-    case "right":
-      return /* @__PURE__ */ e.jsx(v, {});
-    default:
-      throw Error("Invalid navtype");
-  }
-}
-const N = ({
-  navType: r,
-  isSpendManagementPromoCard: i = !1,
-  marginLeft: s,
-  marginRight: a,
-  promoBorderColor: n,
-  promoBorderColorHover: m,
-  promoColor: d,
-  handleClick: h
-}) => /* @__PURE__ */ e.jsx(
-  p,
-  {
-    isSpendManagementPromoCard: i,
-    which: r,
-    className: `styledNav styledNav-${r}`,
-    marginLeft: s,
-    marginRight: a,
-    promoBorderColor: n,
-    promoColor: d,
-    promoBorderColorHover: m,
-    onClick: (g) => h(g, r == "left" ? "right" : "left"),
-    children: /* @__PURE__ */ e.jsx(S, { navType: r })
-  }
-);
-export {
-  N
-};

package/dist/NavigationArrow-DKljHlqX.cjs

@@ -1,47 +0,0 @@
-"use strict";const o=require("./vendor-.pnpm-B6vI-hvj.cjs"),t=require("@emotion/react"),i=require("@emotion/styled"),e=require("./index-PcEfbmFv.cjs"),g=t.css`
-  border-left-style: none;
-  margin-left: -${e.Space.sp3};
-  border-top-right-radius: ${e.Space.sp2};
-  border-bottom-right-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp2};
-`,u=t.css`
-  border-right-style: none;
-  margin-right: -${e.Space.sp3};
-  border-top-left-radius: ${e.Space.sp2};
-  border-bottom-left-radius: ${e.Space.sp2};
-  padding: ${e.Space.sp2};
-`,p=i.div`
-  cursor: pointer;
-  display: flex;
-  border: 1px solid
-    ${r=>r.isSpendManagementPromoCard===!0?r.promoBorderColor!=null?r.promoBorderColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.grey3};
-  margin-top: ${r=>r.isSpendManagementPromoCard===!0?e.Space.sp0:"-"+e.Space.sp11};
-  ${r=>r.which==="left"?g:u};
-  ${r=>r.marginLeft!=null?`margin-left: ${r.marginLeft};`:""}
-  ${r=>r.marginRight!=null?`margin-right: ${r.marginRight};`:""}
-  & svg {
-    color: ${r=>r.isSpendManagementPromoCard===!0?r.promoColor!=null?r.promoColor:r.theme.colors.billPayPromoBorderColor:r.theme.colors.hero};
-  }
-  &:hover {
-    & svg {
-      color: ${r=>r.theme.colors.primary};
-    }
-    ${({promoBorderColorHover:r})=>r!=null?t.css`
-          border-color: ${r};
-        `:null}
-  }
-`,$=i(e.SvgArrowLeft)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: ${r=>r.theme.colors.hero};
-  &:hover {
-    color: ${r=>r.theme.colors.primary};
-  }
-`,S=i(e.SvgArrowRight)`
-  width: ${e.Space.sp3};
-  height: ${e.Space.sp3};
-  color: ${r=>r.theme.colors.hero};
-  &:hover {
-    color: ${r=>r.theme.colors.primary};
-  }
-`;function f({navType:r}){switch(r){case"left":return o.jsxRuntimeExports.jsx($,{});case"right":return o.jsxRuntimeExports.jsx(S,{});default:throw Error("Invalid navtype")}}const y=({navType:r,isSpendManagementPromoCard:l=!1,marginLeft:s,marginRight:a,promoBorderColor:n,promoBorderColorHover:c,promoColor:d,handleClick:h})=>o.jsxRuntimeExports.jsx(p,{isSpendManagementPromoCard:l,which:r,className:`styledNav styledNav-${r}`,marginLeft:s,marginRight:a,promoBorderColor:n,promoColor:d,promoBorderColorHover:c,onClick:m=>h(m,r=="left"?"right":"left"),children:o.jsxRuntimeExports.jsx(f,{navType:r})});exports.NavigationArrow=y;

package/dist/NavigationDots-ChmgfVwF.cjs

@@ -1,15 +0,0 @@
-"use strict";const r=require("./vendor-.pnpm-B6vI-hvj.cjs"),n=require("@emotion/styled"),t=require("./index-PcEfbmFv.cjs"),v=n.div`
-  text-align: center;
-  cursor: pointer;
-`,g=n.div`
-  display: inline-block;
-  border-radius: 50%;
-  margin: ${t.Space.sp0} ${t.Space.sp2};
-  width: 6px;
-  height: 6px;
-  cursor: inherit;
-  transition: background-color 0.4s linear;
-  cursor: ${o=>o.spendManagementPromoCardActive===!0?"pointer":"default"};
-  background-color: ${o=>o.spendManagementPromoCardActive?o.active?o.promoColor!=null?o.promoColor:o.theme.colors.brandColorGold:o.promoColorHover!=null?o.promoColorHover:o.theme.colors.billPayPromoColorHover:o.active?o.theme.colors.hero:o.theme.colors.grey2};
-  opacity: ${o=>o.spendManagementPromoCardActive&&!o.active&&o.promoColorHoverOpacity!=null?o.promoColorHoverOpacity:1};
-`,C=({numberOfDots:o,activeIndex:a,style:i,dotStyle:l,promoColor:c,promoColorHover:s,promoColorHoverOpacity:d,handleClick:m,spendManagementPromoCardActive:u=!1})=>o<=1?null:r.jsxRuntimeExports.jsx(v,{style:i,children:[...Array(o)].map((y,e)=>r.jsxRuntimeExports.jsx(g,{style:l,promoColor:c,promoColorHover:s,promoColorHoverOpacity:d,spendManagementPromoCardActive:u,active:a===e,onClick:()=>m?.(e),"data-testid":t.generateDataTestId("nav-dot",e.toString())},e))});exports.NavigationDots=C;

package/dist/NavigationDots-DrEAFxpz.js

@@ -1,44 +0,0 @@
-import { j as e } from "./vendor-.pnpm-DxbX2tX4.js";
-import a from "@emotion/styled";
-import { j as u, S as t } from "./index-BcmM9nFj.js";
-const C = a.div`
-  text-align: center;
-  cursor: pointer;
-`, g = a.div`
-  display: inline-block;
-  border-radius: 50%;
-  margin: ${t.sp0} ${t.sp2};
-  width: 6px;
-  height: 6px;
-  cursor: inherit;
-  transition: background-color 0.4s linear;
-  cursor: ${(o) => o.spendManagementPromoCardActive === !0 ? "pointer" : "default"};
-  background-color: ${(o) => o.spendManagementPromoCardActive ? o.active ? o.promoColor != null ? o.promoColor : o.theme.colors.brandColorGold : o.promoColorHover != null ? o.promoColorHover : o.theme.colors.billPayPromoColorHover : o.active ? o.theme.colors.hero : o.theme.colors.grey2};
-  opacity: ${(o) => o.spendManagementPromoCardActive && !o.active && o.promoColorHoverOpacity != null ? o.promoColorHoverOpacity : 1};
-`, j = ({
-  numberOfDots: o,
-  activeIndex: i,
-  style: l,
-  dotStyle: n,
-  promoColor: c,
-  promoColorHover: m,
-  promoColorHoverOpacity: d,
-  handleClick: s,
-  spendManagementPromoCardActive: v = !1
-}) => o <= 1 ? null : /* @__PURE__ */ e.jsx(C, { style: l, children: [...Array(o)].map((y, r) => /* @__PURE__ */ e.jsx(
-  g,
-  {
-    style: n,
-    promoColor: c,
-    promoColorHover: m,
-    promoColorHoverOpacity: d,
-    spendManagementPromoCardActive: v,
-    active: i === r,
-    onClick: () => s?.(r),
-    "data-testid": u("nav-dot", r.toString())
-  },
-  r
-)) });
-export {
-  j as N
-};