@zimyo/manage 0.2.26 → 0.2.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.js CHANGED
@@ -102990,7 +102990,7 @@ const pst = "data:image/svg+xml,%3csvg%20width='199'%20height='133'%20viewBox='0
102990
102990
  }, "client-customer"), i = (l) => {
102991
102991
  n(l);
102992
102992
  };
102993
- return A.jsxs("div", { children: [A.jsx(iu, { visible: r }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 2.5, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#172B4D1A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(yZ, { sx: { color: "#172B4D", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Plan Opted" }), A.jsx("span", { className: `${$i.card_subtitles}`, children: (o = t == null ? void 0 : t.plan_opted) != null ? o : "-" })] })] }) }) }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 2.5, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#027A481A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(cC, { sx: { color: "#027A48", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Active Employees" }), A.jsxs("span", { className: `${$i.card_subtitles}`, children: [(a = t == null ? void 0 : t.total_active_employee) != null ? a : "-", " ", "Employees"] })] })] }) }) }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 3.5, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#4C8BFF1A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(bZ, { sx: { color: "#4C8BFF", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Current Billing Cycle" }), A.jsx("span", { className: `${$i.card_subtitles}`, children: (s = t == null ? void 0 : t.current_billing_cycle) != null ? s : "-" })] })] }) }) }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 3.5, children: A.jsxs("div", { className: `${$i.card_container}`, children: [A.jsx("span", { className: `${$i.card_subtitles}`, children: "Consumption Summary" }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Subscribed Count:" }), A.jsx("span", { children: t == null ? void 0 : t.subscription_count })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Additional Count:" }), A.jsx("span", { children: t == null ? void 0 : t.additional_count })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Charged Count:" }), A.jsx("span", { children: t == null ? void 0 : t.charged_count })] })] }) }), A.jsx(qt, { item: !0, xs: 12, sm: 12, lg: 8.5, children: A.jsxs("div", { className: `${$i.card_container}`, style: { height: "100%" }, children: [A.jsx("div", { className: "flex-between-center mb-10", children: A.jsx("span", { className: `${$i.card_subtitles}`, children: "Opted Products" }) }), A.jsx(eo, { className: "mb-10" }), A.jsx("div", { className: "flex-between-center g-20", style: { overflowX: "scroll" }, children: ar.validateDataType(t == null ? void 0 : t.optedProduct, gi.ARRAY) ? t == null ? void 0 : t.optedProduct.map((l, c) => A.jsxs("div", { className: "flex-start-column g-10", style: { paddingBlockEnd: "10px" }, children: [A.jsx("span", { style: { background: "#335AFF1A" }, className: `${$i.sub_icons_background}`, children: c % 2 === 1 ? A.jsx(xZ, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) : A.jsx(cC, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) }), A.jsx("span", { className: `${$i.card_subtitles}`, style: { whiteSpace: "nowrap" }, children: l })] })) : A.jsx(np, { message: "No Records Found" }) })] }) }), A.jsx(qt, { item: !0, xs: 12, sm: 12, lg: 3.5, children: A.jsxs("div", { className: `${$i.card_container}`, style: { height: "100%" }, children: [A.jsx("span", { className: `${$i.card_subtitles} mb-20`, children: "Dowload Report" }), A.jsxs("div", { className: "flex-between-center mb-10 g-10", children: [A.jsx("div", { className: "flex-start-column", children: A.jsx(AM, { label: "Initial Date", value: e, format: "DD/MM/YYYY", onChange: i }) }), A.jsx("div", { className: "flex-start-column", children: A.jsx(AM, { label: "Final Date", value: e, format: "DD/MM/YYYY" }) })] }), A.jsx(Wi, { label: "Download", className: "w-100" })] }) }), A.jsx(qt, { item: !0, xs: 12, sm: 12, lg: 12, children: A.jsxs("div", { className: `${$i.card_container} g-10`, children: [A.jsx("span", { className: `${$i.card_subtitles}`, children: "Modules Listing" }), A.jsx(eo, {}), A.jsx("div", { children: A.jsx(qt, { container: !0, spacing: 2, children: ar.validateDataType(t == null ? void 0 : t.module_list, gi.ARRAY) ? t.module_list.map((l) => A.jsx(qt, { item: !0, xs: 6, sm: 6, md: 3, lg: 3, children: A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx("span", { style: {
102993
+ return A.jsxs("div", { children: [A.jsx(iu, { visible: r }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { size: { xs: 6, sm: 6, lg: 2.5 }, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#172B4D1A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(yZ, { sx: { color: "#172B4D", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Plan Opted" }), A.jsx("span", { className: `${$i.card_subtitles}`, children: (o = t == null ? void 0 : t.plan_opted) != null ? o : "-" })] })] }) }) }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 2.5 }, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#027A481A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(cC, { sx: { color: "#027A48", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Active Employees" }), A.jsxs("span", { className: `${$i.card_subtitles}`, children: [(a = t == null ? void 0 : t.total_active_employee) != null ? a : "-", " ", "Employees"] })] })] }) }) }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 3.5 }, children: A.jsx("div", { className: `${$i.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#4C8BFF1A", margin: "inherit" }, className: $i.icons_background, children: A.jsx(bZ, { sx: { color: "#4C8BFF", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-between-column", children: [A.jsx("span", { className: "mb-10", children: "Current Billing Cycle" }), A.jsx("span", { className: `${$i.card_subtitles}`, children: (s = t == null ? void 0 : t.current_billing_cycle) != null ? s : "-" })] })] }) }) }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 3.5 }, children: A.jsxs("div", { className: `${$i.card_container}`, children: [A.jsx("span", { className: `${$i.card_subtitles}`, children: "Consumption Summary" }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Subscribed Count:" }), A.jsx("span", { children: t == null ? void 0 : t.subscription_count })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Additional Count:" }), A.jsx("span", { children: t == null ? void 0 : t.additional_count })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Charged Count:" }), A.jsx("span", { children: t == null ? void 0 : t.charged_count })] })] }) }), A.jsx(qt, { size: { xs: 12, sm: 12, lg: 8.5 }, children: A.jsxs("div", { className: `${$i.card_container}`, style: { height: "100%" }, children: [A.jsx("div", { className: "flex-between-center mb-10", children: A.jsx("span", { className: `${$i.card_subtitles}`, children: "Opted Products" }) }), A.jsx(eo, { className: "mb-10" }), A.jsx("div", { className: "flex-between-center g-20", style: { overflowX: "scroll" }, children: ar.validateDataType(t == null ? void 0 : t.optedProduct, gi.ARRAY) ? t == null ? void 0 : t.optedProduct.map((l, c) => A.jsxs("div", { className: "flex-start-column g-10", style: { paddingBlockEnd: "10px" }, children: [A.jsx("span", { style: { background: "#335AFF1A" }, className: `${$i.sub_icons_background}`, children: c % 2 === 1 ? A.jsx(xZ, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) : A.jsx(cC, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) }), A.jsx("span", { className: `${$i.card_subtitles}`, style: { whiteSpace: "nowrap" }, children: l })] })) : A.jsx(np, { message: "No Records Found" }) })] }) }), A.jsx(qt, { size: { xs: 12, sm: 12, lg: 3.5 }, children: A.jsxs("div", { className: `${$i.card_container}`, style: { height: "100%" }, children: [A.jsx("span", { className: `${$i.card_subtitles} mb-20`, children: "Dowload Report" }), A.jsxs("div", { className: "flex-between-center mb-10 g-10", children: [A.jsx("div", { className: "flex-start-column", children: A.jsx(AM, { label: "Initial Date", value: e, format: "DD/MM/YYYY", onChange: i }) }), A.jsx("div", { className: "flex-start-column", children: A.jsx(AM, { label: "Final Date", value: e, format: "DD/MM/YYYY" }) })] }), A.jsx(Wi, { label: "Download", className: "w-100" })] }) }), A.jsx(qt, { size: { xs: 12, sm: 12, lg: 12 }, children: A.jsxs("div", { className: `${$i.card_container} g-10`, children: [A.jsx("span", { className: `${$i.card_subtitles}`, children: "Modules Listing" }), A.jsx(eo, {}), A.jsx("div", { children: A.jsx(qt, { container: !0, spacing: 2, children: ar.validateDataType(t == null ? void 0 : t.module_list, gi.ARRAY) ? t.module_list.map((l) => A.jsx(qt, { size: { xs: 6, sm: 6, md: 3, lg: 3 }, children: A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx("span", { style: {
102994
102994
  background: "#172B4D1A",
102995
102995
  margin: "inherit"
102996
102996
  }, className: $i.listing_icons, children: A.jsx(Toe, { style: {
@@ -104874,13 +104874,13 @@ const Zlt = ({ orgDetails: e }) => {
104874
104874
  }, G = () => {
104875
104875
  h(null);
104876
104876
  };
104877
- return A.jsxs(A.Fragment, { children: [A.jsx(qt, { item: !0, xs: 12, sm: 6, lg: 4, children: A.jsxs("div", { className: `${ox.card_container}`, children: [A.jsx(iu, { visible: T || E || M }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { className: `${ox.card_subtitles}`, children: "Company Information" }), A.jsx("div", { className: "flex-end-center g-10", children: A.jsx("span", { children: A.jsx(Qoe, { sx: { color: "#009017", cursor: "pointer" } }) }) })] }), A.jsx(qt, { container: !0, spacing: 2, children: A.jsxs(qt, { item: !0, xs: 12, children: [A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Name :" }) }), A.jsx("span", { children: (Y = e == null ? void 0 : e.org_name) != null ? Y : "-" })] }), A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Email :" }) }), A.jsxs("div", { className: "flex-end-center", style: { gap: "4px" }, children: [A.jsx(SW, { data: `${(te = (ee = e == null ? void 0 : e.email_id) == null ? void 0 : ee[0]) != null ? te : "-"}`, limit: 34 }), ((se = e == null ? void 0 : e.email_id) == null ? void 0 : se.length) > 1 ? A.jsxs("span", { style: {
104877
+ return A.jsxs(A.Fragment, { children: [A.jsx(qt, { size: { xs: 12, sm: 6, lg: 4 }, children: A.jsxs("div", { className: `${ox.card_container}`, children: [A.jsx(iu, { visible: T || E || M }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { className: `${ox.card_subtitles}`, children: "Company Information" }), A.jsx("div", { className: "flex-end-center g-10", children: A.jsx("span", { children: A.jsx(Qoe, { sx: { color: "#009017", cursor: "pointer" } }) }) })] }), A.jsx(qt, { container: !0, spacing: 2, children: A.jsxs(qt, { size: { xs: 12 }, children: [A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Name :" }) }), A.jsx("span", { children: (Y = e == null ? void 0 : e.org_name) != null ? Y : "-" })] }), A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Email :" }) }), A.jsxs("div", { className: "flex-end-center", style: { gap: "4px" }, children: [A.jsx(SW, { data: `${(te = (ee = e == null ? void 0 : e.email_id) == null ? void 0 : ee[0]) != null ? te : "-"}`, limit: 34 }), ((se = e == null ? void 0 : e.email_id) == null ? void 0 : se.length) > 1 ? A.jsxs("span", { style: {
104878
104878
  backgroundColor: "#2B46F21A",
104879
104879
  color: "#2B46F2",
104880
104880
  padding: "4px",
104881
104881
  borderRadius: "50%",
104882
104882
  fontSize: "8px"
104883
- }, className: "flex-between-center", children: [A.jsx("span", { children: (re = e == null ? void 0 : e.email_id) == null ? void 0 : re.length }), A.jsx(mI, { className: "cursor-pointer", onClick: W, sx: { fontSize: "8px" } })] }) : A.jsx(A.Fragment, {})] })] }), A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Phone No :" }) }), A.jsx("div", { children: A.jsx(SW, { data: (pe = e == null ? void 0 : e.mobile_number) != null ? pe : "-", limit: 34 }) })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "GSTIN NO. :" }) }), A.jsx("span", { children: (oe = e == null ? void 0 : e.gstin) != null ? oe : "-" })] })] }) })] }) }), A.jsx(qt, { item: !0, xs: 12, sm: 6, lg: 4, children: A.jsx("div", { className: `${ox.card_container}`, children: A.jsxs("div", { className: "flex-between-columns", children: [A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("span", { className: `${ox.card_subtitles}`, children: "Billing Address" }), A.jsx(eae, { sx: { color: "blue", cursor: "pointer" }, onClick: z })] }), A.jsx("div", { children: A.jsx("span", { children: e == null ? void 0 : e.org_address }) })] }) }) }), t && A.jsx(h9, { size: "md", title: "Edit Org Details", open: t, onModalclose: k, children: A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsxs(qt, { item: !0, xs: 12, children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { children: "Basic Details" }) }), A.jsx(eo, {})] }), [
104883
+ }, className: "flex-between-center", children: [A.jsx("span", { children: (re = e == null ? void 0 : e.email_id) == null ? void 0 : re.length }), A.jsx(mI, { className: "cursor-pointer", onClick: W, sx: { fontSize: "8px" } })] }) : A.jsx(A.Fragment, {})] })] }), A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "Phone No :" }) }), A.jsx("div", { children: A.jsx(SW, { data: (pe = e == null ? void 0 : e.mobile_number) != null ? pe : "-", limit: 34 }) })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("div", { className: "mr-10", children: A.jsx("span", { children: "GSTIN NO. :" }) }), A.jsx("span", { children: (oe = e == null ? void 0 : e.gstin) != null ? oe : "-" })] })] }) })] }) }), A.jsx(qt, { size: { xs: 12, sm: 6, lg: 4 }, children: A.jsx("div", { className: `${ox.card_container}`, children: A.jsxs("div", { className: "flex-between-columns", children: [A.jsxs("div", { className: "flex-between-center mb-10", children: [A.jsx("span", { className: `${ox.card_subtitles}`, children: "Billing Address" }), A.jsx(eae, { sx: { color: "blue", cursor: "pointer" }, onClick: z })] }), A.jsx("div", { children: A.jsx("span", { children: e == null ? void 0 : e.org_address }) })] }) }) }), t && A.jsx(h9, { size: "md", title: "Edit Org Details", open: t, onModalclose: k, children: A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsxs(qt, { size: { xs: 12 }, children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { children: "Basic Details" }) }), A.jsx(eo, {})] }), [
104884
104884
  {
104885
104885
  name: "org_name",
104886
104886
  label: "Name"
@@ -104901,7 +104901,7 @@ const Zlt = ({ orgDetails: e }) => {
104901
104901
  name: "email_id",
104902
104902
  label: "Email"
104903
104903
  }
104904
- ].map((K) => A.jsxs(qt, { item: !0, xs: 6, children: [K.name === "email_id" ? A.jsxs(An, { component: "div", sx: {
104904
+ ].map((K) => A.jsxs(qt, { size: { xs: 6 }, children: [K.name === "email_id" ? A.jsxs(An, { component: "div", sx: {
104905
104905
  display: "flex",
104906
104906
  flexWrap: "wrap",
104907
104907
  border: "1px solid #ccc",
@@ -104926,7 +104926,7 @@ const Zlt = ({ orgDetails: e }) => {
104926
104926
  N(J, de);
104927
104927
  },
104928
104928
  error: a == null ? void 0 : a[K.name]
104929
- }), a != null && a[K.name] ? A.jsx("span", { style: { color: "red", fontSize: "12px" }, children: "Error In This Field" }) : A.jsx(A.Fragment, {})] }, K.name)), A.jsxs(qt, { item: !0, xs: 12, children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { children: "Billing Adreess" }) }), A.jsx(eo, {})] }), [
104929
+ }), a != null && a[K.name] ? A.jsx("span", { style: { color: "red", fontSize: "12px" }, children: "Error In This Field" }) : A.jsx(A.Fragment, {})] }, K.name)), A.jsxs(qt, { size: { xs: 12 }, children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { children: "Billing Adreess" }) }), A.jsx(eo, {})] }), [
104930
104930
  {
104931
104931
  name: "country",
104932
104932
  label: "Country",
@@ -104969,7 +104969,7 @@ const Zlt = ({ orgDetails: e }) => {
104969
104969
  }
104970
104970
  ].map((K) => {
104971
104971
  var le;
104972
- return A.jsxs(qt, { item: !0, xs: 6, children: [K.type == "select" ? A.jsx(
104972
+ return A.jsxs(qt, { size: { xs: 6 }, children: [K.type == "select" ? A.jsx(
104973
104973
  Fie,
104974
104974
  {
104975
104975
  /**@ts-ignore */
@@ -104989,7 +104989,7 @@ const Zlt = ({ orgDetails: e }) => {
104989
104989
  const { name: J, value: he } = de.target;
104990
104990
  _(J, he);
104991
104991
  }, error: a == null ? void 0 : a[K.name] }), a != null && a[K.name] ? A.jsx("span", { style: { color: "red", fontSize: "12px" }, children: "Error In This Field" }) : A.jsx(A.Fragment, {})] });
104992
- }), A.jsx(qt, { item: !0, xs: 12, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Cancel", variant: "outlined", onClick: k }), A.jsx(Wi, { label: "Submit", disabled: C, onClick: $ })] }) })] }) }), ar.validateDataType(e == null ? void 0 : e.email_id, gi.ARRAY) && A.jsx(xS, { open: !!p, anchorEl: p, onClose: G, anchorOrigin: {
104992
+ }), A.jsx(qt, { size: { xs: 12 }, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Cancel", variant: "outlined", onClick: k }), A.jsx(Wi, { label: "Submit", disabled: C, onClick: $ })] }) })] }) }), ar.validateDataType(e == null ? void 0 : e.email_id, gi.ARRAY) && A.jsx(xS, { open: !!p, anchorEl: p, onClose: G, anchorOrigin: {
104993
104993
  vertical: "bottom",
104994
104994
  horizontal: "left"
104995
104995
  }, children: A.jsx("div", { style: { padding: "10px" }, children: (Z = e.email_id) == null ? void 0 : Z.map((K) => A.jsx("div", { className: "mb-10", children: K })) }) })] });
@@ -105173,7 +105173,7 @@ const ax = {
105173
105173
  }
105174
105174
  ];
