@zeniai/web-components 3.17.1 → 3.17.2

package/dist/ReviewOverlay-U6OGnRSa.cjs

@@ -1,152 +0,0 @@
-"use strict";const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),e=require("./index-oPmOjv0R.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-CX-nfje7.js

@@ -1,72 +0,0 @@
-import { j as t } from "./vendor-.pnpm-B2klaOGU.js";
-import o from "@emotion/styled";
-import { hb as m, hc as h, Z as x, S as i, e as r, a as g, aq as R, F as c } from "./index-DOPIZEh4.js";
-const { hyphen: n } = g.getLocalizedStrings().common.strings, j = 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(R)`
-  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(j, { 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-HplbCAiP.cjs

@@ -1,22 +0,0 @@
-"use strict";const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),o=require("@emotion/styled"),e=require("./index-oPmOjv0R.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;