@zeniai/web-components 3.16.29 → 3.16.31

package/dist/MoreMenuButton-D_6nGBjW.js

@@ -0,0 +1,569 @@
+import { f as b, u as v, j as o, S as D, c as w } from "./vendor-.pnpm-DxbX2tX4.js";
+import * as r from "react";
+import k, { useState as H, useEffect as W } from "react";
+import n from "@emotion/styled";
+import { a as L, f as V, g as P, B as g, M as B, A as R, S as t, f7 as _, j as N, D as T, C as m, t as F, u as z, Z as O, P as Z, fW as A, fL as U, eZ as q, a3 as y, ba as J, fX as X, ah as Y, z as G, fY as K, b as Q, eF as ee } from "./index-BcmM9nFj.js";
+import { S as te, a as oe } from "./spend-limit-D6SyboD4.js";
+import { S as re } from "./dollar-round-D18u7nlm.js";
+import { S as ne, a as se } from "./money-2cg1MuG4.js";
+import { S as x } from "./page-summary-D7_VQHwN.js";
+import { S as ae, a as ie } from "./unassigned-BksSLQ-M.js";
+function le(e) {
+  return {
+    locale_id: e.localeId,
+    entity: e.entity,
+    company_name: e.companyName,
+    filter: e.filter,
+    time_period: e.timePeriod,
+    file_type: e.fileType,
+    is_show_deleted_bills_enabled: e.isShowDeletedBillsEnabled,
+    is_show_deleted_reimbursement_enabled: e.isShowDeletedReimbursementEnabled
+  };
+}
+async function ce(e, a, s) {
+  const c = `${e}?query=${encodeURIComponent(
+    JSON.stringify(le(s))
+  )}`, d = L.getLocalizedStrings().spendManagement.downloads.defaultDownloadFileName;
+  try {
+    const l = await V({
+      urlEndPoint: c,
+      authParams: a,
+      fileType: s.fileType
+    });
+    if (l.ok) {
+      const h = P(
+        l.headers,
+        d
+      ), C = await l.arrayBuffer();
+      b(C, h);
+    } else
+      console.error(
+        `Download SpendManagment Failed with ${l.statusText}`
+      );
+  } catch (l) {
+    console.error(
+      `Download SpendManagment Failed with ${JSON.stringify(l)}`
+    );
+  }
+}
+function de(e) {
+  const {
+    entity: a,
+    filter: s,
+    fileType: c,
+    companyName: d,
+    timePeriod: l,
+    isShowDeletedBillsEnabled: h,
+    isShowDeletedReimbursementEnabled: C
+  } = e;
+  return {
+    localeId: L.getAppLocaleID(),
+    fileType: c,
+    filter: s,
+    entity: a,
+    companyName: d,
+    timePeriod: l,
+    isShowDeletedBillsEnabled: h,
+    isShowDeletedReimbursementEnabled: C
+  };
+}
+function he(e) {
+  const a = de(e);
+  return ce(
+    e.spendManagementEndPoint,
+    e.authParams,
+    a
+  );
+}
+function ue(e) {
+  const a = v(), [s, c] = H(!1), d = L.getLocalizedStrings().spendManagement.downloads;
+  W(() => {
+    async function h() {
+      await he({
+        fileType: "excel",
+        entity: e.entity,
+        filter: e.filter,
+        ...e.downloadParams
+      }), e.updateDownloadStateHandler?.("Completed");
+    }
+    s && e.downloadState !== "In-Progress" && (c(!1), e.updateDownloadStateHandler?.("In-Progress"), h());
+  }, [s, e.downloadState, e]);
+  const l = (h) => {
+    if (h.stopPropagation(), s) {
+      console.log("Download is already in progress!");
+      return;
+    } else
+      c(!0);
+  };
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(
+    g,
+    {
+      label: e.downloadState === "In-Progress" ? d.downloading : d.download,
+      size: "small",
+      disabled: e.isDisabled,
+      prefixIcon: e.downloadState === "In-Progress" ? /* @__PURE__ */ o.jsx(pe, { children: /* @__PURE__ */ o.jsx(
+        R,
+        {
+          start: !0,
+          size: "Small",
+          style: {
+            display: "flex",
+            alignItems: "center"
+          }
+        }
+      ) }) : /* @__PURE__ */ o.jsx(me, { disabled: e.isDisabled }),
+      onClick: l,
+      style: {
+        border: "none",
+        padding: 0,
+        background: "inherit"
+      },
+      textStyle: {
+        fontWeight: B.regular,
+        color: e.downloadState === "In-Progress" ? a.colors.primary : "inherit"
+      },
+      reverseSpinnerColor: !1
+    }
+  ) });
+}
+const me = n(_)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.theme.colors.hero};
+  :hover {
+    color: ${(e) => e.disabled ? e.theme.colors.grey2 : e.theme.colors.primary};
+  }
+`, pe = n.div`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  display: flex;
+  justify-content: center;
+`, Ce = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M15.1875 4.875C15.1875 5.04076 15.1217 5.19973 15.0044 5.31694C14.8872 5.43415 14.7283 5.5 14.5625 5.5H1.4375C1.27174 5.5 1.11277 5.43415 0.995558 5.31694C0.878348 5.19973 0.8125 5.04076 0.8125 4.875V3C0.8125 2.83424 0.878348 2.67527 0.995558 2.55806C1.11277 2.44085 1.27174 2.375 1.4375 2.375H14.5625C14.7283 2.375 14.8872 2.44085 15.0044 2.55806C15.1217 2.67527 15.1875 2.83424 15.1875 3V4.875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M14.5625 6.75V13C14.5625 13.1658 14.4967 13.3247 14.3794 13.4419C14.2622 13.5592 14.1033 13.625 13.9375 13.625H2.0625C1.89674 13.625 1.73777 13.5592 1.62056 13.4419C1.50335 13.3247 1.4375 13.1658 1.4375 13V6.75", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M10.1875 8.3125C10.1875 8.56114 10.0887 8.7996 9.91291 8.97541C9.7371 9.15123 9.49864 9.25 9.25 9.25H6.75C6.50136 9.25 6.2629 9.15123 6.08709 8.97541C5.91127 8.7996 5.8125 8.56114 5.8125 8.3125C5.8125 8.06386 5.91127 7.8254 6.08709 7.64959C6.2629 7.47377 6.50136 7.375 6.75 7.375H9.25C9.49864 7.375 9.7371 7.47377 9.91291 7.64959C10.0887 7.8254 10.1875 8.06386 10.1875 8.3125Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })), ke = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M21.3259 5H2.60414C1.82866 5 1.20001 5.62865 1.20001 6.40413V17.6372C1.20001 18.4127 1.82866 19.0413 2.60414 19.0413H21.3259C22.1014 19.0413 22.73 18.4127 22.73 17.6372V6.40413C22.73 5.62865 22.1014 5 21.3259 5Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9218 7.80823H16.1774V11.5526H19.9218V7.80823Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M4.9444 8.74438H6.81657", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M4.9444 12.422H12.4444", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M4.9444 15.233H16.1774", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), ge = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M4.85022 18.9315L5.52057 18.2612C5.63229 18.1495 5.77164 18.0696 5.92438 18.0294C6.07712 17.9892 6.23779 17.9903 6.38999 18.0325C6.54218 18.0747 6.68046 18.1565 6.7907 18.2696C6.90094 18.3827 6.97919 18.523 7.01747 18.6762L7.08174 18.9315L7.8119 18.4451C7.98361 18.3306 8.1897 18.2791 8.39508 18.2994C8.60046 18.3198 8.79245 18.4107 8.93837 18.5566L9.31326 18.9315H11.0985", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.9172 6.67847L15.8113 8.57258", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M18.1467 3.96469L18.5254 4.3434C18.7262 4.54428 18.8391 4.81673 18.8391 5.10081C18.8391 5.38489 18.7262 5.65734 18.5253 5.85821L10.7618 13.6215L8.86834 11.7279L16.6319 3.96467C16.8327 3.76379 17.1052 3.65095 17.3893 3.65095C17.6734 3.65096 17.9458 3.76381 18.1467 3.96469Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M8.86768 11.7279L7.60553 14.8842L10.7618 13.622", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M18.3356 4.15414L19.4898 3", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M7.15564 10.3479H2.24629C2.12792 10.3479 2.01441 10.3949 1.93071 10.4786C1.84701 10.5623 1.79999 10.6758 1.79999 10.7942V21.5055C1.79999 21.6239 1.84701 21.7374 1.93071 21.8211C2.01441 21.9048 2.12792 21.9518 2.24629 21.9518H21.8837C22.0021 21.9518 22.1156 21.9048 22.1993 21.8211C22.283 21.7374 22.33 21.6239 22.33 21.5055V10.7942C22.33 10.6758 22.283 10.5623 22.1993 10.4786C22.1156 10.3949 22.0021 10.3479 21.8837 10.3479H17.4206", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M16.0854 13.0258H19.6558V15.4393H16.0854V13.0258Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M16.3112 4.28439L15.5971 3.5703C15.4297 3.40297 15.2027 3.30896 14.966 3.30896C14.7293 3.30896 14.5023 3.40297 14.335 3.5703L12.5114 5.39747", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), we = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M10.5938 13.4062H2.15625C1.90761 13.4062 1.66915 13.3075 1.49334 13.1317C1.31752 12.9558 1.21875 12.7174 1.21875 12.4688V5.90625C1.21875 5.65761 1.31752 5.41915 1.49334 5.24334C1.66915 5.06752 1.90761 4.96875 2.15625 4.96875H21.8438C22.0924 4.96875 22.3308 5.06752 22.5067 5.24334C22.6825 5.41915 22.7812 5.65761 22.7812 5.90625V10.6134", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M6.56641 7.3125V11.0625", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M8.13594 8.15918L5 10.2161", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M8.12781 10.2282L5.00781 8.14697", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M14.3438 15.2822H20.9062C20.9062 15.2822 21.8438 15.2822 21.8438 16.2197V21.8438C21.8438 21.8438 21.8438 22.7813 20.9062 22.7813H14.3438C14.3438 22.7813 13.4062 22.7813 13.4062 21.8438V16.2197C13.4062 16.2197 13.4062 15.2822 14.3438 15.2822Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M16.4531 19.0903C16.4531 19.4011 16.5766 19.6992 16.7964 19.919C17.0161 20.1387 17.3142 20.2622 17.625 20.2622C17.9358 20.2622 18.2339 20.1387 18.4536 19.919C18.6734 19.6992 18.7969 19.4011 18.7969 19.0903C18.7969 18.7795 18.6734 18.4815 18.4536 18.2617C18.2339 18.0419 17.9358 17.9185 17.625 17.9185C17.3142 17.9185 17.0161 18.0419 16.7964 18.2617C16.5766 18.4815 16.4531 18.7795 16.4531 19.0903Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M19.9688 13.875C19.9688 13.2534 19.7218 12.6573 19.2823 12.2177C18.8427 11.7782 18.2466 11.5313 17.625 11.5312C17.0034 11.5313 16.4073 11.7782 15.9677 12.2177C15.5282 12.6573 15.2812 13.2534 15.2812 13.875V15.2812H19.9688V13.875Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Le = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M5.14285 6.61229V3.67351C5.14285 3.54361 5.19446 3.41903 5.28631 3.32717C5.37817 3.23532 5.50275 3.18372 5.63265 3.18372H22.2857C22.4156 3.18372 22.5402 3.23532 22.632 3.32717C22.7239 3.41903 22.7755 3.54361 22.7755 3.67351V12.4898C22.7755 12.6197 22.7239 12.7443 22.632 12.8362C22.5402 12.928 22.4156 12.9796 22.2857 12.9796H10.0408", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M4.16326 15.4285L6.39575 14.4303C6.61868 14.2816 6.80873 14.0887 6.95414 13.8636C7.09955 13.6385 7.19723 13.386 7.24114 13.1216L7.59183 11.0204L10.61 8.86526C10.7371 8.77453 10.8406 8.65474 10.912 8.51586C10.9834 8.37698 11.0206 8.22305 11.0204 8.06689V7.51244C11.0204 7.35548 10.9827 7.20081 10.9105 7.06146C10.8383 6.92211 10.7336 6.80216 10.6053 6.71171C10.477 6.62126 10.3289 6.56296 10.1734 6.54172C10.0179 6.52049 9.85951 6.53693 9.71167 6.58967L5.69143 8.02673C4.68324 8.38704 3.74646 8.92225 2.92408 9.60779L1.22449 11.0204", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M1.22449 20.8164L3.42269 19.347C3.90694 19.0258 4.47555 18.8553 5.05665 18.8572H12", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M12 18.8572H14.7223C14.928 18.8572 15.1284 18.7925 15.2953 18.6723C15.4622 18.552 15.5869 18.3823 15.6519 18.1871L17.3878 12.9796", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M16.4121 15.9183H12.0039", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M12.9796 15.9184C12.5899 15.9184 12.2161 15.7636 11.9406 15.488C11.665 15.2125 11.5102 14.8387 11.5102 14.449C11.5102 14.0593 11.665 13.6856 11.9406 13.41C12.2161 13.1344 12.5899 12.9796 12.9796 12.9796", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M12 18.8571C11.6103 18.8571 11.2365 18.7023 10.961 18.4267C10.6854 18.1512 10.5306 17.7774 10.5306 17.3877C10.5306 16.998 10.6854 16.6243 10.961 16.3487C11.2365 16.0731 11.6103 15.9183 12 15.9183", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15.9427 10.0408V11.0204", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M15.9427 5.14282V6.12241", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.9796 10.0408H16.9184C17.1782 10.0408 17.4274 9.9376 17.6111 9.75389C17.7948 9.57018 17.898 9.32102 17.898 9.06121C17.898 8.80141 17.7948 8.55225 17.6111 8.36854C17.4274 8.18483 17.1782 8.08162 16.9184 8.08162H14.9592C14.6994 8.08162 14.4502 7.97841 14.2665 7.7947C14.0828 7.611 13.9796 7.36183 13.9796 7.10203C13.9796 6.84222 14.0828 6.59306 14.2665 6.40935C14.4502 6.22564 14.6994 6.12244 14.9592 6.12244H17.898", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), ye = (e) => /* @__PURE__ */ r.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ r.createElement("path", { d: "M17.1429 0.979492L23.0204 5.38766H0.979614", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M6.85717 23.0202L0.979614 18.6121H23.0204", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M13.4291 9.91089H12.1283C11.8748 9.91098 11.6286 9.99666 11.4298 10.1541C11.231 10.3114 11.0912 10.5313 11.0329 10.7781C10.9747 11.0249 11.0015 11.2841 11.1089 11.5138C11.2163 11.7435 11.3981 11.9302 11.6249 12.0436L12.8091 12.6363C13.0358 12.7498 13.2176 12.9365 13.3251 13.1662C13.4325 13.3958 13.4593 13.6551 13.401 13.9018C13.3427 14.1486 13.2029 14.3685 13.0041 14.5259C12.8053 14.6833 12.5592 14.769 12.3056 14.7691H11", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M11.9133 14.769V15.68", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ r.createElement("path", { d: "M12.5206 9V9.91091", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Se = n.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+`;
+function C1({
+  isMoreOption: e,
+  options: a,
+  entity: s,
+  title: c,
+  closeMenuOnSelect: d = !0,
+  isMenuOpen: l,
+  customStyleConfig: h,
+  downloadProps: C,
+  isDisabled: j,
+  backgroundColor: S,
+  onOptionSelection: f,
+  onMenuOpen: I
+}) {
+  const u = v(), M = {
+    control: (i) => ({
+      ...i,
+      border: 0,
+      backgroundColor: S ?? u.colors.grey4,
+      boxShadow: u.colors.grey5,
+      borderRadius: t.sp2,
+      padding: 0,
+      ":hover": {
+        ".name": {
+          color: u.colors.primary
+        },
+        backgroundColor: S ?? u.colors.grey4
+      },
+      cursor: "pointer",
+      input: {
+        height: 0
+      }
+    }),
+    container: (i) => ({
+      ...i,
+      marginLeft: T[4]
+    }),
+    valueContainer: (i, p) => ({
+      ...i,
+      padding: 0,
+      ...h?.valueContainer?.(i, p)
+    }),
+    menu: (i) => ({
+      ...i,
+      backgroundColor: u.colors.grey5,
+      borderRadius: 4,
+      boxShadow: `${t.sp0} 2px ${t.sp2} ${u.colors.dropShadowHover}`,
+      whiteSpace: "nowrap",
+      width: "auto",
+      right: 0,
+      zIndex: 20,
+      marginTop: "2px"
+    }),
+    option: (i, { data: { value: p } }) => ({
+      ...i,
+      ...F.smallRegular.cssObject,
+      color: u.colors.hero,
+      backgroundColor: u.colors.grey5,
+      cursor: "pointer",
+      padding: `${t.sp2} ${t.sp3}`,
+      ":hover": {
+        color: u.colors.primary,
+        backgroundColor: p === "close" || p === "revokeInvite" ? m.importantLight : u.colors.grey3,
+        cursor: "pointer",
+        "& svg": {
+          color: p === "close" || p === "revokeInvite" ? m.important : u.colors.primary
+        },
+        ".new-tag": {
+          color: m.primaryDark
+        }
+      },
+      "& label": {
+        paddingRight: "10px",
+        paddingLeft: t.sp2
+      }
+    }),
+    placeholder: (i) => ({
+      ...i,
+      margin: t.sp0
+    }),
+    ...h
+  }, E = { isMoreOption: e, title: c, downloadProps: C, entity: s };
+  return /* @__PURE__ */ o.jsx(
+    Se,
+    {
+      "data-testid": N("more-menu-button", s),
+      children: /* @__PURE__ */ o.jsx(
+        D,
+        {
+          ...E,
+          isMulti: !1,
+          menuPlacement: "bottom",
+          isDisabled: j != null,
+          menuShouldScrollIntoView: !0,
+          options: a,
+          components: {
+            ValueContainer: fe,
+            DropdownIndicator: $e,
+            IndicatorSeparator: null,
+            IndicatorsContainer: ve,
+            Option: xe,
+            MenuList: Ie
+          },
+          onChange: (i) => {
+            i != null && f(i?.value);
+          },
+          controlShouldRenderValue: !1,
+          placeholder: "",
+          closeMenuOnSelect: d,
+          menuIsOpen: l,
+          isClearable: !1,
+          isSearchable: !1,
+          styles: M,
+          onMenuOpen: I
+        }
+      )
+    }
+  );
+}
+const $e = () => /* @__PURE__ */ o.jsx("div", {}), ve = () => null, xe = (e) => {
+  const { downloadProps: a } = e.selectProps, s = e.value === "download" && a?.isDisabled;
+  return /* @__PURE__ */ o.jsx(
+    o1,
+    {
+      isDisabled: s,
+      isImportant: e.value === "close" || e.value === "revokeInvite",
+      children: /* @__PURE__ */ o.jsx(w.Option, { ...e, children: /* @__PURE__ */ o.jsx(
+        e1,
+        {
+          isCopy: e.value === "copy",
+          isImportant: e.value === "close" || e.value === "revokeInvite",
+          children: e.value === "download" ? /* @__PURE__ */ o.jsx(
+            ue,
+            {
+              ...e.selectProps.downloadProps
+            }
+          ) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            je(e.value),
+            /* @__PURE__ */ o.jsx(
+              t1,
+              {
+                isImportant: e.value === "close" || e.value === "revokeInvite",
+                children: e.label
+              }
+            ),
+            e.data.isNew === !0 && /* @__PURE__ */ o.jsx(s1, { className: "new-tag" })
+          ] })
+        }
+      ) })
+    }
+  );
+}, je = (e) => {
+  switch (e) {
+    case "sendMoney":
+      return /* @__PURE__ */ o.jsx(Ee, {});
+    case "payBill":
+      return /* @__PURE__ */ o.jsx(be, {});
+    case "transfer":
+      return /* @__PURE__ */ o.jsx(De, {});
+    case "checkDeposit":
+      return /* @__PURE__ */ o.jsx(He, {});
+    case "closeAccount":
+      return /* @__PURE__ */ o.jsx(We, {});
+    case "editNickName":
+      return /* @__PURE__ */ o.jsx(Ve, {});
+    case "editPortfolio":
+      return /* @__PURE__ */ o.jsx(Be, {});
+    case "accountStatement":
+      return /* @__PURE__ */ o.jsx(Re, {});
+    case "settings":
+      return /* @__PURE__ */ o.jsx(Te, {});
+    case "statements":
+      return /* @__PURE__ */ o.jsx(_e, {});
+    case "payEarly":
+      return /* @__PURE__ */ o.jsx(Ne, {});
+    case "archive":
+      return /* @__PURE__ */ o.jsx(ze, {});
+    case "delete":
+      return /* @__PURE__ */ o.jsx(Fe, {});
+    case "invite":
+      return /* @__PURE__ */ o.jsx(Oe, {});
+    case "copy":
+      return /* @__PURE__ */ o.jsx(Ye, {});
+    case "copied":
+      return /* @__PURE__ */ o.jsx(Ze, {});
+    case "changePin":
+      return /* @__PURE__ */ o.jsx(Ae, {});
+    case "updateSpendLimit":
+      return /* @__PURE__ */ o.jsx(Ue, {});
+    case "rename":
+      return /* @__PURE__ */ o.jsx(Pe, {});
+    case "lock":
+      return /* @__PURE__ */ o.jsx(qe, {});
+    case "unlock":
+      return /* @__PURE__ */ o.jsx(Je, {});
+    case "close":
+      return /* @__PURE__ */ o.jsx(Qe, {});
+    case "revokeInvite":
+      return /* @__PURE__ */ o.jsx(Ke, {});
+    case "taxLetter":
+      return /* @__PURE__ */ o.jsx(Ge, {});
+    default:
+      return null;
+  }
+}, fe = ({ children: e, ...a }) => {
+  const { isMoreOption: s, title: c, entity: d, menuIsOpen: l } = a.selectProps, h = z();
+  return /* @__PURE__ */ o.jsxs(w.ValueContainer, { ...a, style: { padding: 0 }, children: [
+    s === !0 ? l === !0 ? /* @__PURE__ */ o.jsx($, {}) : /* @__PURE__ */ o.jsx(
+      O,
+      {
+        title: "More actions",
+        placement: "bottom-end",
+        style: { height: t.sp4 },
+        children: /* @__PURE__ */ o.jsx($, {})
+      }
+    ) : /* @__PURE__ */ o.jsx(o.Fragment, { children: Me(c, h, d) }),
+    e
+  ] });
+}, Ie = ({ children: e, ...a }) => /* @__PURE__ */ o.jsx(w.MenuList, { ...a, children: k.Children.map(e, (s, c) => {
+  const d = k.isValidElement(s) && (s.props?.data?.value === "close" || s.props?.data?.value === "revokeInvite");
+  return /* @__PURE__ */ o.jsxs(k.Fragment, { children: [
+    k.Children.count(e) > 1 && c === k.Children.count(e) - 1 && d && /* @__PURE__ */ o.jsx(Xe, {}),
+    s
+  ] }, c);
+}) }), Me = (e, a, s) => {
+  switch (s) {
+    case "zeni_accounts":
+      return a === "small" ? /* @__PURE__ */ o.jsx(r1, {}) : /* @__PURE__ */ o.jsx(
+        g,
+        {
+          variant: "primary",
+          size: "small",
+          style: {
+            display: "flex",
+            alignItems: "center"
+          },
+          label: e
+        }
+      );
+    case "rewards":
+      return a === "small" ? /* @__PURE__ */ o.jsx(n1, {}) : /* @__PURE__ */ o.jsx(
+        g,
+        {
+          variant: "primary",
+          size: "small",
+          style: {
+            display: "flex",
+            alignItems: "center",
+            padding: "6px 12px"
+          },
+          label: e
+        }
+      );
+    case "bill_pay":
+    case "reimbursement":
+    default:
+      return /* @__PURE__ */ o.jsx(
+        g,
+        {
+          variant: "primary",
+          size: "small",
+          style: {
+            display: "flex",
+            alignItems: "center"
+          },
+          label: e
+        }
+      );
+  }
+}, Ee = n(Le)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, be = n(ee)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, De = n(ye)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, He = n(ge)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, We = n(Q)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Ve = n(y)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Pe = n(y)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Be = n(y)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Re = n(x)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, _e = n(x)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Ne = n(re)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Te = n(K)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, $ = n(U)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  :hover {
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, Fe = n(G)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, ze = n(Ce)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Oe = n(Y)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Ze = n(J)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Ae = n(we)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Ue = n(oe)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, qe = n(q)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Je = n(ie)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Xe = n.div`
+  height: 1px;
+  width: 100%;
+  background-color: ${(e) => e.theme.colors.grey3};
+  margin: ${t.sp1} ${t.sp0};
+`, Ye = n(X)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp3};
+  height: ${t.sp3};
+`, Ge = n(ke)`
+  color: ${(e) => e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Ke = n(ae)`
+  color: ${m.important};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, Qe = n(te)`
+  color: ${m.important};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`, e1 = n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+  margin-right: ${(e) => e.isCopy ? "12px" : 0};
+  ${(e) => !e.isImportant && `
+    :hover {
+      color: ${e.theme.colors.primary};
+      span {
+        color: ${e.theme.colors.primary};
+      }
+    }
+  `}
+`, t1 = n(Z)`
+  margin-left: ${t.sp2};
+  color: ${(e) => e.isImportant ? m.important : "inherit"};
+`, o1 = n.div`
+  ${(e) => !e.isImportant && `
+    :hover {
+    svg {
+      color: ${e.isDisabled ? e.theme.colors.grey2 : e.theme.colors.primary};
+    }
+    }
+  `}
+`, r1 = n(se)`
+  min-width: ${t.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${(e) => e.theme.colors.hero};
+`, n1 = n(ne)`
+  min-width: ${t.sp4};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${(e) => e.theme.colors.hero};
+`, s1 = n(A)`
+  height: ${t.sp5};
+  width: ${t.sp5};
+  color: ${m.primaryDark};
+  margin-left: 6px;
+`;
+export {
+  C1 as M,
+  ke as S
+};