105175
105175
  }, [d]);
105176
- return A.jsxs("div", { className: "w-100", children: [A.jsx(iu, { visible: p || v || x }), t === ax.LIST_VIEW ? A.jsxs(qt, { container: !0, spacing: 2, children: [C.map((W) => A.jsx(qt, { item: !0, xs: 12, sm: 6, lg: 4, children: A.jsx(Dlt, { data: W }) })), A.jsx(Zlt, { orgDetails: d == null ? void 0 : d.orgInfo }), A.jsxs(qt, { item: !0, xs: 12, sm: 6, lg: 8, children: [A.jsxs("div", { className: `${Go.card_container}`, style: { marginBlockEnd: "1rem" }, children: [A.jsx("div", { className: "flex-between-center mb-10", children: A.jsxs("span", { className: `${Go.card_count}`, children: ["Last ", Rct[(T = d == null ? void 0 : d.openInvoice) == null ? void 0 : T.payment_status] || "", " Invoice"] }) }), A.jsx(eo, {}), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Due By" }), A.jsx("span", { className: `${Go.card_subtitles}`, children: (O = d == null ? void 0 : d.openInvoice) != null && O.invoice_due_date ? new Date(d.openInvoice.invoice_due_date).toLocaleDateString("en-GB") : "-" })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Amount" }), A.jsxs("span", { className: `${Go.card_subtitles}`, children: [((E = d == null ? void 0 : d.openInvoice) == null ? void 0 : E.currency_symbol) || "₹", " ", (M = (F = d == null ? void 0 : d.openInvoice) == null ? void 0 : F.grand_total_amount) != null ? M : "-"] })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Invoice" }), A.jsx("div", { style: { margin: "auto" }, children: A.jsx("span", { children: A.jsx(eKe, { style: { fontSize: "24px", color: "red", cursor: "pointer" }, onClick: () => w(!0) }) }) })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", {}), A.jsx("span", { children: ((P = d == null ? void 0 : d.openInvoice) == null ? void 0 : P.payment_status) === 2 && A.jsx(Wi, { disabled: g, label: "Pay Here", style: { height: "36px" }, onClick: S }) })] })] })] }), A.jsxs("div", { className: `${Go.card_container} g-10`, style: { marginBlockEnd: "1rem" }, children: [A.jsx("div", { className: "flex-between-center", children: A.jsxs("span", { className: `${Go.card_count}`, children: ["Plan Details ", A.jsxs("span", { style: { fontSize: "18px", fontWeight: "800" }, children: ["(", (L = d == null ? void 0 : d.planDetails) == null ? void 0 : L.current_plan, ")"] })] }) }), A.jsx(eo, {}), A.jsx("div", { className: "flex-between-center", children: [
105176
+ return A.jsxs("div", { className: "w-100", children: [A.jsx(iu, { visible: p || v || x }), t === ax.LIST_VIEW ? A.jsxs(qt, { container: !0, spacing: 2, children: [C.map((W) => A.jsx(qt, { size: { xs: 12, sm: 6, md: 4 }, children: A.jsx(Dlt, { data: W }) })), A.jsx(Zlt, { orgDetails: d == null ? void 0 : d.orgInfo }), A.jsxs(qt, { size: { xs: 12, sm: 6, lg: 8 }, children: [A.jsxs("div", { className: `${Go.card_container}`, style: { marginBlockEnd: "1rem" }, children: [A.jsx("div", { className: "flex-between-center mb-10", children: A.jsxs("span", { className: `${Go.card_count}`, children: ["Last ", Rct[(T = d == null ? void 0 : d.openInvoice) == null ? void 0 : T.payment_status] || "", " Invoice"] }) }), A.jsx(eo, {}), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Due By" }), A.jsx("span", { className: `${Go.card_subtitles}`, children: (O = d == null ? void 0 : d.openInvoice) != null && O.invoice_due_date ? new Date(d.openInvoice.invoice_due_date).toLocaleDateString("en-GB") : "-" })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Amount" }), A.jsxs("span", { className: `${Go.card_subtitles}`, children: [((E = d == null ? void 0 : d.openInvoice) == null ? void 0 : E.currency_symbol) || "₹", " ", (M = (F = d == null ? void 0 : d.openInvoice) == null ? void 0 : F.grand_total_amount) != null ? M : "-"] })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Invoice" }), A.jsx("div", { style: { margin: "auto" }, children: A.jsx("span", { children: A.jsx(eKe, { style: { fontSize: "24px", color: "red", cursor: "pointer" }, onClick: () => w(!0) }) }) })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", {}), A.jsx("span", { children: ((P = d == null ? void 0 : d.openInvoice) == null ? void 0 : P.payment_status) === 2 && A.jsx(Wi, { disabled: g, label: "Pay Here", style: { height: "36px" }, onClick: S }) })] })] })] }), A.jsxs("div", { className: `${Go.card_container} g-10`, style: { marginBlockEnd: "1rem" }, children: [A.jsx("div", { className: "flex-between-center", children: A.jsxs("span", { className: `${Go.card_count}`, children: ["Plan Details ", A.jsxs("span", { style: { fontSize: "18px", fontWeight: "800" }, children: ["(", (L = d == null ? void 0 : d.planDetails) == null ? void 0 : L.current_plan, ")"] })] }) }), A.jsx(eo, {}), A.jsx("div", { className: "flex-between-center", children: [
105177
105177
  // {
105178
105178
  // label: "Current Plan",
105179
105179
  // value: overviewData?.planDetails?.current_plan,
@@ -105227,12 +105227,12 @@ const ax = {
105227
105227
  display: "flex",
105228
105228
  alignItems: "center",
105229
105229
  justifyContent: "center"
105230
- }, children: kct[W.product_name] || A.jsx(t7, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) }), A.jsx("span", { className: `${Go.card_subtitles}`, children: W.product_name })] }, G)) : A.jsx(np, { message: "No Add Ons Found" }) })] })] }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 4, children: A.jsx("div", { className: `${Go.card_container} g-10`, style: { height: "100%" }, children: ar.validateDataType(d == null ? void 0 : d.usageCredit, gi.ARRAY) ? A.jsxs(A.Fragment, { children: [A.jsxs("span", { className: `${Go.card_count}`, children: ["User Counts", " ", A.jsx(ed, { title: "Active Employees", children: A.jsxs("span", { children: ["(", (H = ($ = d == null ? void 0 : d.employee_details) == null ? void 0 : $.active_employee) != null ? H : "--", ")"] }) })] }), A.jsx(cnt, { type: ast.COLUMN, data: d.usageCredit, xField: "APP_MODULE", yField: "TOTAL_USER_COUNT", xAxisTitle: "", styles: {
105230
+ }, children: kct[W.product_name] || A.jsx(t7, { sx: { color: "#335AFF", fontSize: "1.5rem" } }) }), A.jsx("span", { className: `${Go.card_subtitles}`, children: W.product_name })] }, G)) : A.jsx(np, { message: "No Add Ons Found" }) })] })] }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 4 }, children: A.jsx("div", { className: `${Go.card_container} g-10`, style: { height: "100%" }, children: ar.validateDataType(d == null ? void 0 : d.usageCredit, gi.ARRAY) ? A.jsxs(A.Fragment, { children: [A.jsxs("span", { className: `${Go.card_count}`, children: ["User Counts", " ", A.jsx(ed, { title: "Active Employees", children: A.jsxs("span", { children: ["(", (H = ($ = d == null ? void 0 : d.employee_details) == null ? void 0 : $.active_employee) != null ? H : "--", ")"] }) })] }), A.jsx(cnt, { type: ast.COLUMN, data: d.usageCredit, xField: "APP_MODULE", yField: "TOTAL_USER_COUNT", xAxisTitle: "", styles: {
105231
105231
  height: "310px",
105232
105232
  width: "100%"
105233
105233
  }, defaultGroupBy: "", selectedGroupBy: "" }), A.jsx(qt, { container: !0, spacing: 1, children: d.usageCredit.map((W) => {
105234
105234
  var G, Y;
105235
- return A.jsx(qt, { item: !0, xs: 6, children: A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsxs("span", { className: `${Go.card_subtitles}`, children: [(G = W == null ? void 0 : W.APP_MODULE) != null ? G : "-", " :"] }), A.jsx("span", { children: (Y = W == null ? void 0 : W.TOTAL_USER_COUNT) != null ? Y : "-" })] }) });
105235
+ return A.jsx(qt, { size: { xs: 6 }, children: A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsxs("span", { className: `${Go.card_subtitles}`, children: [(G = W == null ? void 0 : W.APP_MODULE) != null ? G : "-", " :"] }), A.jsx("span", { children: (Y = W == null ? void 0 : W.TOTAL_USER_COUNT) != null ? Y : "-" })] }) });
105236
105236
  }) })] }) : A.jsx(np, { message: "No Records Found" }) }) })] }) : A.jsxs(A.Fragment, { children: [A.jsx("div", { style: {
105237
105237
  minHeight: "calc(95vh - 120px)",
105238
105238
  maxWidth: "100%",
@@ -105284,7 +105284,7 @@ const Oft = () => {
105284
105284
  const [e, n] = dt(si()), t = (r) => {
105285
105285
  n(r);
105286
105286
  };
105287
- return A.jsx("div", { children: A.jsxs(qt, { container: !0, spacing: 4, children: [A.jsxs(qt, { item: !0, xs: 12, sm: 12, lg: 7, children: [A.jsxs("div", { className: `${ra.card_container} g-20 mb-10`, children: [A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !0 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Credit/Debit Cards" }), A.jsx("span", { style: { color: "#615E69" }, children: "Pay with your Credit/Debit Card" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-start-column g-10", style: { width: "90%", margin: "auto" }, children: [A.jsx(Lc, {
105287
+ return A.jsx("div", { children: A.jsxs(qt, { container: !0, spacing: 4, children: [A.jsxs(qt, { size: { xs: 12, sm: 12, lg: 7 }, children: [A.jsxs("div", { className: `${ra.card_container} g-20 mb-10`, children: [A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !0 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Credit/Debit Cards" }), A.jsx("span", { style: { color: "#615E69" }, children: "Pay with your Credit/Debit Card" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-start-column g-10", style: { width: "90%", margin: "auto" }, children: [A.jsx(Lc, {
105288
105288
  placeholder: "Name on the Card",
105289
105289
  // @ts-ignore
105290
105290
  suffix: A.jsx(nae, {})
@@ -105297,7 +105297,7 @@ const Oft = () => {
105297
105297
  // @ts-ignore
105298
105298
  suffix: A.jsx(iae, {}),
105299
105299
  sx: { width: "50%" }
105300
- })] })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Wallet" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment directly through Wallet" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Paytm/Google Pay/Phone pe/BHIM UPI" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment through Gpay, Paypal, Paytm etc" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Net banking" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment directly through bank account." })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] })] }), A.jsx(Wi, { label: "Pay $164.23", className: "w-100" })] }), A.jsxs(qt, { item: !0, xs: 12, sm: 12, lg: 5, children: [A.jsxs("div", { className: "flex-start-center g-20 mb-10", children: [A.jsxs("div", { className: `${ra.plan_card} g-10`, style: { background: "#0055FF1A", border: "1px solid #335AFF" }, children: [A.jsx("span", { className: `${ra.card_count}`, children: "$10/mth" }), A.jsx("span", { className: `${ra.card_subtitles}`, children: "Basic Plan" }), A.jsx("span", { children: "Billed Quarterly" })] }), A.jsxs("div", { className: `${ra.plan_card} g-10`, children: [A.jsx("span", { className: `${ra.card_count}`, children: "$8/mth" }), A.jsx("span", { className: `${ra.card_subtitles}`, children: "Basic Plan" }), A.jsx("span", { children: "Billed Quarterly" }), A.jsx("div", { className: `${ra.discount_card}`, children: A.jsx("span", { children: "-20%" }) })] })] }), A.jsxs("div", { className: "mb-20", children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { className: `${ra.card_subtitles}`, style: { color: "#615E69" }, children: "Gift Card/ Discount Code" }) }), A.jsxs("div", { className: "flex-between-center g-10", children: [A.jsx(Lc, { style: { width: "70%" } }), A.jsx(Wi, { label: "Apply", variant: "outlined", sx: { width: "30%" } })] })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Subtotal" }), A.jsx("span", { children: "$160" })] }), A.jsx(eo, {}), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Sales tax(6.5%)" }), A.jsx("span", { children: "$4,23" })] }), A.jsx(eo, {}), A.jsxs("div", { className: `flex-between-center ${ra.plan_total_count}`, children: [A.jsx("span", { children: "Total Due" }), A.jsx("span", { children: "$164.23" })] })] })] })] }) });
105300
+ })] })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Wallet" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment directly through Wallet" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Paytm/Google Pay/Phone pe/BHIM UPI" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment through Gpay, Paypal, Paytm etc" })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] }), A.jsxs("div", { className: "flex-between-center", children: [A.jsxs("div", { className: "flex-start-center g-10", children: [A.jsx(j0, { checked: !1 }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { className: `${ra.card_subtitles}`, children: "Net banking" }), A.jsx("span", { style: { color: "#615E69" }, children: "Make payment directly through bank account." })] })] }), A.jsx("div", { className: "flex-end-center g-10" })] })] }), A.jsx(Wi, { label: "Pay $164.23", className: "w-100" })] }), A.jsxs(qt, { size: { xs: 12, sm: 12, lg: 5 }, children: [A.jsxs("div", { className: "flex-start-center g-20 mb-10", children: [A.jsxs("div", { className: `${ra.plan_card} g-10`, style: { background: "#0055FF1A", border: "1px solid #335AFF" }, children: [A.jsx("span", { className: `${ra.card_count}`, children: "$10/mth" }), A.jsx("span", { className: `${ra.card_subtitles}`, children: "Basic Plan" }), A.jsx("span", { children: "Billed Quarterly" })] }), A.jsxs("div", { className: `${ra.plan_card} g-10`, children: [A.jsx("span", { className: `${ra.card_count}`, children: "$8/mth" }), A.jsx("span", { className: `${ra.card_subtitles}`, children: "Basic Plan" }), A.jsx("span", { children: "Billed Quarterly" }), A.jsx("div", { className: `${ra.discount_card}`, children: A.jsx("span", { children: "-20%" }) })] })] }), A.jsxs("div", { className: "mb-20", children: [A.jsx("div", { className: "mb-10", children: A.jsx("span", { className: `${ra.card_subtitles}`, style: { color: "#615E69" }, children: "Gift Card/ Discount Code" }) }), A.jsxs("div", { className: "flex-between-center g-10", children: [A.jsx(Lc, { style: { width: "70%" } }), A.jsx(Wi, { label: "Apply", variant: "outlined", sx: { width: "30%" } })] })] }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Subtotal" }), A.jsx("span", { children: "$160" })] }), A.jsx(eo, {}), A.jsxs("div", { className: "flex-between-center", children: [A.jsx("span", { children: "Sales tax(6.5%)" }), A.jsx("span", { children: "$4,23" })] }), A.jsx(eo, {}), A.jsxs("div", { className: `flex-between-center ${ra.plan_total_count}`, children: [A.jsx("span", { children: "Total Due" }), A.jsx("span", { children: "$164.23" })] })] })] })] }) });
105301
105301
  }, Xct = "_card_container_1tgxf_1", Uct = "_plans_1tgxf_11", Zct = "_add_ons_1tgxf_14", qct = "_card_subtitles_1tgxf_28", Jct = "_plan_headers_1tgxf_55", Kct = "_card_content_1tgxf_63", Ec = {
105302
105302
  card_container: Xct,
105303
105303
  plans: Uct,
@@ -105359,7 +105359,7 @@ const Oft = () => {
105359
105359
  var g;
105360
105360
  return h === ((g = u == null ? void 0 : u.planDetails) == null ? void 0 : g.current_plan);
105361
105361
  };
105362
- return A.jsxs("div", { children: [A.jsx(iu, { visible: l }), A.jsxs(qt, { container: !0, spacing: 3, children: [s != null && s.plans ? Object.entries(s.plans).map(([h, g]) => A.jsx(qt, { item: !0, xs: 12, sm: 6, md: 4, children: A.jsxs("div", { className: `${Ec.card_container} ${Ec.plans} ${d(h) ? Ec.selected_plan : ""}`, style: {
105362
+ return A.jsxs("div", { children: [A.jsx(iu, { visible: l }), A.jsxs(qt, { container: !0, spacing: 3, children: [s != null && s.plans ? Object.entries(s.plans).map(([h, g]) => A.jsx(qt, { size: { xs: 12, sm: 6, md: 4 }, children: A.jsxs("div", { className: `${Ec.card_container} ${Ec.plans} ${d(h) ? Ec.selected_plan : ""}`, style: {
105363
105363
  backgroundColor: d(h) ? "#E3F2FD" : "white",
105364
105364
  border: d(h) ? "2px solid #2196F3" : "1px solid #e0e0e0",
105365
105365
  borderRadius: "12px",
@@ -105393,14 +105393,13 @@ const Oft = () => {
105393
105393
  alignItems: "center",
105394
105394
  marginBottom: "4px",
105395
105395
  fontSize: "14px"
105396
- }, children: [A.jsx(Toe, { style: { color: "#4CAF50", fontSize: "16px" } }), y] }, x)), m.length > 3 && A.jsxs("div", { style: { color: "#999", fontSize: "12px", marginTop: "4px" }, children: ["+", m.length - 3, " more features"] })] })] }, v)) })] })] }) }, h)) : A.jsx(qt, { item: !0, xs: 12, children: A.jsx(np, { message: "No Plans Found" }) }), A.jsx(qt, { item: !0, xs: 12, style: { marginTop: "10px", marginBottom: "10px" }, children: A.jsx("div", { className: "flex-between-center", children: A.jsx("span", { className: Ec.card_subtitles, children: "Addons" }) }) }), (p = u == null ? void 0 : u.addOnProduct) != null && p.length ? A.jsx(qt, { container: !0, spacing: 2, sx: { pl: 3 }, children: u.addOnProduct.map((h) => A.jsx(qt, { item: !0, xs: 12, sm: 6, md: 4, lg: 3, children: A.jsx("div", { className: `${Ec.card_container} ${Ec.add_ons} ${u.add_on_id.includes(String(h.product_id)) ? Ec.selected_addon : ""}`, style: {
105396
+ }, children: [A.jsx(Toe, { style: { color: "#4CAF50", fontSize: "16px" } }), y] }, x)), m.length > 3 && A.jsxs("div", { style: { color: "#999", fontSize: "12px", marginTop: "4px" }, children: ["+", m.length - 3, " more features"] })] })] }, v)) })] })] }) }, h)) : A.jsx(qt, { size: { xs: 12 }, children: A.jsx(np, { message: "No Plans Found" }) }), A.jsx(qt, { size: { xs: 12 }, style: { marginTop: "10px", marginBottom: "10px" }, children: A.jsx("div", { className: "flex-between-center", children: A.jsx("span", { className: Ec.card_subtitles, children: "Addons" }) }) }), A.jsx(qt, { size: { xs: 12 }, children: (p = u == null ? void 0 : u.addOnProduct) != null && p.length ? A.jsx(qt, { container: !0, spacing: 2, children: u.addOnProduct.map((h) => A.jsx(qt, { size: { xs: 12, sm: 6, md: 4, lg: 3 }, children: A.jsx("div", { className: `${Ec.card_container} ${Ec.add_ons} ${u.add_on_id.includes(String(h.product_id)) ? Ec.selected_addon : ""}`, style: {
105397
105397
  backgroundColor: u.add_on_id.includes(String(h.product_id)) ? "#E8F5E8" : "white",
105398
105398
  border: u.add_on_id.includes(String(h.product_id)) ? "2px solid #4CAF50" : "1px solid #e0e0e0",
105399
105399
  borderRadius: "12px",
105400
105400
  width: "100%",
105401
105401
  // full width inside grid column
105402
- maxWidth: "260px",
105403
- // optional fixed width
105402
+ // maxWidth: "260px", // optional fixed width
105404
105403
  height: "100%",
105405
105404
  display: "flex",
105406
105405
  flexDirection: "column",
@@ -105411,7 +105410,7 @@ const Oft = () => {
105411
105410
  fontSize: "15px",
105412
105411
  fontWeight: 600,
105413
105412
  lineHeight: 1.4
105414
- }, children: h.product_name })] }) }) }, h.product_id)) }) : A.jsx(qt, { item: !0, xs: 12, children: A.jsx(np, { message: "No Add Ons Found" }) }), A.jsxs(Qh, { open: t, onClose: () => r(!1), maxWidth: "xs", fullWidth: !0, children: [A.jsx($m, { sx: { fontWeight: 600, textAlign: "center", color: "#1976D2" }, children: "Contact Your SPOC" }), A.jsx(eg, { children: A.jsx("div", { style: { textAlign: "center", fontSize: "15px", padding: "10px 0" }, children: "To upgrade your plan, please contact your SPOC." }) }), A.jsx(zm, { sx: { justifyContent: "center" }, children: A.jsx(Lo, { variant: "contained", color: "primary", onClick: () => r(!1), children: "Close" }) })] }), A.jsx(qt, { item: !0, xs: 12, children: A.jsx("div", { className: "flex-end-center", children: A.jsx(Wi, { label: "Upgrade", onClick: () => r(!0), disabled: c }) }) })] })] });
105413
+ }, children: h.product_name })] }) }) }, h.product_id)) }) : A.jsx(np, { message: "No Add Ons Found" }) }), A.jsxs(Qh, { open: t, onClose: () => r(!1), maxWidth: "xs", fullWidth: !0, children: [A.jsx($m, { sx: { fontWeight: 600, textAlign: "center", color: "#1976D2" }, children: "Contact Your SPOC" }), A.jsx(eg, { children: A.jsx("div", { style: { textAlign: "center", fontSize: "15px", padding: "10px 0" }, children: "To upgrade your plan, please contact your SPOC." }) }), A.jsx(zm, { sx: { justifyContent: "center" }, children: A.jsx(Lo, { variant: "contained", color: "primary", onClick: () => r(!1), children: "Close" }) })] }), A.jsx(qt, { size: { xs: 12 }, children: A.jsx("div", { className: "flex-end-center", children: A.jsx(Wi, { label: "Upgrade", onClick: () => r(!0), disabled: c }) }) })] })] });
105415
105414
  }, eut = "_card_container_vce56_1", tut = "_card_titles_vce56_13", nut = "_card_subtitles_vce56_18", rut = "_card_subtotal_vce56_23", iut = "_card_headers_vce56_40", out = "_card_content_vce56_48", ef = {
105416
105415
  card_container: eut,
105417
105416
  card_titles: tut,
@@ -105471,9 +105470,9 @@ const Oft = () => {
105471
105470
  }, t, i);
