@zeniai/web-components 3.16.62 → 3.16.64

package/dist/InformationCardStack-g_IVXhJq.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-CT-Z_-kn.cjs"),C=require("react"),w=require("@zeniai/client-analytics"),i=require("./index-BmvWQcNz.cjs"),D=require("./SummaryCard-CnZqlnrW.cjs"),c=require("@emotion/styled"),x=require("./NavigationArrow-AqEJ8HtT.cjs"),S=require("./NavigationDots-zgogUpS5.cjs");function I(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const t=I(C),T=c.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`,R=c(i.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`,A=c(i.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,E=c.div`
+  margin-bottom: ${i.Space.sp3};
+`;function H({informationCardContent:e}){const{title:l,summary:o,Icon:a}=e;return r.jsxRuntimeExports.jsxs(T,{children:[r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(R,{children:l})}),r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(a,{height:90,width:90})}),r.jsxRuntimeExports.jsx(E,{children:r.jsxRuntimeExports.jsx(A,{children:o})})]})}const Z=c(i.Card)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`,b=c(i.CardContentBox)`
+  flex-direction: row;
+  justify-content: space-between;
+`,g=c.div`
+  display: flex;
+  flex-direction: column;
+`;function V({card:e,data:l,handleCardNavigation:o,activeCardIndex:a}){const[h,m]=C.useState(0),[s,k]=C.useState(0),[v,p]=C.useState("left"),M=(n,d)=>{n.stopPropagation(),p(d);const L=d=="left"?a+1:a-1;o(u(L),d)};function B(n){m(n.targetTouches[0].clientX)}function W(n){k(n.targetTouches[0].clientX)}function u(n){return n<0?l.length+n:n%l.length}function y(){h-s>50&&s!==0?(o(u(a+1),"left"),p("left"),m(0),k(0)):h-s<-50&&s!==0&&(o(u(a-1),"right"),p("right"),m(0),k(0))}return r.jsxRuntimeExports.jsx(Z,{style:{cursor:"default"},dimension:e.dimension,onTouchStart:n=>B(n),onTouchMove:n=>W(n),onTouchEnd:()=>y(),"data-testid":i.generateDataTestId("dashboard",e.cardType),children:r.jsxRuntimeExports.jsxs(b,{children:[r.jsxRuntimeExports.jsx(g,{children:r.jsxRuntimeExports.jsx(x.NavigationArrow,{navType:"left",handleClick:M,"data-testid":i.generateDataTestId("dashboard-navigation-arrow-left",e.cardType)})}),r.jsxRuntimeExports.jsxs(g,{style:{height:"100%",position:"relative",alignItems:"center"},children:[l.map((n,d)=>r.jsxRuntimeExports.jsx(i.CardContentAnimatedWrapper,{activeCardIndex:a,currentIndex:d,which:v,children:r.jsxRuntimeExports.jsx(H,{informationCardContent:n})},d)),r.jsxRuntimeExports.jsx(S.NavigationDots,{numberOfDots:l.length,activeIndex:a,style:{position:"absolute",bottom:0,cursor:"default"}})]}),r.jsxRuntimeExports.jsx(g,{children:r.jsxRuntimeExports.jsx(x.NavigationArrow,{navType:"right",handleClick:M,"data-testid":i.generateDataTestId("dashboard-navigation-arrow-right",e.cardType)})})]})})}const _=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M47.8333 69.0834C59.8661 69.0834 69.6207 59.3288 69.6207 47.296C69.6207 35.2632 59.8661 25.5087 47.8333 25.5087C35.8005 25.5087 26.046 35.2632 26.046 47.296C26.046 59.3288 35.8005 69.0834 47.8333 69.0834Z",fill:"#97C3B9"}),t.createElement("path",{d:"M45 66.7874C57.0328 66.7874 66.7874 57.0328 66.7874 45C66.7874 32.9672 57.0328 23.2126 45 23.2126C32.9672 23.2126 23.2126 32.9672 23.2126 45C23.2126 57.0328 32.9672 66.7874 45 66.7874Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 66.7874V80.7586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 9.24146V23.2127",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M23.2127 45H9.24139",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M80.7586 45H66.7874",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M29.6121 60.3879L21.2586 68.7414",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M68.7414 21.2587L60.3879 29.6121",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M29.6121 29.6121L21.2586 21.2587",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M68.7414 68.7415L60.2414 60.2415",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 9.24138C46.8615 9.24138 48.3706 7.73227 48.3706 5.87069C48.3706 4.00911 46.8615 2.5 45 2.5C43.1384 2.5 41.6293 4.00911 41.6293 5.87069C41.6293 7.73227 43.1384 9.24138 45 9.24138Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M45 87.4999C46.8615 87.4999 48.3706 85.9908 48.3706 84.1292C48.3706 82.2677 46.8615 80.7585 45 80.7585C43.1384 80.7585 41.6293 82.2677 41.6293 84.1292C41.6293 85.9908 43.1384 87.4999 45 87.4999Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M84.1293 48.3706C85.9909 48.3706 87.5 46.8615 87.5 45C87.5 43.1384 85.9909 41.6293 84.1293 41.6293C82.2677 41.6293 80.7586 43.1384 80.7586 45C80.7586 46.8615 82.2677 48.3706 84.1293 48.3706Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M5.87069 48.3706C7.73227 48.3706 9.24138 46.8615 9.24138 45C9.24138 43.1384 7.73227 41.6293 5.87069 41.6293C4.00911 41.6293 2.5 43.1384 2.5 45C2.5 46.8615 4.00911 48.3706 5.87069 48.3706Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M70.9885 22.1868C72.7422 22.1868 74.1638 20.7651 74.1638 19.0115C74.1638 17.2578 72.7422 15.8362 70.9885 15.8362C69.2349 15.8362 67.8132 17.2578 67.8132 19.0115C67.8132 20.7651 69.2349 22.1868 70.9885 22.1868Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M19.0115 74.1638C20.7651 74.1638 22.1868 72.7422 22.1868 70.9885C22.1868 69.2349 20.7651 67.8132 19.0115 67.8132C17.2578 67.8132 15.8362 69.2349 15.8362 70.9885C15.8362 72.7422 17.2578 74.1638 19.0115 74.1638Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M70.9885 74.1638C72.7422 74.1638 74.1638 72.7422 74.1638 70.9885C74.1638 69.2349 72.7422 67.8132 70.9885 67.8132C69.2349 67.8132 67.8132 69.2349 67.8132 70.9885C67.8132 72.7422 69.2349 74.1638 70.9885 74.1638Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M19.0115 22.1868C20.7651 22.1868 22.1868 20.7651 22.1868 19.0115C22.1868 17.2578 20.7651 15.8362 19.0115 15.8362C17.2578 15.8362 15.8362 17.2578 15.8362 19.0115C15.8362 20.7651 17.2578 22.1868 19.0115 22.1868Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M30.1494 55.1609C45.2931 56.5287 48.7126 37.7701 58.385 32.885",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M34.3017 59.6552C48.1264 59.3621 51.5459 41.2874 61.2184 37.0374",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M42.7529 62.9281C51.546 58.6781 55.3075 46.2212 62.8305 42.1666",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),O=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{opacity:.2,d:"M85.5584 16.6396H7.12354C6.00894 16.6396 5.14203 17.5478 5.14203 18.6212V73.6081C5.14203 74.7227 6.05022 75.5897 7.12354 75.5897H85.5172C86.6318 75.5897 87.4987 74.6815 87.4987 73.6081V18.6212C87.5399 17.5478 86.6318 16.6396 85.5584 16.6396Z",fill:"#97C3B9"}),t.createElement("path",{d:"M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M11.6232 25.8455H39.0754",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M75.4857 60.5632H48.0335",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M11.6232 25.8455H39.0754",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M75.4857 60.5632H48.0335",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),q=e=>t.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{opacity:.2,d:"M46.3135 81.9491L33.5169 72.6695C32.8813 72.2034 27.2881 68.1356 21.5254 62.5847C14.4915 55.8474 5.12708 45.2966 5.12708 31.9067C5.12708 19.8728 14.8728 10.1271 26.9067 10.1271C35.3389 10.1271 42.6695 14.9152 46.3135 21.9491C49.9152 14.9152 57.2457 10.1271 65.7203 10.1271C77.7542 10.1271 87.5 19.8728 87.5 31.9067C87.5 45.2966 78.1356 55.805 71.1017 62.5847C65.339 68.0932 59.7457 72.2034 59.1525 72.6695L46.3135 81.9491Z",fill:"#97C3B9"}),t.createElement("path",{d:"M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),t.createElement("path",{d:"M63.0932 11.822C72.7118 11.822 80.5508 19.661 80.5508 29.2796C80.5508 41.0169 71.9491 50.5932 65.5084 56.822C59.9576 62.161 54.5762 66.1017 53.983 66.5254L43.7288 73.983",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M61.8433 15.2118C69.5975 15.2118 75.9535 21.5254 75.9535 29.322C75.9535 39.7457 67.945 48.644 61.928 54.4491C56.5043 59.6186 51.3348 63.4321 50.784 63.8559L42.4789 69.8304",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),t.createElement("path",{d:"M22.839 35.6356L20.5933 33.983C20.4661 33.8983 19.4916 33.1779 18.4746 32.2034C17.2458 31.0169 15.5933 29.1525 15.5933 26.7796C15.5933 24.661 17.3305 22.9237 19.4492 22.9237C20.9322 22.9237 22.2458 23.7712 22.8814 25C23.517 23.7712 24.7882 22.9237 26.3136 22.9237C28.4322 22.9237 30.1695 24.661 30.1695 26.7796C30.1695 29.1525 28.517 30.9746 27.2882 32.161C26.2712 33.1356 25.2967 33.8559 25.1695 33.9407L22.839 35.6356Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10})),f=[{key:"how_it_works_customer_summary",title:i.appLocale.getLocalizedStrings().informationCard.howItWorks,summary:i.appLocale.getLocalizedStrings().informationCard.howItWorksSummary,Icon:O},{key:"how_it_works_customer_insights",title:i.appLocale.getLocalizedStrings().informationCard.howItWorks,summary:i.appLocale.getLocalizedStrings().informationCard.howItWorksInsight,Icon:_},{key:"thank_you",title:i.appLocale.getLocalizedStrings().informationCard.thankYou,summary:i.appLocale.getLocalizedStrings().informationCard.youAreAwesome,Icon:q}];function j({card:e,analytics:l,dndProps:o}){const[a,h]=C.useState(0),m=s=>{h(s),l?.trackPageLoaded(w.Event.howItWorks)};return r.jsxRuntimeExports.jsx(i.DraggedDiv,{isDragging:o?.draggedCardType!=null,isDragOver:o?.dragOverCard===e.cardType,draggable:!0,onDragStart:s=>o?.onDragStart(e.cardType,s),onDragOver:s=>o?.onDragOver(s,e.cardType),onDragLeave:s=>o?.onDragLeave(s),onDrop:s=>o?.onDrop(s,e.cardType),dimension:e.dimension,children:r.jsxRuntimeExports.jsx(D.SummaryCard,{card:e,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:r.jsxRuntimeExports.jsx(V,{card:e,data:f,handleCardNavigation:m,activeCardIndex:a})})},e.cardIndex)}const z=C.memo(j);exports.MemoInformationCardStack=z;exports.default=j;exports.informationCardData=f;

