@zeniai/web-components 3.16.31 → 3.16.32

package/dist/InsightsCardStack-CPmZ9Zr6.js

@@ -0,0 +1,305 @@
+import { j as r } from "./vendor-.pnpm-DxbX2tX4.js";
+import * as t from "react";
+import k, { useEffect as b } from "react";
+import { et as S, a as v, eu as T, S as o, G as B, dN as W, e_ as A, eU as R, P as O, e$ as Z, j as u, ey as N, es as U } from "./index-Cynhe4j_.js";
+import { S as Y } from "./SummaryCard-ChBY9-wb.js";
+import i from "@emotion/styled";
+import { Event as z } from "@zeniai/client-analytics";
+import { N as L } from "./NavigationArrow-Ci8e8S3O.js";
+import { N as X } from "./NavigationDots-CT4KVH38.js";
+import { S as F, a as G } from "./arrow-south-east-round-PEovUgvH.js";
+const q = (e) => /* @__PURE__ */ t.createElement("svg", { width: 128, height: 128, viewBox: "0 0 128 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M107.29 63.9999C107.29 87.908 87.9081 107.289 64 107.289C40.0919 107.289 20.7106 87.908 20.7106 63.9999C20.7106 40.0918 40.0919 20.7104 64 20.7104C87.9081 20.7104 107.29 40.0918 107.29 63.9999Z", fill: "#97C3B9", fillOpacity: 0.2, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { opacity: 0.6, cx: 64, cy: 64, r: 53.3947, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { opacity: 0.32, cx: 64, cy: 64, r: 63.5, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M71.0119 75.4254C71.0119 69.9672 78.1812 68.581 78.2028 60.3288C78.2245 52.0765 72.2681 47.8312 65.5104 47.8096C58.7526 47.8096 52.7962 52.0548 52.7746 60.2854C52.7529 68.5161 59.9222 69.9239 59.9222 75.3821C59.9222 80.8403 59.9222 79.6924 59.9222 80.5154C59.9222 82.1182 59.7273 83.3961 62.1748 83.6994C62.1748 85.3455 63.6477 86.6667 65.4671 86.6667C67.2865 86.6667 68.7593 85.3455 68.7593 83.6994C71.0552 83.3528 71.0552 82.2049 71.0335 80.7104C71.0119 80.7537 71.0119 75.5771 71.0119 75.4254Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M66.3335 75.5985C65.5321 66.7397 65.0989 60.935 66.3768 59.5921C67.2215 58.7041 68.651 58.7257 69.5174 59.5921C70.3838 60.4585 70.3838 61.8663 69.5174 62.7327C68.651 63.5991 65.9219 63.7724 65.9219 63.7724H62.7163C62.7163 63.7724 59.9872 63.5774 59.1209 62.7111C58.2545 61.8447 58.2545 60.4368 59.1209 59.5704C59.9872 58.7041 61.3951 58.7041 62.2615 59.5704C63.5611 60.9133 63.1062 66.7181 62.2615 75.5768", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M64.2974 82.8112C58.1895 82.8112 58.7526 81.4683 58.7526 79.4756C58.7526 78.6526 58.7526 79.8005 58.7526 74.3423C58.7526 68.8841 51.605 67.4763 51.605 59.2456C51.6266 51.015 57.5613 46.7698 64.3408 46.7698C71.0985 46.7698 77.0549 51.0367 77.0332 59.289C77.0116 67.5196 69.8639 68.9058 69.8423 74.3856C69.8206 79.8655 69.8423 78.6959 69.8423 79.5189C69.8423 81.49 70.4054 82.8112 64.2974 82.8112Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M69.864 79.6491C68.781 80.2772 67.0915 80.5371 64.3191 80.5371C61.5467 80.5371 59.8573 80.2772 58.7743 79.6274", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M69.864 74.7756C68.781 75.4038 67.0915 75.6637 64.3191 75.6637C61.5467 75.6637 59.8573 75.4038 58.7743 74.7756", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M58.7527 77.2014C59.8357 77.8295 61.5251 78.0895 64.2975 78.0895C67.0699 78.0895 68.7594 77.8295 69.8424 77.2014", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M67.5897 82.6597C67.5897 84.3058 66.1169 85.627 64.2975 85.627C62.4781 85.627 61.0052 84.2841 61.0052 82.6597", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M47.7712 64.8338L50.5003 63.7725", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M46.6666 59.3105L49.6123 59.2239", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M47.2731 53.7659L50.1105 54.5023", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M49.569 48.6326L51.9948 50.2787", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M53.5327 44.5823L55.2438 46.9865", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M58.601 42.1562L59.4457 44.9503", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M64.1025 41.3333L64.1242 44.2573", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M69.604 42.0264L68.8459 44.8638", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M74.7373 44.3223L73.0912 46.7698", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M78.8093 48.2427L76.4268 49.9538", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M81.2569 53.3325L78.4412 54.1339", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M81.9933 58.8342H79.0476", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M81.0403 64.4006L78.2896 63.4043", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M64.2974 82.8112C58.1895 82.8112 58.7526 81.4683 58.7526 79.4756C58.7526 78.6526 58.7526 79.8005 58.7526 74.3423C58.7526 68.8841 51.605 67.4763 51.605 59.2456C51.6266 51.015 57.5613 46.7698 64.3408 46.7698C71.0985 46.7698 77.0549 51.0367 77.0332 59.289C77.0116 67.5196 69.8639 68.9058 69.8423 74.3856C69.8206 79.8655 69.8423 78.6959 69.8423 79.5189C69.8423 81.49 70.4054 82.8112 64.2974 82.8112Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("circle", { cx: 16, cy: 17.6841, r: 8.76316, fill: "#97C3B9", fillOpacity: 0.2, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M15.4385 14.1474H17.0105C17.6605 14.1474 18.1894 14.6764 18.1894 15.3264C18.1894 15.5433 18.3655 15.7194 18.5824 15.7194C18.7993 15.7194 18.9754 15.5433 18.9754 15.3264C18.9754 14.2429 18.0939 13.3615 17.0105 13.3615H16.6175V12.1825C16.6175 11.9656 16.4414 11.7896 16.2245 11.7896C16.0076 11.7896 15.8315 11.9656 15.8315 12.1825V13.3615H15.4385C14.3551 13.3615 13.4736 14.2429 13.4736 15.3264V16.1124C13.4736 17.1958 14.3551 18.0773 15.4385 18.0773H17.0105C17.6605 18.0773 18.1894 18.6062 18.1894 19.2562V20.0422C18.1894 20.6922 17.6605 21.2211 17.0105 21.2211H16.6175V18.8632C16.6175 18.6463 16.4414 18.4703 16.2245 18.4703C16.0076 18.4703 15.8315 18.6463 15.8315 18.8632V21.2211H15.4385C14.7886 21.2211 14.2596 20.6922 14.2596 20.0422C14.2596 19.8253 14.0835 19.6492 13.8666 19.6492C13.6497 19.6492 13.4736 19.8253 13.4736 20.0422C13.4736 21.1256 14.3551 22.0071 15.4385 22.0071H15.8315V23.186C15.8315 23.403 16.0076 23.579 16.2245 23.579C16.4414 23.579 16.6175 23.403 16.6175 23.186V22.0071H17.0105C18.0939 22.0071 18.9754 21.1256 18.9754 20.0422V19.2562C18.9754 18.1728 18.0939 17.2913 17.0105 17.2913H16.6175V14.9334C16.6175 14.7165 16.4414 14.5404 16.2245 14.5404C16.0076 14.5404 15.8315 14.7165 15.8315 14.9334V17.2913H15.4385C14.7886 17.2913 14.2596 16.7624 14.2596 16.1124V15.3264C14.2596 14.6764 14.7886 14.1474 15.4385 14.1474Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { cx: 113.263, cy: 25.2632, r: 8.76316, fill: "#97C3B9", fillOpacity: 0.2, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M113.388 25.3887C113.467 25.3096 113.574 25.2653 113.686 25.2653H114.95C115.061 25.2653 115.169 25.3096 115.248 25.3887C115.327 25.4677 115.371 25.5748 115.371 25.6865C115.371 25.7982 115.327 25.9054 115.248 25.9843C115.169 26.0633 115.061 26.1077 114.95 26.1077H113.686C113.574 26.1077 113.467 26.0633 113.388 25.9843C113.309 25.9054 113.265 25.7982 113.265 25.6865C113.265 25.5748 113.309 25.4677 113.388 25.3887Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M112.843 28.6352H116.213V28.631C116.325 28.631 116.432 28.6754 116.511 28.7544C116.59 28.8334 116.635 28.9406 116.635 29.0522C116.635 29.1639 116.59 29.2711 116.511 29.3501C116.432 29.4291 116.325 29.4735 116.213 29.4735H110.316C110.204 29.4735 110.097 29.4291 110.018 29.3501C109.939 29.2711 109.895 29.1639 109.895 29.0522C109.895 28.9406 109.939 28.8334 110.018 28.7544C110.097 28.6754 110.204 28.631 110.316 28.631H112.001V27.7885C111.993 27.2018 111.849 26.625 111.58 26.1035H110.737C110.626 26.1035 110.518 26.0592 110.439 25.9801C110.36 25.9011 110.316 25.794 110.316 25.6823C110.316 25.5706 110.36 25.4634 110.439 25.3845C110.518 25.3055 110.626 25.261 110.737 25.261H111.074L110.813 24.8693C110.49 24.3854 110.317 23.8168 110.316 23.2348V22.7378C110.316 22.0675 110.582 21.4246 111.056 20.9506C111.53 20.4766 112.173 20.2103 112.843 20.2103H113.686C114.356 20.2103 114.999 20.4766 115.473 20.9506C115.947 21.4246 116.213 22.0675 116.213 22.7378C116.213 22.8495 116.169 22.9566 116.09 23.0356C116.011 23.1146 115.904 23.159 115.792 23.159C115.68 23.159 115.573 23.1146 115.494 23.0356C115.415 22.9566 115.371 22.8495 115.371 22.7378C115.371 22.2909 115.193 21.8623 114.877 21.5464C114.561 21.2303 114.133 21.0528 113.686 21.0528H112.843C112.397 21.0528 111.968 21.2303 111.652 21.5464C111.336 21.8623 111.159 22.2909 111.159 22.7378V23.2348C111.163 23.643 111.286 24.0411 111.512 24.3806L112.064 25.2231C112.572 25.9839 112.843 26.878 112.843 27.7927V28.6352Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { cx: 108.263, cy: 104.263, r: 8.76316, fill: "#97C3B9", fillOpacity: 0.2, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M110.789 108.053C110.789 107.941 110.745 107.834 110.666 107.755C110.587 107.676 110.48 107.632 110.368 107.632H108.263C107.705 107.632 107.169 107.41 106.774 107.015C106.38 106.62 106.158 106.085 106.158 105.526V105.105H108.684C108.796 105.105 108.903 105.061 108.982 104.982C109.061 104.903 109.105 104.796 109.105 104.684C109.105 104.572 109.061 104.465 108.982 104.386C108.903 104.307 108.796 104.263 108.684 104.263H106.158V103.421H109.526C109.638 103.421 109.745 103.377 109.824 103.298C109.903 103.219 109.947 103.112 109.947 103C109.947 102.888 109.903 102.781 109.824 102.702C109.745 102.623 109.638 102.579 109.526 102.579H106.158V102.158C106.158 101.599 106.38 101.064 106.774 100.669C107.169 100.274 107.705 100.053 108.263 100.053H110.368C110.48 100.053 110.587 100.008 110.666 99.9292C110.745 99.8503 110.789 99.7432 110.789 99.6315C110.789 99.5198 110.745 99.4127 110.666 99.3338C110.587 99.2548 110.48 99.2104 110.368 99.2104H108.263C107.481 99.2104 106.732 99.521 106.179 100.074C105.626 100.626 105.316 101.376 105.316 102.158V102.579H104.474C104.362 102.579 104.255 102.623 104.176 102.702C104.097 102.781 104.053 102.888 104.053 103C104.053 103.112 104.097 103.219 104.176 103.298C104.255 103.377 104.362 103.421 104.474 103.421H105.316V104.263H103.632C103.52 104.263 103.413 104.307 103.334 104.386C103.255 104.465 103.21 104.572 103.21 104.684C103.21 104.796 103.255 104.903 103.334 104.982C103.413 105.061 103.52 105.105 103.632 105.105H105.316V105.526C105.316 106.308 105.626 107.058 106.179 107.61C106.732 108.163 107.481 108.474 108.263 108.474H110.368C110.48 108.474 110.587 108.429 110.666 108.35C110.745 108.271 110.789 108.164 110.789 108.053Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { cx: 12.6316, cy: 94.3159, r: 8.76316, fill: "#97C3B9", fillOpacity: 0.2, stroke: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M14.2506 95.8057C14.4476 95.8057 14.6068 95.9653 14.6068 96.162C14.6068 96.3586 14.4476 96.5182 14.2506 96.5182H13.5381C13.341 96.5182 13.1818 96.3586 13.1818 96.162C13.1818 95.9653 13.341 95.8057 13.5381 95.8057H14.2506Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M14.2506 94.3808C14.4476 94.3808 14.6068 94.5404 14.6068 94.737C14.6068 94.9337 14.4476 95.0933 14.2506 95.0933H12.8255V99.0121C12.8255 99.2088 12.6663 99.3684 12.4693 99.3684C12.2723 99.3684 12.113 99.2088 12.113 99.0121V96.5183H10.688C10.491 96.5183 10.3317 96.3587 10.3317 96.1621C10.3317 95.9654 10.491 95.8058 10.688 95.8058H12.113V95.0933H10.688C10.491 95.0933 10.3317 94.9337 10.3317 94.737C10.3317 94.5404 10.491 94.3808 10.688 94.3808H12.0286L9.33135 90.6717C9.21557 90.5124 9.25084 90.2898 9.41009 90.174C9.56933 90.0579 9.79235 90.0931 9.90742 90.2524L12.4693 93.775L15.0315 90.252C15.1466 90.0928 15.3696 90.0576 15.5288 90.1737C15.6884 90.2894 15.7234 90.5121 15.6076 90.6714L12.91 94.3808H14.2506Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { cx: 93.4736, cy: 7.57899, r: 1.68421, fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("circle", { cx: 38.7368, cy: 111.158, r: 1.68421, fill: "#97C3B9" })), J = i(T)`
+  justify-content: space-between;
+  height: auto;
+  width: 100%;
+`, K = i.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: ${o.sp3};
+`, Q = i(B)`
+  color: ${(e) => e.theme.colors.hero};
+  margin-top: ${o.sp3};
+`, P = i(B)`
+  color: ${(e) => e.theme.colors.champion};
+`, e1 = ({ card: e }) => /* @__PURE__ */ r.jsx(S, { dimension: e.dimension, style: { cursor: "default" }, children: /* @__PURE__ */ r.jsxs(J, { children: [
+  /* @__PURE__ */ r.jsx(K, { children: /* @__PURE__ */ r.jsx(P, { children: v.getLocalizedStrings().insightsCard.title }) }),
+  /* @__PURE__ */ r.jsx(q, {}),
+  /* @__PURE__ */ r.jsx(Q, { children: v.getLocalizedStrings().insightsCard.no_data.label })
+] }) }), t1 = i.div`
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+`, r1 = i(B)`
+  color: ${(e) => e.theme.colors.champion};
+  margin-bottom: ${o.sp5};
+`, s1 = i(R)`
+  color: ${(e) => e.theme.colors.hero};
+  margin: ${o.sp0} ${o.sp0} ${o.sp0} ${o.sp2};
+`, o1 = i(A)`
+  color: ${(e) => e.theme.colors.hero};
+  margin: ${o.sp0} ${o.sp0} ${o.sp0} ${o.sp2};
+`, i1 = i(O)`
+  color: ${(e) => e.theme.colors.hero};
+  margin-bottom: ${o.sp4};
+  margin-top: ${o.sp1};
+`, n1 = i.div`
+  border-top: 1px solid ${(e) => e.theme.colors.grey3};
+  height: ${o.sp9};
+  overflow: hidden;
+  width: 100%;
+  word-break: break-word;
+`, a1 = i(Z)`
+  color: ${(e) => e.theme.colors.hero};
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`, j = i.div`
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+`, c1 = i(F)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: inherit;
+`, l1 = i(G)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: inherit;
+`, C1 = i.div`
+  display: flex;
+  color: ${(e) => e.isRed ? e.theme.colors.important : e.theme.colors.success};
+`, h1 = (e, a) => a == "cost_of_sales" || a == "operating_expenses" ? e > 0 : e < 0, { dateFormat: d1, common: w, insightsCard: p1 } = v.getLocalizedStrings();
+function m1({
+  changePercent: e,
+  insightType: a
+}) {
+  const n = h1(e ?? 0, a);
+  return /* @__PURE__ */ r.jsx(C1, { isRed: n, children: (e ?? 0) < 0 ? /* @__PURE__ */ r.jsx(c1, {}) : /* @__PURE__ */ r.jsx(l1, {}) });
+}
+const g1 = ({ insight: e }) => /* @__PURE__ */ r.jsxs(t1, { children: [
+  /* @__PURE__ */ r.jsx(r1, { children: e?.title }),
+  e?.change.percent == null || e?.change.percent === 0 ? /* @__PURE__ */ r.jsx(j, { children: /* @__PURE__ */ r.jsx(o1, { children: "—" }) }) : /* @__PURE__ */ r.jsxs(j, { children: [
+    /* @__PURE__ */ r.jsx(
+      m1,
+      {
+        changePercent: e?.change.percent,
+        insightType: e.insightType
+      }
+    ),
+    /* @__PURE__ */ r.jsx(s1, { children: `${W("0,0", e?.change.percent)}${w.strings.percentage}` })
+  ] }),
+  /* @__PURE__ */ r.jsxs(i1, { children: [
+    p1.vs,
+    w.strings.space,
+    e?.change.since?.format(d1.visual.MMMDCommaYYYYformat)
+  ] }),
+  /* @__PURE__ */ r.jsx(n1, { children: /* @__PURE__ */ r.jsx(a1, { children: e?.summary }) })
+] }), u1 = i(S)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: ${(e) => e.dataArrLength > 1 ? "visible" : "hidden"};
+      }
+    }
+  }
+`, M = i.div`
+  display: flex;
+  flex-direction: column;
+`, k1 = i(T)`
+  flex-direction: row;
+  justify-content: space-between;
+`;
+function f1(e) {
+  switch (e) {
+    case "cost_of_sales":
+      return "Revenues";
+    case "cash_in_cash_out":
+      return "Cash In, Cash Out";
+    case "cash_position":
+      return "Cash Position";
+    case "operating_expenses":
+      return "Operating Expenses";
+    case "revenue":
+      return "Revenues";
+    default:
+      return "Insights";
+  }
+}
+const E1 = ({
+  card: e,
+  actions: a,
+  data: n,
+  activeCardIndex: c,
+  activeCardType: l,
+  analytics: f
+}) => {
+  const [g, d] = k.useState(0), [p, m] = k.useState(0), [C, E] = k.useState("left");
+  b(() => () => {
+    d(0), m(0);
+  }, []);
+  const H = (s, h) => {
+    s.stopPropagation(), E(h);
+    const V = h == "left" ? c + 1 : c - 1, _ = y(V);
+    x(_);
+  };
+  function x(s) {
+    const h = f1(
+      n?.[s].insightType
+    );
+    f?.trackInsightsNavigation(z.insights, h), a.onUpdateSelectedInsightIndex?.(s);
+  }
+  function I(s) {
+    d(s.targetTouches[0].clientX);
+  }
+  function D(s) {
+    m(s.targetTouches[0].clientX);
+  }
+  function y(s) {
+    return n != null ? s < 0 ? n.length + s : s % n.length : 0;
+  }
+  function $() {
+    g - p > 50 && p !== 0 ? (x(y(c + 1)), E("left"), d(0), m(0)) : g - p < -50 && p !== 0 && (x(y(c - 1)), E("right"), d(0), m(0));
+  }
+  return /* @__PURE__ */ r.jsx(
+    u1,
+    {
+      dimension: e.dimension,
+      dataArrLength: n?.length ?? 0,
+      onTouchStart: (s) => I(s),
+      onTouchMove: (s) => D(s),
+      onTouchEnd: () => $(),
+      onClick: () => a.onCardClick(c, l, "Insights"),
+      "data-testid": u(
+        "dashboard-insights-card",
+        l
+      ),
+      children: /* @__PURE__ */ r.jsxs(k1, { children: [
+        /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(
+          L,
+          {
+            "data-testid": u(
+              "dashboard-navigation-arrow-left",
+              e.cardType
+            ),
+            navType: "left",
+            handleClick: H
+          }
+        ) }),
+        /* @__PURE__ */ r.jsxs(
+          M,
+          {
+            style: {
+              height: "100%",
+              position: "relative",
+              alignItems: "center"
+            },
+            children: [
+              n?.map((s, h) => /* @__PURE__ */ r.jsx(
+                N,
+                {
+                  activeCardIndex: c,
+                  currentIndex: h,
+                  which: C,
+                  children: /* @__PURE__ */ r.jsx(g1, { insight: s })
+                },
+                h
+              )),
+              /* @__PURE__ */ r.jsx(
+                X,
+                {
+                  "data-testid": u(
+                    "dashboard-navigation-dots",
+                    e.cardType
+                  ),
+                  numberOfDots: n?.length ?? 0,
+                  activeIndex: c,
+                  style: {
+                    position: "absolute",
+                    bottom: 0
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(
+          L,
+          {
+            "data-testid": u(
+              "dashboard-navigation-arrow-right",
+              e.cardType
+            ),
+            navType: "right",
+            handleClick: H
+          }
+        ) })
+      ] })
+    }
+  );
+};
+function x1(e) {
+  switch (e) {
+    case "cost_of_sales":
+      return "revenue";
+    case "cash_in_cash_out":
+      return "cash_in_cash_out";
+    case "cash_position":
+      return "cash_position";
+    case "operating_expenses":
+      return "operating_expenses";
+    case "revenue":
+      return "revenue";
+    default:
+      return "insights_dashboard";
+  }
+}
+function y1({
+  card: e,
+  actions: a,
+  data: n,
+  analytics: c,
+  dndProps: l
+}) {
+  const f = n?.selectedInsightIndex ?? 0, g = n?.insights[f], d = x1(g?.insightType), p = n?.insights == null || n?.insights.length === 0;
+  function m() {
+    return /* @__PURE__ */ r.jsx(
+      U,
+      {
+        isDragging: l?.draggedCardType != null,
+        isDragOver: l?.dragOverCard === e.cardType,
+        draggable: !0,
+        onDragStart: (C) => l?.onDragStart(e.cardType, C),
+        onDragOver: (C) => l?.onDragOver(C, e.cardType),
+        onDragLeave: (C) => l?.onDragLeave(C),
+        onDrop: (C) => l?.onDrop(C, e.cardType),
+        dimension: e.dimension,
+        children: /* @__PURE__ */ r.jsx(Y, { card: e, actions: a, children: p ? /* @__PURE__ */ r.jsx(e1, { card: e }) : /* @__PURE__ */ r.jsx(
+          E1,
+          {
+            card: e,
+            actions: a,
+            data: n?.insights,
+            activeCardIndex: n?.selectedInsightIndex ?? 0,
+            activeCardType: d,
+            analytics: c
+          }
+        ) })
+      },
+      e.cardIndex
+    );
+  }
+  return /* @__PURE__ */ r.jsx("div", { children: m() });
+}
+const I1 = k.memo(y1);
+export {
+  I1 as MemoInsightsCardStack,
+  y1 as default
+};

package/dist/InsightsSection-CjXdHI6s.cjs

@@ -0,0 +1,27 @@
+"use strict";const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),c=require("react"),i=require("@emotion/styled"),t=require("./index-B5Auxr4x.cjs"),R=require("./NavigationDots-CjrSVikx.cjs"),d={imageHeight:new t.ResponsiveSized(t.sp[4],t.sp[10]),imageWidth:new t.ResponsiveSized(t.sp[4],t.sp[10]),imageMarginRight:new t.ResponsiveSized(t.sp[2],t.sp[3])},w={title:new t.ResponsiveSizedStyle("largeMedium","h6Medium")},f=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,v=i.div`
+  display: flex;
+  flex-direction: row;
+`,y=i.div`
+  margin-top: ${t.Space.sp1};
+  margin-right: ${e=>d.imageMarginRight.valuePx(e.windowSize)};
+  line-height: normal;
+`,E=i.img`
+  width: ${e=>d.imageWidth.valuePx(e.windowSize)};
+  height: ${e=>d.imageHeight.valuePx(e.windowSize)};
+`,I=i.div`
+  cursor: ${e=>e.showHand?"pointer":"default"};
+`,z=i(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,$=i(t.H6Regular)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${w.title.style(e.windowSize)}`};
+`,h=i(t.StandardRegular)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,g=i(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.hero};
+`;let a;function T({insights:e,summaryTextStyles:S}){const l=t.useWindowSizeContext(),[o,u]=c.useState(0),x=c.useRef(!0);c.useEffect(()=>(x.current&&e.length>1&&(a=setInterval(()=>{u(s=>(s+1)%e.length)},1e4)),x.current=!1,()=>{clearTimeout(a)}),[e.length]);const m=s=>{u(s%e.length),clearTimeout(a)},r=e[o],j=()=>{const{details:s}=r;return s.length===1?n.jsxRuntimeExports.jsx(h,{children:s[0]}):s.map(p=>n.jsxRuntimeExports.jsxs(h,{children:[n.jsxRuntimeExports.jsx(g,{children:"-"}),n.jsxRuntimeExports.jsx(g,{style:{paddingLeft:t.Space.sp1},children:p})]},p))};return e?.length>0&&e[0].summary?n.jsxRuntimeExports.jsxs(f,{children:[n.jsxRuntimeExports.jsxs(v,{children:[n.jsxRuntimeExports.jsx(y,{windowSize:l,children:n.jsxRuntimeExports.jsx(E,{src:r?.icon?.toString(),windowSize:l,alt:"",loading:"lazy"})}),n.jsxRuntimeExports.jsxs(I,{showHand:e.length>1,onClick:()=>m(o+1),"data-testid":t.generateDataTestId("insight-clicked",e[o].title),children:[n.jsxRuntimeExports.jsx(z,{children:r.title}),n.jsxRuntimeExports.jsx($,{windowSize:l,style:S,children:r.summary}),j()]})]}),n.jsxRuntimeExports.jsx(R.NavigationDots,{numberOfDots:e.length,activeIndex:o,style:{marginTop:t.Space.sp3},handleClick:m})]}):null}exports.InsightsSection=T;

package/dist/InsightsSection-mpQV3wZ8.js

@@ -0,0 +1,97 @@
+import { j as t } from "./vendor-.pnpm-DxbX2tX4.js";
+import { useState as j, useRef as v, useEffect as y } from "react";
+import n from "@emotion/styled";
+import { u as I, j as R, S as d, R as l, G as $, av as z, V as T, p as C, o as D, D as o } from "./index-Cynhe4j_.js";
+import { N as H } from "./NavigationDots-CT4KVH38.js";
+const m = {
+  imageHeight: new l(o[4], o[10]),
+  imageWidth: new l(o[4], o[10]),
+  imageMarginRight: new l(o[2], o[3])
+}, M = {
+  title: new z("largeMedium", "h6Medium")
+}, k = n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`, P = n.div`
+  display: flex;
+  flex-direction: row;
+`, W = n.div`
+  margin-top: ${d.sp1};
+  margin-right: ${(e) => m.imageMarginRight.valuePx(e.windowSize)};
+  line-height: normal;
+`, E = n.img`
+  width: ${(e) => m.imageWidth.valuePx(e.windowSize)};
+  height: ${(e) => m.imageHeight.valuePx(e.windowSize)};
+`, N = n.div`
+  cursor: ${(e) => e.showHand ? "pointer" : "default"};
+`, b = n($)`
+  color: ${(e) => e.theme.colors.hero};
+`, A = n(T)`
+  color: ${(e) => e.theme.colors.champion};
+  ${(e) => `${M.title.style(e.windowSize)}`};
+`, p = n(C)`
+  display: flex;
+  color: ${(e) => e.theme.colors.hero};
+`, f = n(D)`
+  color: ${(e) => e.theme.colors.hero};
+`;
+let c;
+function q({ insights: e, summaryTextStyles: S }) {
+  const a = I(), [r, h] = j(0), u = v(!0);
+  y(() => (u.current && e.length > 1 && (c = setInterval(() => {
+    h((i) => (i + 1) % e.length);
+  }, 1e4)), u.current = !1, () => {
+    clearTimeout(c);
+  }), [e.length]);
+  const g = (i) => {
+    h(i % e.length), clearTimeout(c);
+  }, s = e[r], w = () => {
+    const { details: i } = s;
+    return i.length === 1 ? /* @__PURE__ */ t.jsx(p, { children: i[0] }) : i.map((x) => /* @__PURE__ */ t.jsxs(p, { children: [
+      /* @__PURE__ */ t.jsx(f, { children: "-" }),
+      /* @__PURE__ */ t.jsx(f, { style: { paddingLeft: d.sp1 }, children: x })
+    ] }, x));
+  };
+  return e?.length > 0 && e[0].summary ? /* @__PURE__ */ t.jsxs(k, { children: [
+    /* @__PURE__ */ t.jsxs(P, { children: [
+      /* @__PURE__ */ t.jsx(W, { windowSize: a, children: /* @__PURE__ */ t.jsx(
+        E,
+        {
+          src: s?.icon?.toString(),
+          windowSize: a,
+          alt: "",
+          loading: "lazy"
+        }
+      ) }),
+      /* @__PURE__ */ t.jsxs(
+        N,
+        {
+          showHand: e.length > 1,
+          onClick: () => g(r + 1),
+          "data-testid": R(
+            "insight-clicked",
+            e[r].title
+          ),
+          children: [
+            /* @__PURE__ */ t.jsx(b, { children: s.title }),
+            /* @__PURE__ */ t.jsx(A, { windowSize: a, style: S, children: s.summary }),
+            w()
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      H,
+      {
+        numberOfDots: e.length,
+        activeIndex: r,
+        style: { marginTop: d.sp3 },
+        handleClick: g
+      }
+    )
+  ] }) : null;
+}
+export {
+  q as I
+};

package/dist/IntegrationsSettingsPage-CPSSCQzQ.js

@@ -0,0 +1,137 @@
+import { j as t, u as S } from "./vendor-.pnpm-DxbX2tX4.js";
+import n from "@emotion/styled";
+import { a as d, S as o, b2 as y, P as C, u as w, aE as R, R as a, E as b, p as j, D as i } from "./index-Cynhe4j_.js";
+import { H as v } from "./HelpButton-JzcF30dH.js";
+import { Q as $ } from "./QBOSetupSection-BMRMT06i.js";
+import { css as I, keyframes as k } from "@emotion/react";
+const {
+  common: { texts: E }
+} = d.getLocalizedStrings();
+function B(e) {
+  return /* @__PURE__ */ t.jsxs(
+    O,
+    {
+      isEnabled: e.isEnabled,
+      onClick: e.onClick,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          P,
+          {
+            spinRefreshIcon: e.spinRefreshIcon,
+            children: /* @__PURE__ */ t.jsx(Q, {})
+          }
+        ),
+        /* @__PURE__ */ t.jsx(z, { children: E.refresh })
+      ]
+    }
+  );
+}
+const O = n.div`
+  position: relative;
+  display: flex;
+  width: fit-content;
+  height: ${o.sp4};
+  background: transparent;
+  cursor: ${(e) => e.isEnabled ? "pointer" : "default"};
+  color: ${(e) => e.isEnabled ? e.theme.colors.hero : e.theme.colors.grey2};
+  &:hover {
+    color: ${(e) => e.isEnabled ? e.theme.colors.primary : void 0};
+  }
+`, z = n(C)`
+  margin-left: ${o.sp2};
+  display: flex;
+  align-items: center;
+`, P = n.div`
+  animation: ${(e) => e.spinRefreshIcon ?? !1 ? I`
+          ${L} 3s
+        ` : "none"};
+`, Q = n(y)`
+  height: ${o.sp4};
+  width: ${o.sp4};
+`, L = k`
+  0% {
+    rotate: 0
+  }
+  100% {
+    rotate: 720deg;
+  }
+`, W = {
+  sectionRowGap: new a(i[5], i[9], i[9]),
+  iconWidthHeight: new a(20, i[4]),
+  subtitleSectionWidth: new a(343, 580, 1200)
+}, J = ({
+  isAdmin: e,
+  integrationsView: h,
+  meetingUrl: m,
+  ...f
+}) => {
+  const s = w(), { onClickMenuIcon: g, onRefreshClick: p } = f, u = S(), { companyView: x, externalConnections: r, integrations: c } = h, l = d.getLocalizedStrings().common.settings;
+  return /* @__PURE__ */ t.jsxs(H, { children: [
+    /* @__PURE__ */ t.jsx(
+      R,
+      {
+        source: "IntegrationsSettingsPage",
+        title: l.title.integrations,
+        backgroundColor: u.colors.grey4,
+        showBackButton: !1,
+        showMenuIcon: s === "medium-compact" || s === "small",
+        rightSideComponent: /* @__PURE__ */ t.jsx(
+          B,
+          {
+            isEnabled: c.refreshQBO.fetchState !== "In-Progress",
+            onClick: () => p(),
+            spinRefreshIcon: c.refreshQBO.fetchState === "In-Progress"
+          }
+        ),
+        onClickMenuIcon: g
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(N, { windowSize: s, children: [
+      /* @__PURE__ */ t.jsx(T, { windowSize: s, children: /* @__PURE__ */ t.jsx(V, { windowSize: s, children: l.infoText.integrations }) }),
+      /* @__PURE__ */ t.jsx(
+        $,
+        {
+          isAdmin: e,
+          isValid: r?.accounting[0]?.isValid ?? !1,
+          hasError: !1,
+          companyName: x?.companyInfo.companyLegalName,
+          saveConnectionState: r?.saveConnectionState,
+          isQBOPopupOpen: !1,
+          handleOnConnectClick: () => null,
+          updateQBOPopupState: () => null
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(v, { meetingUrl: m, isFooterRendered: !1 })
+  ] });
+}, H = n.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${o.sp3};
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, N = n.div`
+  width: 100%;
+  margin: auto;
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`, T = n(b)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${(e) => W.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${o.sp5};
+`, V = n(j)`
+  display: flex;
+  align-items: center;
+
+  color: ${(e) => e.theme.colors.hero};
+`;
+export {
+  J as default
+};

package/dist/IntegrationsSettingsPage-Dwbt5G4p.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-B6vI-hvj.cjs"),s=require("@emotion/styled"),t=require("./index-B5Auxr4x.cjs"),g=require("./HelpButton-x7OfN6Fy.cjs"),f=require("./QBOSetupSection-J7WXeMLF.cjs"),a=require("@emotion/react"),{common:{texts:S}}=t.appLocale.getLocalizedStrings();function R(e){return n.jsxRuntimeExports.jsxs(j,{isEnabled:e.isEnabled,onClick:e.onClick,children:[n.jsxRuntimeExports.jsx(C,{spinRefreshIcon:e.spinRefreshIcon,children:n.jsxRuntimeExports.jsx(E,{})}),n.jsxRuntimeExports.jsx(y,{children:S.refresh})]})}const j=s.div`
+  position: relative;
+  display: flex;
+  width: fit-content;
+  height: ${t.Space.sp4};
+  background: transparent;
+  cursor: ${e=>e.isEnabled?"pointer":"default"};
+  color: ${e=>e.isEnabled?e.theme.colors.hero:e.theme.colors.grey2};
+  &:hover {
+    color: ${e=>e.isEnabled?e.theme.colors.primary:void 0};
+  }
+`,y=s(t.SmallRegularSp)`
+  margin-left: ${t.Space.sp2};
+  display: flex;
+  align-items: center;
+`,C=s.div`
+  animation: ${e=>e.spinRefreshIcon??!1?a.css`
+          ${v} 3s
+        `:"none"};
+`,E=s(t.SvgRefresh)`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+`,v=a.keyframes`
+  0% {
+    rotate: 0
+  }
+  100% {
+    rotate: 720deg;
+  }
+`,w={sectionRowGap:new t.ResponsiveSized(t.sp[5],t.sp[9],t.sp[9]),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4]),subtitleSectionWidth:new t.ResponsiveSized(343,580,1200)},b=({isAdmin:e,integrationsView:l,meetingUrl:d,...p})=>{const o=t.useWindowSizeContext(),{onClickMenuIcon:u,onRefreshClick:h}=p,x=n.useTheme(),{companyView:m,externalConnections:i,integrations:r}=l,c=t.appLocale.getLocalizedStrings().common.settings;return n.jsxRuntimeExports.jsxs($,{children:[n.jsxRuntimeExports.jsx(t.NavBar,{source:"IntegrationsSettingsPage",title:c.title.integrations,backgroundColor:x.colors.grey4,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",rightSideComponent:n.jsxRuntimeExports.jsx(R,{isEnabled:r.refreshQBO.fetchState!=="In-Progress",onClick:()=>h(),spinRefreshIcon:r.refreshQBO.fetchState==="In-Progress"}),onClickMenuIcon:u}),n.jsxRuntimeExports.jsxs(I,{windowSize:o,children:[n.jsxRuntimeExports.jsx(B,{windowSize:o,children:n.jsxRuntimeExports.jsx(k,{windowSize:o,children:c.infoText.integrations})}),n.jsxRuntimeExports.jsx(f.QBOSetupSection,{isAdmin:e,isValid:i?.accounting[0]?.isValid??!1,hasError:!1,companyName:m?.companyInfo.companyLegalName,saveConnectionState:i?.saveConnectionState,isQBOPopupOpen:!1,handleOnConnectClick:()=>null,updateQBOPopupState:()=>null})]}),n.jsxRuntimeExports.jsx(g.HelpButton,{meetingUrl:d,isFooterRendered:!1})]})},$=s.div`
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  row-gap: ${t.Space.sp3};
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,I=s.div`
+  width: 100%;
+  margin: auto;
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,B=s(t.ExtraSmallRegular)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>w.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp5};
+`,k=s(t.StandardRegular)`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.hero};
+`;exports.default=b;