105472
105471
  }, null);
105473
105472
  };
105474
- return A.jsxs("div", { children: [A.jsx(iu, { visible: l || d }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { item: !0, xs: 12, children: A.jsx("div", { className: "flex-end-center", children: A.jsx(Wi, { label: "Top Up Wallet", startIcon: A.jsx(mI, {}), onClick: () => {
105473
+ return A.jsxs("div", { children: [A.jsx(iu, { visible: l || d }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { size: { xs: 12 }, children: A.jsx("div", { className: "flex-end-center", children: A.jsx(Wi, { label: "Top Up Wallet", startIcon: A.jsx(mI, {}), onClick: () => {
105475
105474
  p();
105476
- } }) }) }), ar.validateDataType(s == null ? void 0 : s.header, gi.ARRAY) ? s == null ? void 0 : s.header.map((g) => A.jsx(qt, { item: !0, xs: 12, sm: 12, md: 4, lg: 4, children: A.jsxs("div", { className: ef.card_container, children: [A.jsx("div", { className: ef.card_headers, children: A.jsx("span", { className: ef.card_titles, style: { color: "#335AFF" }, children: g }) }), A.jsx(eo, { className: "mb-10" }), ar.validateDataType(s == null ? void 0 : s.resultRows, gi.ARRAY) ? s.resultRows.map((v, m, y) => A.jsxs(A.Fragment, { children: [A.jsx("div", { className: ef.card_content, children: ar.validateDataType(v == null ? void 0 : v[g], gi.ARRAY) ? v == null ? void 0 : v[g].map((x) => A.jsx(A.Fragment, { children: A.jsx("span", { className: `${g === "Plan" ? ef.card_titles : ""}`, children: g === "Price" ? `Rs ${x}` : x }) })) : A.jsx(A.Fragment, {}) }), m !== y.length - 1 ? A.jsx(eo, { className: "mb-10" }) : A.jsx(A.Fragment, {})] })) : A.jsx(A.Fragment, {})] }) })) : A.jsx(np, { message: "No Plans Found" }), ar.validateDataType(s == null ? void 0 : s.subtotal, gi.ARRAY) ? s.subtotal.map((g) => A.jsxs(qt, { item: !0, xs: 12, children: [A.jsxs("div", { className: `flex-between-center mb-10 ${g.name === "Total" ? ef.card_subtitles : ef.card_subtotal}`, children: [A.jsx("span", { children: g.name }), A.jsxs("span", { children: ["Rs ", g.amount] })] }), A.jsx(eo, {})] })) : A.jsx(A.Fragment, {}), A.jsx(qt, { item: !0, xs: 12, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Renew", variant: "outlined", disabled: u, onClick: h }), A.jsx(Wi, { label: "Modify Subscription", onClick: () => {
105475
+ } }) }) }), ar.validateDataType(s == null ? void 0 : s.header, gi.ARRAY) ? s == null ? void 0 : s.header.map((g) => A.jsx(qt, { size: { xs: 12, sm: 12, md: 4, lg: 4 }, children: A.jsxs("div", { className: ef.card_container, children: [A.jsx("div", { className: ef.card_headers, children: A.jsx("span", { className: ef.card_titles, style: { color: "#335AFF" }, children: g }) }), A.jsx(eo, { className: "mb-10" }), ar.validateDataType(s == null ? void 0 : s.resultRows, gi.ARRAY) ? s.resultRows.map((v, m, y) => A.jsxs(A.Fragment, { children: [A.jsx("div", { className: ef.card_content, children: ar.validateDataType(v == null ? void 0 : v[g], gi.ARRAY) ? v == null ? void 0 : v[g].map((x) => A.jsx(A.Fragment, { children: A.jsx("span", { className: `${g === "Plan" ? ef.card_titles : ""}`, children: g === "Price" ? `Rs ${x}` : x }) })) : A.jsx(A.Fragment, {}) }), m !== y.length - 1 ? A.jsx(eo, { className: "mb-10" }) : A.jsx(A.Fragment, {})] })) : A.jsx(A.Fragment, {})] }) })) : A.jsx(np, { message: "No Plans Found" }), ar.validateDataType(s == null ? void 0 : s.subtotal, gi.ARRAY) ? s.subtotal.map((g) => A.jsxs(qt, { size: { xs: 12 }, children: [A.jsxs("div", { className: `flex-between-center mb-10 ${g.name === "Total" ? ef.card_subtitles : ef.card_subtotal}`, children: [A.jsx("span", { children: g.name }), A.jsxs("span", { children: ["Rs ", g.amount] })] }), A.jsx(eo, {})] })) : A.jsx(A.Fragment, {}), A.jsx(qt, { size: { xs: 12 }, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Renew", variant: "outlined", disabled: u, onClick: h }), A.jsx(Wi, { label: "Modify Subscription", onClick: () => {
105477
105476
  n(2);
105478
105477
  } })] }) })] }), o && A.jsx(oae, { open: o, setIsOpen: a })] });
