@zeniai/web-components 3.16.79 → 3.16.80

package/dist/ReimbursementsBulkReviewDrawerPage-Cza64yGU.js

@@ -0,0 +1,204 @@
+import { j as f } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as v, useEffect as O } from "react";
+import { getRemiListUniqueType as W } from "@zeniai/client-epic-state";
+import { a as q, aP as z, aQ as Q, aR as G, kO as H, dM as J } from "./index-CTjYJrsF.js";
+import { R as K } from "./ReviewOverlay-Dm9GTjwu.js";
+const {
+  common: i,
+  spendManagement: { reimbursement: k }
+} = q.getLocalizedStrings(), o = k.bulkActions;
+let B;
+const se = ({
+  remisReviewView: e,
+  isAdmin: p,
+  analytics: s,
+  onProceedForBulkActionClick: d,
+  onCloseReviewItem: r,
+  onCloseOverlay: n
+}) => {
+  const {
+    fetchState: l,
+    bulkSubmissionFetchState: c,
+    bulkOperationTypeSelected: t,
+    currentTab: g,
+    currentSubTab: b
+  } = e, h = !1, [P, a] = v(!1), [u, _] = v(
+    C(e, h, p)
+  ), [S, w] = v(h), [j, Z] = v(0), [x, A] = v({
+    type: "",
+    title: "",
+    description: "",
+    primaryButtonText: "",
+    secondaryButtonText: ""
+  });
+  O(() => (j === u.length && S && (w(!1), clearInterval(B)), e.fetchState === "Completed" && _(C(e, !1, p)), () => {
+    clearInterval(B);
+  }), [
+    u.length,
+    j,
+    S,
+    e.fetchState,
+    h,
+    e,
+    p
+  ]);
+  const U = u.length, y = u.filter(
+    (m) => m.reviewStatus.code !== "error"
+  ).length, D = () => {
+    const { title: m, description: I } = X(
+      y
+    );
+    A({
+      type: "reject",
+      title: m,
+      description: I,
+      primaryButtonText: i.texts.confirm,
+      secondaryButtonText: i.texts.close
+    }), s.trackReimbursementBulkSubmit(
+      t,
+      g,
+      b
+    ), a(!0);
+  }, E = {
+    onOkClick: (m) => {
+      a(!1);
+      const I = e.remisForReview.map(
+        (R) => R.reimbursement
+      );
+      s.trackReimbursementBulkPopupConfirm(
+        t,
+        g,
+        b,
+        W(
+          I.map((R) => R?.reimbursementTypesIncluded ?? [])
+        )
+      ), d("reject", m);
+    },
+    onCancelClick: () => {
+      a(!1);
+    }
+  }, { title: L, description: $ } = Y(
+    l,
+    y,
+    U,
+    S
+  ), T = e.fetchState === "Completed" && y === 0, F = () => {
+    s.trackReimbursementBulkSubmit(
+      t,
+      g,
+      b
+    ), d(t);
+  }, M = () => {
+    let m = i.footer.approve;
+    return T ? m = i.texts.close : t === "send_for_approval" && (m = i.footer.submit), {
+      label: m,
+      isDisabled: l !== "Completed" || t === "reject" && c === "In-Progress",
+      isLoading: c === "In-Progress" && (t === "send_for_approval" || t === "approve"),
+      onClick: T ? n : F,
+      style: t === "send_for_approval" ? { minWidth: "92px" } : {}
+    };
+  }, N = {
+    label: t === "send_for_approval" ? i.texts.goBack : i.footer.reject,
+    isDisabled: t !== "reject" && c === "In-Progress",
+    isLoading: t === "reject" && c === "In-Progress",
+    reverseSpinnerColor: !1,
+    onClick: t === "send_for_approval" ? n : D,
+    style: t === "approve" ? { minWidth: "92px" } : {}
+  };
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    P ? /* @__PURE__ */ f.jsx(
+      z,
+      {
+        titleComponent: /* @__PURE__ */ f.jsx(G, { children: x.title }),
+        descriptionComponent: /* @__PURE__ */ f.jsx(Q, { children: x.description }),
+        primaryButtonText: x.primaryButtonText,
+        proceedButtonVariant: "danger",
+        secondaryButtonText: x.secondaryButtonText,
+        action: E,
+        isNotesIncluded: !0,
+        isEditPopup: !0
+      }
+    ) : null,
+    /* @__PURE__ */ f.jsx(
+      K,
+      {
+        title: L,
+        description: {
+          content: $,
+          isError: e.fetchState === "Completed" && y === 0
+        },
+        reviewItems: u,
+        onCloseReviewItem: r,
+        onCloseOverlay: n,
+        showFooter: e.fetchState === "Completed" && !S,
+        footerProps: {
+          primaryButton: M(),
+          cancelButton: N,
+          hideCancel: T
+        }
+      }
+    )
+  ] });
+}, C = (e, p, s) => {
+  const d = e.fetchState === "In-Progress";
+  return e.remisForReview.map((r) => {
+    const n = H(
+      s,
+      r.submittedBy
+    );
+    return {
+      id: r.transactionId,
+      leftSideText: {
+        title: r.reimbursement?.reportTitle != null ? r.reimbursement.reportTitle : k.reimbursementDetail.newReimbursementTitle,
+        subTitle: n != null ? `${i.by} ${n?.firstName} ${n?.lastName}` : i.strings.empty
+      },
+      rightSideText: {
+        title: J(
+          "0,0.[00]",
+          r.reimbursement?.amount?.amount,
+          r.reimbursement?.amount?.currencySymbol
+        ),
+        showThunderIcon: !1,
+        subTitle: r.reviewInfoMessage ?? ""
+      },
+      reviewStatus: {
+        isLoading: d,
+        code: r.reviewStatus ?? ""
+      }
+    };
+  });
+}, X = (e) => {
+  const { this_: p, these: s, report: d, reports: r, payment: n, payments: l } = i.texts;
+  return e > 1 ? {
+    title: o.popUps.reject.title.replace(
+      "__report__",
+      o.reports
+    ),
+    description: o.popUps.reject.description.replaceAll("<_this_>", s).replaceAll("<_payment_>", l).replaceAll("__report__", r)
+  } : {
+    title: o.popUps.reject.title.replace(
+      "__report__",
+      o.report
+    ),
+    description: o.popUps.reject.description.replaceAll("<_this_>", p).replaceAll("<_payment_>", n).replaceAll("__report__", d)
+  };
+}, Y = (e, p, s, d) => {
+  const { has: r, have: n, report: l, reports: c, are: t, is: g, do_: b, does: h } = i.texts, P = p > 1, a = s > 1;
+  let u = "", _ = "";
+  return e === "Completed" && !d ? (u = o.reviewPage.reportsReviewed.title.replace(
+    "__report__",
+    a ? k.bulkActions.reports : o.report
+  ).replace("<_has_>", a ? n : r), p === 0 ? _ = o.reviewPage.reportsReviewed.descriptionError.replace("__report__", a ? c : l).replace("<_do_>", a ? b : h) : _ = `${p}/${s} ${o.reviewPage.reportsReviewed.description.replace("__report__", s > 1 ? c : l).replace("<_is_>", P ? t : g)}`) : (u = o.reviewPage.reportsReviewing.title.replace(
+    "__report__",
+    a ? c : l
+  ), _ = o.reviewPage.reportsReviewing.description.replace(
+    "__report__",
+    a ? c : l
+  )), {
+    title: u,
+    description: _
+  };
+};
+export {
+  se as default
+};