package/dist/InformationCardStack-iD_3XBf2.js

@@ -0,0 +1,219 @@
+import { j as r } from "./vendor-.pnpm-DtFedGku.js";
+import * as t from "react";
+import h, { useState as D } from "react";
+import { Event as S } from "@zeniai/client-analytics";
+import { S as I, G as W, j as M, ez as j, eu as T, ev as H, a as C, et as Z } from "./index-lPBSSV1q.js";
+import { S as A } from "./SummaryCard-Bno9Ov_m.js";
+import l from "@emotion/styled";
+import { N as B } from "./NavigationArrow-C3WskeTi.js";
+import { N as V } from "./NavigationDots-D_mAWOOU.js";
+const b = l.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+`, _ = l(W)`
+  color: ${(e) => e.theme.colors.champion};
+  text-align: center;
+`, z = l(W)`
+  color: ${(e) => e.theme.colors.hero};
+  text-align: center;
+`, E = l.div`
+  margin-bottom: ${I.sp3};
+`;
+function N({
+  informationCardContent: e
+}) {
+  const { title: a, summary: s, Icon: n } = e;
+  return /* @__PURE__ */ r.jsxs(b, { children: [
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(_, { children: a }) }),
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(n, { height: 90, width: 90 }) }),
+    /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(z, { children: s }) })
+  ] });
+}
+const O = l(T)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`, R = l(H)`
+  flex-direction: row;
+  justify-content: space-between;
+`, g = l.div`
+  display: flex;
+  flex-direction: column;
+`;
+function $({
+  card: e,
+  data: a,
+  handleCardNavigation: s,
+  activeCardIndex: n
+}) {
+  const [c, m] = h.useState(0), [i, k] = h.useState(0), [v, p] = h.useState("left"), f = (o, d) => {
+    o.stopPropagation(), p(d);
+    const y = d == "left" ? n + 1 : n - 1;
+    s(u(y), d);
+  };
+  function x(o) {
+    m(o.targetTouches[0].clientX);
+  }
+  function w(o) {
+    k(o.targetTouches[0].clientX);
+  }
+  function u(o) {
+    return o < 0 ? a.length + o : o % a.length;
+  }
+  function L() {
+    c - i > 50 && i !== 0 ? (s(u(n + 1), "left"), p("left"), m(0), k(0)) : c - i < -50 && i !== 0 && (s(u(n - 1), "right"), p("right"), m(0), k(0));
+  }
+  return /* @__PURE__ */ r.jsx(
+    O,
+    {
+      style: { cursor: "default" },
+      dimension: e.dimension,
+      onTouchStart: (o) => x(o),
+      onTouchMove: (o) => w(o),
+      onTouchEnd: () => L(),
+      "data-testid": M("dashboard", e.cardType),
+      children: /* @__PURE__ */ r.jsxs(R, { children: [
+        /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsx(
+          B,
+          {
+            navType: "left",
+            handleClick: f,
+            "data-testid": M(
+              "dashboard-navigation-arrow-left",
+              e.cardType
+            )
+          }
+        ) }),
+        /* @__PURE__ */ r.jsxs(
+          g,
+          {
+            style: {
+              height: "100%",
+              position: "relative",
+              alignItems: "center"
+            },
+            children: [
+              a.map((o, d) => /* @__PURE__ */ r.jsx(
+                j,
+                {
+                  activeCardIndex: n,
+                  currentIndex: d,
+                  which: v,
+                  children: /* @__PURE__ */ r.jsx(
+                    N,
+                    {
+                      informationCardContent: o
+                    }
+                  )
+                },
+                d
+              )),
+              /* @__PURE__ */ r.jsx(
+                V,
+                {
+                  numberOfDots: a.length,
+                  activeIndex: n,
+                  style: {
+                    position: "absolute",
+                    bottom: 0,
+                    cursor: "default"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsx(
+          B,
+          {
+            navType: "right",
+            handleClick: f,
+            "data-testid": M(
+              "dashboard-navigation-arrow-right",
+              e.cardType
+            )
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const X = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M47.8333 69.0834C59.8661 69.0834 69.6207 59.3288 69.6207 47.296C69.6207 35.2632 59.8661 25.5087 47.8333 25.5087C35.8005 25.5087 26.046 35.2632 26.046 47.296C26.046 59.3288 35.8005 69.0834 47.8333 69.0834Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M45 66.7874C57.0328 66.7874 66.7874 57.0328 66.7874 45C66.7874 32.9672 57.0328 23.2126 45 23.2126C32.9672 23.2126 23.2126 32.9672 23.2126 45C23.2126 57.0328 32.9672 66.7874 45 66.7874Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M45 66.7874V80.7586", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M45 9.24146V23.2127", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M23.2127 45H9.24139", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M80.7586 45H66.7874", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M29.6121 60.3879L21.2586 68.7414", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M68.7414 21.2587L60.3879 29.6121", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M29.6121 29.6121L21.2586 21.2587", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M68.7414 68.7415L60.2414 60.2415", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M45 9.24138C46.8615 9.24138 48.3706 7.73227 48.3706 5.87069C48.3706 4.00911 46.8615 2.5 45 2.5C43.1384 2.5 41.6293 4.00911 41.6293 5.87069C41.6293 7.73227 43.1384 9.24138 45 9.24138Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M45 87.4999C46.8615 87.4999 48.3706 85.9908 48.3706 84.1292C48.3706 82.2677 46.8615 80.7585 45 80.7585C43.1384 80.7585 41.6293 82.2677 41.6293 84.1292C41.6293 85.9908 43.1384 87.4999 45 87.4999Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M84.1293 48.3706C85.9909 48.3706 87.5 46.8615 87.5 45C87.5 43.1384 85.9909 41.6293 84.1293 41.6293C82.2677 41.6293 80.7586 43.1384 80.7586 45C80.7586 46.8615 82.2677 48.3706 84.1293 48.3706Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M5.87069 48.3706C7.73227 48.3706 9.24138 46.8615 9.24138 45C9.24138 43.1384 7.73227 41.6293 5.87069 41.6293C4.00911 41.6293 2.5 43.1384 2.5 45C2.5 46.8615 4.00911 48.3706 5.87069 48.3706Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M70.9885 22.1868C72.7422 22.1868 74.1638 20.7651 74.1638 19.0115C74.1638 17.2578 72.7422 15.8362 70.9885 15.8362C69.2349 15.8362 67.8132 17.2578 67.8132 19.0115C67.8132 20.7651 69.2349 22.1868 70.9885 22.1868Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M19.0115 74.1638C20.7651 74.1638 22.1868 72.7422 22.1868 70.9885C22.1868 69.2349 20.7651 67.8132 19.0115 67.8132C17.2578 67.8132 15.8362 69.2349 15.8362 70.9885C15.8362 72.7422 17.2578 74.1638 19.0115 74.1638Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M70.9885 74.1638C72.7422 74.1638 74.1638 72.7422 74.1638 70.9885C74.1638 69.2349 72.7422 67.8132 70.9885 67.8132C69.2349 67.8132 67.8132 69.2349 67.8132 70.9885C67.8132 72.7422 69.2349 74.1638 70.9885 74.1638Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M19.0115 22.1868C20.7651 22.1868 22.1868 20.7651 22.1868 19.0115C22.1868 17.2578 20.7651 15.8362 19.0115 15.8362C17.2578 15.8362 15.8362 17.2578 15.8362 19.0115C15.8362 20.7651 17.2578 22.1868 19.0115 22.1868Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M30.1494 55.1609C45.2931 56.5287 48.7126 37.7701 58.385 32.885", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M34.3017 59.6552C48.1264 59.3621 51.5459 41.2874 61.2184 37.0374", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M42.7529 62.9281C51.546 58.6781 55.3075 46.2212 62.8305 42.1666", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" })), Y = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M85.5584 16.6396H7.12354C6.00894 16.6396 5.14203 17.5478 5.14203 18.6212V73.6081C5.14203 74.7227 6.05022 75.5897 7.12354 75.5897H85.5172C86.6318 75.5897 87.4987 74.6815 87.4987 73.6081V18.6212C87.5399 17.5478 86.6318 16.6396 85.5584 16.6396Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M11.6232 25.8455H39.0754", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M75.4857 60.5632H48.0335", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M82.9164 72.7H4.48151C3.36691 72.7 2.5 71.7918 2.5 70.7185V15.7315C2.5 14.6169 3.40819 13.75 4.48151 13.75H82.8751C83.9897 13.75 84.8566 14.6582 84.8566 15.7315V70.7185C84.8979 71.7918 83.9897 72.7 82.9164 72.7Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M37.0939 60.5633H13.6047C12.4901 60.5633 11.6232 59.6551 11.6232 58.5818V38.8079C11.6232 37.6933 12.5314 36.8264 13.6047 36.8264H37.0939C38.2085 36.8264 39.0754 37.7346 39.0754 38.8079V58.5818C39.0754 59.6964 38.2085 60.5633 37.0939 60.5633Z", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M11.6232 25.8455H39.0754", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M50.015 25.8455H73.5042C74.6188 25.8455 75.4857 26.7537 75.4857 27.827V47.6008C75.4857 48.7154 74.5775 49.5823 73.5042 49.5823H50.015C48.9004 49.5823 48.0335 48.6741 48.0335 47.6008V27.827C48.0335 26.7537 48.9004 25.8455 50.015 25.8455Z", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M75.4857 60.5632H48.0335", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" })), G = (e) => /* @__PURE__ */ t.createElement("svg", { width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { opacity: 0.2, d: "M46.3135 81.9491L33.5169 72.6695C32.8813 72.2034 27.2881 68.1356 21.5254 62.5847C14.4915 55.8474 5.12708 45.2966 5.12708 31.9067C5.12708 19.8728 14.8728 10.1271 26.9067 10.1271C35.3389 10.1271 42.6695 14.9152 46.3135 21.9491C49.9152 14.9152 57.2457 10.1271 65.7203 10.1271C77.7542 10.1271 87.5 19.8728 87.5 31.9067C87.5 45.2966 78.1356 55.805 71.1017 62.5847C65.339 68.0932 59.7457 72.2034 59.1525 72.6695L46.3135 81.9491Z", fill: "#97C3B9" }), /* @__PURE__ */ t.createElement("path", { d: "M43.7288 79.3644L30.9322 70.0847C30.2966 69.6186 24.7034 65.5508 18.9407 60C11.8644 53.2627 2.5 42.7119 2.5 29.2797C2.5 17.2458 12.2881 7.5 24.322 7.5C32.7542 7.5 40.0847 12.2881 43.7288 19.322C47.3305 12.2881 54.661 7.5 63.1356 7.5C75.1695 7.5 84.9153 17.2458 84.9153 29.2797C84.9153 42.6695 75.5508 53.178 68.5169 59.9576C62.7542 65.4661 57.161 69.5763 56.5678 70.0424L43.7288 79.3644Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ t.createElement("path", { d: "M63.0932 11.822C72.7118 11.822 80.5508 19.661 80.5508 29.2796C80.5508 41.0169 71.9491 50.5932 65.5084 56.822C59.9576 62.161 54.5762 66.1017 53.983 66.5254L43.7288 73.983", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M61.8433 15.2118C69.5975 15.2118 75.9535 21.5254 75.9535 29.322C75.9535 39.7457 67.945 48.644 61.928 54.4491C56.5043 59.6186 51.3348 63.4321 50.784 63.8559L42.4789 69.8304", stroke: "#EEBA7D", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M22.839 35.6356L20.5933 33.983C20.4661 33.8983 19.4916 33.1779 18.4746 32.2034C17.2458 31.0169 15.5933 29.1525 15.5933 26.7796C15.5933 24.661 17.3305 22.9237 19.4492 22.9237C20.9322 22.9237 22.2458 23.7712 22.8814 25C23.517 23.7712 24.7882 22.9237 26.3136 22.9237C28.4322 22.9237 30.1695 24.661 30.1695 26.7796C30.1695 29.1525 28.517 30.9746 27.2882 32.161C26.2712 33.1356 25.2967 33.8559 25.1695 33.9407L22.839 35.6356Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeMiterlimit: 10 })), q = [
+  {
+    key: "how_it_works_customer_summary",
+    title: C.getLocalizedStrings().informationCard.howItWorks,
+    summary: C.getLocalizedStrings().informationCard.howItWorksSummary,
+    Icon: Y
+  },
+  {
+    key: "how_it_works_customer_insights",
+    title: C.getLocalizedStrings().informationCard.howItWorks,
+    summary: C.getLocalizedStrings().informationCard.howItWorksInsight,
+    Icon: X
+  },
+  {
+    key: "thank_you",
+    title: C.getLocalizedStrings().informationCard.thankYou,
+    summary: C.getLocalizedStrings().informationCard.youAreAwesome,
+    Icon: G
+  }
+];
+function F({
+  card: e,
+  analytics: a,
+  dndProps: s
+}) {
+  const [n, c] = D(0), m = (i) => {
+    c(i), a?.trackPageLoaded(S.howItWorks);
+  };
+  return /* @__PURE__ */ r.jsx(
+    Z,
+    {
+      isDragging: s?.draggedCardType != null,
+      isDragOver: s?.dragOverCard === e.cardType,
+      draggable: !0,
+      onDragStart: (i) => s?.onDragStart(e.cardType, i),
+      onDragOver: (i) => s?.onDragOver(i, e.cardType),
+      onDragLeave: (i) => s?.onDragLeave(i),
+      onDrop: (i) => s?.onDrop(i, e.cardType),
+      dimension: e.dimension,
+      children: /* @__PURE__ */ r.jsx(
+        A,
+        {
+          card: e,
+          actions: {
+            onCardClick: () => {
+            },
+            onReloadData: () => {
+            }
+          },
+          children: /* @__PURE__ */ r.jsx(
+            $,
+            {
+              card: e,
+              data: q,
+              handleCardNavigation: m,
+              activeCardIndex: n
+            }
+          )
+        }
+      )
+    },
+    e.cardIndex
+  );
+}
+const ot = h.memo(F);
+export {
+  ot as MemoInformationCardStack,
+  F as default,
+  q as informationCardData
+};

package/dist/InsightsCardStack-BYGWjOaF.js

@@ -0,0 +1,305 @@
+import { j as r } from "./vendor-.pnpm-DtFedGku.js";
+import * as t from "react";
+import k, { useEffect as _ } from "react";
+import { eu as S, a as v, ev as T, S as o, G as B, dN as W, f0 as A, eW as R, P as O, f1 as Z, j as u, ez as N, et as z } from "./index-lPBSSV1q.js";
+import { S as U } from "./SummaryCard-Bno9Ov_m.js";
+import i from "@emotion/styled";
+import { Event as Y } from "@zeniai/client-analytics";
+import { N as L } from "./NavigationArrow-C3WskeTi.js";
+import { N as X } from "./NavigationDots-D_mAWOOU.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");
+  _(() => () => {
+    d(0), m(0);
+  }, []);
+  const H = (s, h) => {
+    s.stopPropagation(), E(h);
+    const V = h == "left" ? c + 1 : c - 1, b = y(V);
+    x(b);
+  };
+  function x(s) {
+    const h = f1(
+      n?.[s].insightType
+    );
+    f?.trackInsightsNavigation(Y.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(
+      z,
+      {
+        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(U, { 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
+};