105479
105478
  }, aut = "_card_container_1ts8v_1", sut = "_card_subtitles_1ts8v_18", lut = "_icons_background_1ts8v_23", Js = {
@@ -105572,14 +105571,14 @@ const AW = [
105572
105571
  cell: (y) => A.jsx("span", { className: `${Js.card_subtitles}`, style: { color: "#8B8684 " }, children: y })
105573
105572
  }
105574
105573
  ], [a]);
105575
- return A.jsxs("div", { children: [A.jsx(iu, { visible: s }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 4, children: A.jsxs("div", { className: `${Js.card_container}`, children: [A.jsx("div", { style: { margin: "auto" }, children: A.jsx("span", { style: { background: "#027A481A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(cut, { style: { color: "#027A48", fontSize: "2rem" } }) }) }), A.jsx("div", { style: { margin: "auto" }, children: A.jsx(Wi, { label: "Add Money", variant: "outlined", startIcon: A.jsx(mI, {}), onClick: () => {
105574
+ return A.jsxs("div", { children: [A.jsx(iu, { visible: s }), A.jsxs(qt, { container: !0, spacing: 2, children: [A.jsx(qt, { size: { xs: 6, sm: 6, lg: 4 }, children: A.jsxs("div", { className: `${Js.card_container}`, children: [A.jsx("div", { style: { margin: "auto" }, children: A.jsx("span", { style: { background: "#027A481A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(cut, { style: { color: "#027A48", fontSize: "2rem" } }) }) }), A.jsx("div", { style: { margin: "auto" }, children: A.jsx(Wi, { label: "Add Money", variant: "outlined", startIcon: A.jsx(mI, {}), onClick: () => {
105576
105575
  l();
105577
- } }) })] }) }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 4, children: A.jsx("div", { className: `${Js.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#0237671A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(FM, { style: { color: "#023767", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Wallet Balance" }), A.jsxs("span", { className: `${Js.card_subtitles}`, children: ["Rs ", (g = (h = a == null ? void 0 : a.overview) == null ? void 0 : h.balance) != null ? g : "--"] })] })] }) }) }), A.jsx(qt, { item: !0, xs: 6, sm: 6, lg: 4, children: A.jsxs("div", { className: `${Js.card_container}`, children: [A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#335AFF1A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(FM, { style: { color: "#335AFF", fontSize: "2rem" } }) }), A.jsx("span", { className: `${Js.card_subtitles}`, children: "Automatic Topup" })] }), A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Set Up", onClick: c }), A.jsx(ed, { title: "Whenever your balance goes below, top up your wallet automatically", children: A.jsx(aae, { className: "cursor-pointer" }) })] })] }) }), A.jsx(qt, { item: !0, xs: 12, sm: 12, lg: 12, children: A.jsxs("div", { className: `${Js.card_container} g-10`, children: [A.jsx("span", { className: `${Js.card_subtitles}`, children: "Transaction History" }), A.jsx(eo, {}), A.jsx("div", { style: { height: "340px", overflow: "scroll" }, children: A.jsx(Pie, {
105576
+ } }) })] }) }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 4 }, children: A.jsx("div", { className: `${Js.card_container}`, children: A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#0237671A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(FM, { style: { color: "#023767", fontSize: "2rem" } }) }), A.jsxs("div", { className: "flex-start-column g-10", children: [A.jsx("span", { children: "Wallet Balance" }), A.jsxs("span", { className: `${Js.card_subtitles}`, children: ["Rs ", (g = (h = a == null ? void 0 : a.overview) == null ? void 0 : h.balance) != null ? g : "--"] })] })] }) }) }), A.jsx(qt, { size: { xs: 6, sm: 6, lg: 4 }, children: A.jsxs("div", { className: `${Js.card_container}`, children: [A.jsxs("div", { className: "flex-between-center g-20", style: { margin: "auto" }, children: [A.jsx("span", { style: { background: "#335AFF1A", margin: "inherit" }, className: Js.icons_background, children: A.jsx(FM, { style: { color: "#335AFF", fontSize: "2rem" } }) }), A.jsx("span", { className: `${Js.card_subtitles}`, children: "Automatic Topup" })] }), A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Set Up", onClick: c }), A.jsx(ed, { title: "Whenever your balance goes below, top up your wallet automatically", children: A.jsx(aae, { className: "cursor-pointer" }) })] })] }) }), A.jsx(qt, { size: { xs: 12, sm: 12, lg: 12 }, children: A.jsxs("div", { className: `${Js.card_container} g-10`, children: [A.jsx("span", { className: `${Js.card_subtitles}`, children: "Transaction History" }), A.jsx(eo, {}), A.jsx("div", { style: { height: "340px", overflow: "scroll" }, children: A.jsx(Pie, {
105578
105577
  data: ar.validateDataType((v = a == null ? void 0 : a.transactionHistoryList) == null ? void 0 : v.result, gi.ARRAY) ? (m = a == null ? void 0 : a.transactionHistoryList) == null ? void 0 : m.result : [],
105579
105578
  /**@ts-ignore */
105580
105579
  columns: p,
105581
105580
  wrapByTooltipDefault: !0
105582
- }) })] }) })] }), e && A.jsx(oae, { open: e, setIsOpen: n }), t && A.jsx(h9, { title: "Topup Setup", open: t, size: "xs", onModalclose: u, children: A.jsxs(qt, { container: !0, spacing: 2, sx: { marginTop: "-10px" }, children: [[
105581
+ }) })] }) })] }), e && A.jsx(oae, { open: e, setIsOpen: n }), t && A.jsx(h9, { title: "Topup Setup", open: t, size: "xs", onModalclose: u, children: A.jsxs(qt, { container: !0, spacing: 2, sx: { marginTop: "10px" }, children: [[
105583
105582
  {
105584
105583
  name: "min_amount",
105585
105584
  label: "Min Amount"
@@ -105590,11 +105589,11 @@ const AW = [
105590
105589
  }
105591
105590
  ].map((y) => {
105592
105591
  var x;
105593
- return A.jsx(qt, { item: !0, xs: 12, children: A.jsx(Lc, { label: y.label, name: y.name, className: "w-100", value: (x = i == null ? void 0 : i[y.name]) != null ? x : "", onChange: (w) => {
105592
+ return A.jsx(qt, { size: { xs: 12 }, children: A.jsx(Lc, { label: y.label, name: y.name, className: "w-100", value: (x = i == null ? void 0 : i[y.name]) != null ? x : "", onChange: (w) => {
105594
105593
  const { name: S, value: C } = w.target;
105595
105594
  (C === "" || /^[0-9\b]+$/.test(C)) && d(S, C);
105596
105595
  } }) });
105597
- }), A.jsx(qt, { item: !0, xs: 12, children: A.jsx(Fie, {
105596
+ }), A.jsx(qt, { size: { xs: 12 }, children: A.jsx(Fie, {
105598
105597
  options: AW,
105599
105598
  value: AW.filter((y) => y.value === (i == null ? void 0 : i.transaction_type)),
105600
105599
  label: "Transaction Type",
@@ -105602,7 +105601,7 @@ const AW = [
105602
105601
  onChange: (y) => {
105603
105602
  d("transaction_type", y == null ? void 0 : y.value);
105604
105603
  }
105605
- }) }), A.jsx(qt, { item: !0, xs: 12, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Cancel", variant: "outlined", onClick: u }), A.jsx(Wi, { label: "Submit" })] }) })] }) })] });
105604
+ }) }), A.jsx(qt, { size: { xs: 12 }, children: A.jsxs("div", { className: "flex-end-center g-10", children: [A.jsx(Wi, { label: "Cancel", variant: "outlined", onClick: u }), A.jsx(Wi, { label: "Submit" })] }) })] }) })] });
105606
105605
  }, kft = () => {
105607
105606
  const { session: { user: e } } = qc(), [n, t] = dt([]), [r, i] = dt(null), o = (e == null ? void 0 : e.org_id) || null, { data: a, isFetching: s } = ba(
105608
105607
  ZM,
@@ -107543,7 +107542,7 @@ const rH = "https://servicedesk.zimyo.work/api/", Dft = () => {
107543
107542
  id: "product_module",
107544
107543
  accessorKey: "org_details",
107545
107544
  isVisible: !0,
107546
- header: "Module",
107545
+ header: "Product",
107547
107546
  cell: (s) => {
107548
107547
  var u;
107549
107548
  const l = (u = s == null ? void 0 : s.row) == null ? void 0 : u.original, c = l == null ? void 0 : l.org_details;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@zimyo/manage",
3
3
  "private": false,
4
- "version": "0.2.26",
4
+ "version": "0.2.28",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"