@zeniai/web-components 3.16.31 → 3.16.32

package/dist/ReviewOverlay-CWS_IS_e.cjs

@@ -0,0 +1,152 @@
+"use strict";const i=require("./vendor-.pnpm-B6vI-hvj.cjs"),n=require("@emotion/styled"),e=require("./index-B5Auxr4x.cjs"),f=require("./loader-IhaN6KOS.cjs"),s={containerMarginTop:new e.ResponsiveSized(0,e.sp[2]),containerMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),containerMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),subTitleMarginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),titleMarginBotom:new e.ResponsiveSized(e.sp[0],e.sp[2]),titleMarginRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),customTitleFont:new e.ResponsiveSized(e.sp[4],e.sp[5]),navBarHeight:new e.ResponsiveSized(62,62,62),navBarPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8]),navBarPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[3],e.sp[8])},E={title:new e.ResponsiveSizedStyle("h6Regular","h5Regular")},C=({title:t,description:d,reviewItems:S,showFooter:j,footerProps:{primaryButton:v,cancelButton:w,hideCancel:R},onCloseOverlay:y,onCloseReviewItem:$})=>{const o=e.useWindowSizeContext();return i.jsxRuntimeExports.jsxs(T,{children:[i.jsxRuntimeExports.jsx(B,{windowSize:o,children:i.jsxRuntimeExports.jsx(W,{children:i.jsxRuntimeExports.jsx(D,{windowSize:o,children:i.jsxRuntimeExports.jsx(F,{children:i.jsxRuntimeExports.jsx(G,{onClick:y,"data-testid":e.generateDataTestId("review-overlay-close",t)})})})})}),i.jsxRuntimeExports.jsxs(z,{windowSize:o,children:[i.jsxRuntimeExports.jsxs(I,{windowSize:o,children:[i.jsxRuntimeExports.jsx(L,{children:i.jsxRuntimeExports.jsx(P,{windowSize:o,children:t})}),i.jsxRuntimeExports.jsx(k,{isError:d.isError,windowSize:o,children:d.content})]}),i.jsxRuntimeExports.jsx(M,{windowSize:o,children:S.map(r=>{const l=r.reviewStatus.code==="error",a=r.reviewStatus.code==="warning"||r.reviewStatus.code==="low-balance";return i.jsxRuntimeExports.jsxs(A,{isLoading:!1,isActive:!0,isWarning:a,isError:l,children:[a?i.jsxRuntimeExports.jsx(Q,{onClick:()=>$(r.id),"data-testid":e.generateDataTestId("review-close",r.id)}):null,i.jsxRuntimeExports.jsxs(q,{children:[i.jsxRuntimeExports.jsxs(H,{children:[i.jsxRuntimeExports.jsx(K,{children:b(r)}),i.jsxRuntimeExports.jsxs(O,{children:[i.jsxRuntimeExports.jsxs(x,{children:[i.jsxRuntimeExports.jsx(u,{style:{marginLeft:e.Space.sp2},isWarning:a,isError:l,children:r.leftSideText.title}),i.jsxRuntimeExports.jsx(u,{isWarning:a,isError:l,children:r.rightSideText.title})]}),i.jsxRuntimeExports.jsxs(x,{children:[i.jsxRuntimeExports.jsx(N,{style:{marginLeft:e.Space.sp2},children:r.leftSideText.subTitle}),o!=="small"?i.jsxRuntimeExports.jsxs(p,{windowSize:o,children:[i.jsxRuntimeExports.jsx(c,{isError:l,isWarning:a,children:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[r.rightSideText.showThunderIcon===!0?i.jsxRuntimeExports.jsx(h,{children:i.jsxRuntimeExports.jsx(m,{})}):null,r.rightSideText.subTitle]})}),i.jsxRuntimeExports.jsx(c,{isWarning:!0,isError:!1,children:r.rightSideText.additonalInfo})]}):null]})]})]}),o==="small"?i.jsxRuntimeExports.jsxs(p,{windowSize:o,children:[i.jsxRuntimeExports.jsx(c,{style:{marginLeft:e.Space.sp5,marginTop:e.Space.sp0},isError:l,isWarning:a,children:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[r.rightSideText.showThunderIcon===!0?i.jsxRuntimeExports.jsx(h,{children:i.jsxRuntimeExports.jsx(m,{})}):null,r.rightSideText.subTitle]})}),i.jsxRuntimeExports.jsx(c,{style:{marginLeft:e.Space.sp5,marginTop:e.Space.sp0},isWarning:a,isError:l,children:r.rightSideText.additonalInfo})]}):null]})]},r.id)})})]}),j?i.jsxRuntimeExports.jsx(e.Footer,{primaryBtn:v,cancelBtn:w,showCancel:!R}):null]})},b=t=>t.reviewStatus.isLoading?i.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",style:{display:"flex",width:e.Space.sp4,height:e.Space.sp4,alignItems:"center",justifyContent:"center"},start:!0}):t.reviewStatus.code==="error"?i.jsxRuntimeExports.jsx(g,{isError:!0}):t.reviewStatus.code==="warning"?i.jsxRuntimeExports.jsx(g,{isError:!1}):t.reviewStatus.code==="valid"?i.jsxRuntimeExports.jsx(_,{}):t.reviewStatus.code==="low-balance"?i.jsxRuntimeExports.jsx(U,{}):i.jsxRuntimeExports.jsx(J,{}),T=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+`,z=n.div`
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  margin-top: ${t=>s.containerMarginTop.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp8};
+`,I=n.div`
+  position: sticky;
+  top: ${e.Space.sp0};
+  background-color: ${t=>t.theme.colors.grey4};
+  z-index: 1;
+  padding-left: ${t=>s.containerMarginLeft.valuePx(t.windowSize)};
+  padding-right: ${t=>s.containerMarginRight.valuePx(t.windowSize)};
+`,L=n.div`
+  display: flex;
+  align-items: center;
+`,P=n(e.StyledText)`
+  ${t=>`${E.title.style(t.windowSize)}`};
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp2};
+  margin-bottom: ${t=>s.titleMarginBotom.valuePx(t.windowSize)};
+  margin-right: ${t=>s.titleMarginRight.valuePx(t.windowSize)};
+`,k=n(e.StandardRegular)`
+  margin-bottom: ${t=>s.subTitleMarginBottom.valuePx(t.windowSize)};
+  color: ${t=>t.isError?e.Colors.important:t.theme.colors.hero};
+`,M=n.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${e.Space.sp3};
+  margin-left: ${t=>s.containerMarginLeft.valuePx(t.windowSize)};
+  margin-right: ${t=>s.containerMarginRight.valuePx(t.windowSize)};
+`,B=n.div`
+  min-height: ${t=>s.navBarHeight.valuePx(t.windowSize)};
+  position: sticky;
+  border-bottom: 1px solid transparent;
+  z-index: 2;
+  top: ${e.Space.sp0};
+  width: 100%;
+`,W=n.div`
+  position: relative;
+  min-height: 62px;
+`,D=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  top: ${e.Space.sp0};
+  left: ${e.Space.sp0};
+  right: ${e.Space.sp0};
+  padding-right: ${t=>s.navBarPaddingRight.valuePx(t.windowSize)};
+  padding-left: ${t=>s.navBarPaddingLeft.valuePx(t.windowSize)};
+  height: 100%;
+`,F=n.div`
+  display: flex;
+  flex: 1 1 0;
+  justify-content: flex-end;
+`,G=n(e.SvgClose)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  cursor: pointer;
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,A=n.div`
+  position: relative;
+  display: flex;
+  background-color: ${t=>t.isActive?t.isError?e.Colors.importantLight:t.isWarning?e.Colors.alertLight:t.theme.colors.grey5:t.theme.colors.grey5};
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+  border-radius: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp3};
+  border-color: ${t=>t.isActive?t.isError?e.Colors.important:t.isWarning?e.Colors.brandColorGoldDark:t.theme.colors.grey3:t.isLoading?t.theme.colors.primary:t.theme.colors.grey3};
+  flex-direction: column;
+  box-shadow: ${e.Space.sp0} 1px 2px ${e.Space.sp0} ${e.Colors.boxShadowElevation};
+`,q=n.div`
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  align-items: center;
+`,H=n.div`
+  display: flex;
+  width: 100%;
+`,O=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  align-items: center;
+`,x=n.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,p=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${t=>t.windowSize==="small"?"self-start":"self-end"};
+`,u=n(e.StandardRegular)`
+  color: ${t=>t.isError||t.isWarning?t.theme.mode==="dark"?e.Colors.neutralGrey4Dark:t.isWarning:t.theme.colors.primary};
+`,N=n(e.SmallRegular)`
+  margin-top: -5px;
+  color: ${t=>t.theme.mode==="dark"?e.Colors.neutralGrey1Dark:t.theme.colors.primary};
+`,c=n(e.SmallRegular)`
+  display: flex;
+  margin-top: -5px;
+  color: ${t=>t.isError?e.Colors.important:t.isWarning?e.Colors.brandColorGoldDark:t.theme.colors.primary};
+`,g=n(e.SvgHighImportanceFill)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${t=>t.isError?e.Colors.important:e.Colors.brandColorGoldDark};
+`,_=n(e.SvgTickRoundFill)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${e.Colors.success};
+`,J=n(f.SvgLoader)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  color: ${t=>t.theme.colors.grey2};
+`,K=n.div`
+  margin-top: 2px;
+  display: flex;
+`,Q=n(e.SvgCloseRound)`
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+  position: absolute;
+  top: -12px;
+  right: -12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  border-radius: 50%;
+  background-color: ${t=>t.theme.colors.grey5};
+`,h=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${e.Space.sp1};
+`,m=n(e.SvgAutofill1)`
+  color: ${t=>t.theme.colors.brandColorJade};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,U=n(e.SvgLowBalance)`
+  color: ${t=>t.theme.colors.brandColorGoldDark};
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+`;exports.ReviewOverlayPage=C;