package/dist/ReloadCard-Cnz9ywvF.js

@@ -0,0 +1,137 @@
+import { j as r, z as l, u as h, A as m } from "./vendor-.pnpm-DtFedGku.js";
+import a from "@emotion/styled";
+import { eu as d, ev as x, j as g, ew as j, a as y, G as C, S as c } from "./index-CTjYJrsF.js";
+import * as i from "react";
+function f({
+  backgroundColor: e,
+  foregroundColor: t,
+  animated: o,
+  width: n,
+  height: s
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      speed: 2,
+      width: n,
+      height: s,
+      viewBox: `0 0 ${n} ${s}`,
+      animate: o != !1,
+      backgroundColor: e,
+      foregroundColor: t,
+      children: [
+        /* @__PURE__ */ r.jsx("rect", { x: "64", y: "0", rx: "4", ry: "4", width: `${n - 128}`, height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "24", y: "45", rx: "4", ry: "4", width: `${n - 48}`, height: "228" })
+      ]
+    }
+  );
+}
+function p({
+  backgroundColor: e,
+  foregroundColor: t,
+  animated: o
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      speed: 2,
+      width: 240,
+      height: 98,
+      viewBox: "0 0 240 98",
+      animate: o != !1,
+      backgroundColor: e,
+      foregroundColor: t,
+      children: [
+        /* @__PURE__ */ r.jsx("rect", { x: "66", y: "0", rx: "4", ry: "4", width: "108", height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "44", y: "77", rx: "4", ry: "4", width: "152", height: "21" }),
+        /* @__PURE__ */ r.jsx("rect", { x: "0", y: "29", rx: "4", ry: "4", width: "240", height: "40" })
+      ]
+    }
+  );
+}
+const u = a(x)`
+  justify-content: flex-start;
+`;
+function E({
+  dimension: e,
+  animated: t
+}) {
+  const o = h();
+  return /* @__PURE__ */ r.jsx(d, { dimension: e, children: /* @__PURE__ */ r.jsx(u, { children: /* @__PURE__ */ r.jsx(
+    p,
+    {
+      backgroundColor: o.colors.grey3,
+      foregroundColor: o.colors.grey4,
+      animated: t
+    }
+  ) }) });
+}
+function z({
+  dimension: e,
+  animated: t
+}) {
+  const o = h();
+  return /* @__PURE__ */ r.jsx(d, { dimension: e, children: /* @__PURE__ */ r.jsx(u, { children: /* @__PURE__ */ r.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx(m, { children: ({ height: n, width: s }) => /* @__PURE__ */ r.jsx(
+    f,
+    {
+      backgroundColor: o.colors.grey3,
+      foregroundColor: o.colors.grey4,
+      animated: t,
+      width: s,
+      height: n
+    }
+  ) }) }) }) });
+}
+const w = (e) => /* @__PURE__ */ i.createElement("svg", { viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ i.createElement("rect", { opacity: 0.2, width: 72, height: 72, rx: 36, fill: "#97C3B9" }), /* @__PURE__ */ i.createElement("path", { d: "M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), L = a(x)`
+  justify-content: space-between;
+`, k = a.div`
+  height: ${c.sp10};
+  width: ${c.sp10};
+  background: ${(e) => e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & svg {
+    color: ${(e) => e.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+  }
+`, v = a(C)`
+  color: ${(e) => e.theme.colors.champion};
+`, $ = a(C)`
+  color: ${(e) => e.theme.colors.hero};
+`, B = a(w)``;
+function I({
+  dimension: e,
+  cardType: t,
+  cardIndex: o,
+  reportTitle: n,
+  onReloadData: s
+}) {
+  return /* @__PURE__ */ r.jsx(
+    d,
+    {
+      "data-testid": g("dashboard-reload", t),
+      dimension: e,
+      onClick: () => s(o, t),
+      children: /* @__PURE__ */ r.jsxs(L, { children: [
+        /* @__PURE__ */ r.jsxs(v, { children: [
+          n ?? j(t),
+          " "
+        ] }),
+        /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(B, {}) }),
+        /* @__PURE__ */ r.jsx($, { children: y.getLocalizedStrings().card.failedText })
+      ] })
+    }
+  );
+}
+export {
+  z as C,
+  I as R,
+  E as S
+};

package/dist/ReloadCard-DrkujtlZ.cjs

@@ -0,0 +1,26 @@
+"use strict";const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),a=require("@emotion/styled"),s=require("./index-DyoGf8RV.cjs"),x=require("react");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const c=l(x);function u({backgroundColor:e,foregroundColor:o,animated:r,width:n,height:i}){return t.jsxRuntimeExports.jsxs(t.ContentLoader,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:r!=!1,backgroundColor:e,foregroundColor:o,children:[t.jsxRuntimeExports.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${n-128}`,height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${n-48}`,height:"228"})]})}function h({backgroundColor:e,foregroundColor:o,animated:r}){return t.jsxRuntimeExports.jsxs(t.ContentLoader,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:r!=!1,backgroundColor:e,foregroundColor:o,children:[t.jsxRuntimeExports.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),t.jsxRuntimeExports.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const d=a(s.CardContentBox)`
+  justify-content: flex-start;
+`;function m({dimension:e,animated:o}){const r=t.useTheme();return t.jsxRuntimeExports.jsx(s.Card,{dimension:e,children:t.jsxRuntimeExports.jsx(d,{children:t.jsxRuntimeExports.jsx(h,{backgroundColor:r.colors.grey3,foregroundColor:r.colors.grey4,animated:o})})})}function j({dimension:e,animated:o}){const r=t.useTheme();return t.jsxRuntimeExports.jsx(s.Card,{dimension:e,children:t.jsxRuntimeExports.jsx(d,{children:t.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:n,width:i})=>t.jsxRuntimeExports.jsx(u,{backgroundColor:r.colors.grey3,foregroundColor:r.colors.grey4,animated:o,width:i,height:n})})})})})}const C=e=>c.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),c.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),p=a(s.CardContentBox)`
+  justify-content: space-between;
+`,g=a.div`
+  height: ${s.Space.sp10};
+  width: ${s.Space.sp10};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & svg {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,R=a(s.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,y=a(s.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,f=a(C)``;function E({dimension:e,cardType:o,cardIndex:r,reportTitle:n,onReloadData:i}){return t.jsxRuntimeExports.jsx(s.Card,{"data-testid":s.generateDataTestId("dashboard-reload",o),dimension:e,onClick:()=>i(r,o),children:t.jsxRuntimeExports.jsxs(p,{children:[t.jsxRuntimeExports.jsxs(R,{children:[n??s.toCardTitle(o)," "]}),t.jsxRuntimeExports.jsx(g,{children:t.jsxRuntimeExports.jsx(f,{})}),t.jsxRuntimeExports.jsx(y,{children:s.appLocale.getLocalizedStrings().card.failedText})]})})}exports.ChartCardLoading=j;exports.ReloadCard=E;exports.SummaryCardLoading=m;