@zeniai/web-components 3.17.24 → 3.17.25

package/dist/BusyIndication-D3RYhjry.cjs

@@ -0,0 +1,9 @@
+"use strict";const e=require("./vendor-.pnpm-DLVCFIC_.cjs"),s=require("@emotion/styled"),n=require("./index-CxdL3KSn.cjs"),o=s.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin: ${n.Space.sp12} 0 0 0;
+`,c=({fetchState:t,styles:r,size:i="ExtraLarge"})=>t==="In-Progress"||t==="Not-Started"?e.jsxRuntimeExports.jsx(o,{style:r,children:e.jsxRuntimeExports.jsx(n.ActivityIndicator,{size:i,start:!0})}):null;exports.BusyIndication=c;

package/dist/BusyIndication-nLhqHsQs.js

@@ -0,0 +1,19 @@
+import { j as r } from "./vendor-.pnpm-UYinI_7q.js";
+import s from "@emotion/styled";
+import { A as n, S as o } from "./index-DCqdYYnP.js";
+const a = s.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin: ${o.sp12} 0 0 0;
+`, m = ({
+  fetchState: t,
+  styles: e,
+  size: i = "ExtraLarge"
+}) => t === "In-Progress" || t === "Not-Started" ? /* @__PURE__ */ r.jsx(a, { style: e, children: /* @__PURE__ */ r.jsx(n, { size: i, start: !0 }) }) : null;
+export {
+  m as B
+};

package/dist/CardNumberSubText-BCfPvSz9.cjs

@@ -0,0 +1,21 @@
+"use strict";const n=require("./vendor-.pnpm-DLVCFIC_.cjs"),a=require("@emotion/styled"),t=require("./index-CxdL3KSn.cjs"),S=require("react");function g(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const p=g(S),y=e=>p.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},p.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z",fill:"currentColor"})),{common:u,spendManagement:{chargeCard:c}}=t.appLocale.getLocalizedStrings(),w={subText:new t.ResponsiveSizedStyle("extraSmallRegular","standardRegular")},C=({cardDetail:e,forDetailPage:s,styles:o})=>{const r=t.useWindowSizeContext(),m=e.type.code.includes("credit")?c.chargeCardsPromo.credit:c.chargeCardsPromo.debit;let l=e.type.code.includes("physical")?c.cardList.physicalCard:c.cardList.virtualCard;const i=u.strings.space+c.cardDetails.expiryHideOut+u.strings.space+e.accountLast4,x=e.status.code==="request_on_hold"||!s?l:i,d=e.type.code.includes("physical");return n.jsxRuntimeExports.jsxs(b,{style:o,windowSize:r,forDetailPage:s,className:"cardName",title:`${x}`,children:[m,n.jsxRuntimeExports.jsx(j,{}),l,d&&!s?n.jsxRuntimeExports.jsx(h,{className:"physical-card-icon"}):null,e.status.code==="request_on_hold"||!s?null:i,d&&s?n.jsxRuntimeExports.jsx(h,{}):null]})},b=a(t.StyledText)`
+  ${e=>e.forDetailPage?{...t.textStyles.extraSmallRegular.cssObject}:`${w.subText.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${t.Space.sp1};
+`,j=a.span`
+  height: ${t.Space.sp1};
+  width: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  margin: ${t.Space.sp0} ${t.Space.sp1};
+`,h=a(y)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`;exports.CardNumberSubText=C;

package/dist/CardNumberSubText-DBOH0_yP.js

@@ -0,0 +1,59 @@
+import { j as r } from "./vendor-.pnpm-UYinI_7q.js";
+import c from "@emotion/styled";
+import { u as g, a as w, t as C, S as s, aw as y, J as S } from "./index-DCqdYYnP.js";
+import * as i from "react";
+const $ = (e) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.802551 6.92395C0.802551 5.2671 2.1457 3.92395 3.80255 3.92395H20.2009C21.8578 3.92395 23.2009 5.2671 23.2009 6.92395V17.076C23.2009 18.7329 21.8578 20.076 20.2009 20.076H3.80255C2.1457 20.076 0.802551 18.7329 0.802551 17.076V10.8805H23.1896V9.01135H0.802551V6.92395ZM0.802551 9.01135H0.799072V10.8805H0.802551V9.01135ZM14.5443 15.6222C14.5443 15.0935 14.9728 14.6649 15.5015 14.6649H18.1386C18.6673 14.6649 19.0959 15.0935 19.0959 15.6222C19.0959 16.1509 18.6673 16.5795 18.1386 16.5795H15.5015C14.9728 16.5795 14.5443 16.1509 14.5443 15.6222Z", fill: "currentColor" })), {
+  common: d,
+  spendManagement: { chargeCard: o }
+} = w.getLocalizedStrings(), v = {
+  subText: new y("extraSmallRegular", "standardRegular")
+}, j = ({
+  cardDetail: e,
+  forDetailPage: t,
+  styles: h
+}) => {
+  const m = g(), u = e.type.code.includes("credit") ? o.chargeCardsPromo.credit : o.chargeCardsPromo.debit;
+  let a = e.type.code.includes("physical") ? o.cardList.physicalCard : o.cardList.virtualCard;
+  const n = d.strings.space + o.cardDetails.expiryHideOut + d.strings.space + e.accountLast4, x = e.status.code === "request_on_hold" || !t ? a : n, l = e.type.code.includes("physical");
+  return /* @__PURE__ */ r.jsxs(
+    b,
+    {
+      style: h,
+      windowSize: m,
+      forDetailPage: t,
+      className: "cardName",
+      title: `${x}`,
+      children: [
+        u,
+        /* @__PURE__ */ r.jsx(H, {}),
+        a,
+        l && !t ? /* @__PURE__ */ r.jsx(p, { className: "physical-card-icon" }) : null,
+        e.status.code === "request_on_hold" || !t ? null : n,
+        l && t ? /* @__PURE__ */ r.jsx(p, {}) : null
+      ]
+    }
+  );
+}, b = c(S)`
+  ${(e) => e.forDetailPage ? { ...C.extraSmallRegular.cssObject } : `${v.subText.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.hero};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  gap: ${s.sp1};
+`, H = c.span`
+  height: ${s.sp1};
+  width: ${s.sp1};
+  background-color: ${(e) => e.theme.colors.grey1};
+  border-radius: 50%;
+  margin: ${s.sp0} ${s.sp1};
+`, p = c($)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${(e) => e.theme.colors.hero};
+`;
+export {
+  j as C
+};