package/dist/RoleWithToolTip-BfLzD5K8.js

@@ -0,0 +1,72 @@
+import { j as t } from "./vendor-.pnpm-DxbX2tX4.js";
+import o from "@emotion/styled";
+import { h8 as m, h9 as h, Z as x, S as i, j as r, a as g, aq as j, G as c } from "./index-Cynhe4j_.js";
+const { hyphen: n } = g.getLocalizedStrings().common.strings, R = o.div``, y = o.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`, b = o(c)`
+  color: ${(e) => e.theme.colors.hero};
+`, u = o(c)`
+  color: ${(e) => e.theme.colors.brandColorPearl};
+`, p = o.div`
+  display: flex;
+  align-items: center;
+`, f = o(j)`
+  border-radius: ${i.sp12};
+  border: 1px solid ${(e) => e.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${(e) => e.theme.colors.grey1};
+  margin-left: ${i.sp1};
+`, T = ({ roles: e }) => {
+  let l = n, s = [];
+  l = m(e), s = h(e);
+  const d = () => s.length > 0 ? /* @__PURE__ */ t.jsx(R, { children: s.map((a) => /* @__PURE__ */ t.jsxs(y, { children: [
+    /* @__PURE__ */ t.jsx(b, { children: a[0] }),
+    /* @__PURE__ */ t.jsx(u, { children: a[1] })
+  ] }, a.join(","))) }) : /* @__PURE__ */ t.jsx(t.Fragment, { children: n });
+  return s.length > 0 ? /* @__PURE__ */ t.jsx(
+    x,
+    {
+      enterDelay: 600,
+      "data-testid": r("roles-tooltip", l),
+      title: d(),
+      placement: "top-end",
+      style: { marginLeft: i.sp1, padding: "6px 12px" },
+      maxWidth: "264px",
+      children: /* @__PURE__ */ t.jsxs(
+        p,
+        {
+          "data-testid": r("roles-label-wrapper", l),
+          children: [
+            l,
+            /* @__PURE__ */ t.jsx(
+              f,
+              {
+                className: "roles-count-wrapper",
+                "data-testid": r(
+                  "roles-count-wrapper",
+                  l
+                ),
+                children: s.length
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    p,
+    {
+      "data-testid": r("roles-label-wrapper", l),
+      children: l
+    }
+  );
+};
+export {
+  T as R
+};

package/dist/RoleWithToolTip-CbWGAPu5.cjs

@@ -0,0 +1,22 @@
+"use strict";const s=require("./vendor-.pnpm-B6vI-hvj.cjs"),o=require("@emotion/styled"),e=require("./index-B5Auxr4x.cjs"),{hyphen:a}=e.appLocale.getLocalizedStrings().common.strings,c=o.div``,d=o.div`
+  display: flex;
+  min-width: 192px;
+  justify-content: space-between;
+`,x=o(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,m=o(e.SmallRegular)`
+  color: ${t=>t.theme.colors.brandColorPearl};
+`,i=o.div`
+  display: flex;
+  align-items: center;
+`,h=o(e.ExtraSmallMedium)`
+  border-radius: ${e.Space.sp12};
+  border: 1px solid ${t=>t.theme.colors.grey1};
+  display: flex;
+  height: 18px;
+  width: 18px;
+  align-items: center;
+  justify-content: center;
+  color: 1px solid ${t=>t.theme.colors.grey1};
+  margin-left: ${e.Space.sp1};
+`,u=({roles:t})=>{let l=a,r=[];l=e.getRootRoleLabels(t),r=e.getAllEmployeeRoleLabels(t);const p=()=>r.length>0?s.jsxRuntimeExports.jsx(c,{children:r.map(n=>s.jsxRuntimeExports.jsxs(d,{children:[s.jsxRuntimeExports.jsx(x,{children:n[0]}),s.jsxRuntimeExports.jsx(m,{children:n[1]})]},n.join(",")))}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:a});return r.length>0?s.jsxRuntimeExports.jsx(e.Tooltip,{enterDelay:600,"data-testid":e.generateDataTestId("roles-tooltip",l),title:p(),placement:"top-end",style:{marginLeft:e.Space.sp1,padding:"6px 12px"},maxWidth:"264px",children:s.jsxRuntimeExports.jsxs(i,{"data-testid":e.generateDataTestId("roles-label-wrapper",l),children:[l,s.jsxRuntimeExports.jsx(h,{className:"roles-count-wrapper","data-testid":e.generateDataTestId("roles-count-wrapper",l),children:r.length})]})}):s.jsxRuntimeExports.jsx(i,{"data-testid":e.generateDataTestId("roles-label-wrapper",l),children:l})};exports.RoleWithToolTip=u;