blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/components/OutageChart/OutageChart.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import { forwardRef, useMemo, useState, useCallback } from 'react';
+import { View, Pressable } from 'react-native';
+import { VictoryChart, VictoryLine, VictoryAxis } from 'victory-native';
+import { FOUNDATION_THEME } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import Text from "../../primitives/Text.js";
+import { ChartContainer } from "../Chart/index.js";
+import { ChartHeader } from "../Chart/index.js";
+import { ChartNoData } from "../Chart/index.js";
+import { ChartSkeleton } from "../Chart/index.js";
+import { splitTrendByZones, computeLanes, computeXDomain, xToFraction } from "./outageChart.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_TREND_HEIGHT = 160;
+const DEFAULT_LANE_HEIGHT = 48;
+const DEFAULT_SEGMENT_HEIGHT = 4;
+const HIGHLIGHT_OPACITY = 0.15;
+const DIMMED_OPACITY = 0.25;
+const NO_AXIS_STYLE = {
+  axis: {
+    stroke: 'transparent'
+  },
+  ticks: {
+    size: 0
+  },
+  tickLabels: {
+    fill: 'transparent'
+  },
+  grid: {
+    stroke: 'transparent',
+    strokeWidth: 0
+  }
+};
+
+/**
+ * OutageChart — composite "outage trend + per-lane timeline" surface.
+ *
+ * Port of the web `OutageChartDemoV2` pattern: a zone-colored trend line on
+ * top, and an xrange-style timeline beneath with one row per lane label.
+ * Tapping a timeline segment highlights the same x-span on the trend chart
+ * (the native stand-in for the web hover plot-band).
+ */
+const OutageChart = /*#__PURE__*/forwardRef(function OutageChart({
+  trendData,
+  zones = [],
+  segments = [],
+  trendColor,
+  trendHeight = DEFAULT_TREND_HEIGHT,
+  laneHeight = DEFAULT_LANE_HEIGHT,
+  segmentHeight = DEFAULT_SEGMENT_HEIGHT,
+  title,
+  header,
+  selectedSegmentId: controlledSelected,
+  onSegmentSelect,
+  noData,
+  skeleton,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('CHARTSV2');
+  const ct = tokens.chart;
+  const [measuredWidth, setMeasuredWidth] = useState();
+  const onLayout = event => {
+    const w = event.nativeEvent.layout.width;
+    if (w > 0 && w !== measuredWidth) setMeasuredWidth(w);
+  };
+
+  // --- Selection (controlled or uncontrolled) ---------------------
+  const isControlled = controlledSelected !== undefined;
+  const [internalSelected, setInternalSelected] = useState(null);
+  const selectedSegmentId = isControlled ? controlledSelected : internalSelected;
+  const handleSegmentPress = useCallback((index, segment) => {
+    const next = selectedSegmentId === index ? null : index;
+    if (!isControlled) setInternalSelected(next);
+    onSegmentSelect?.(next === null ? null : {
+      index,
+      segment
+    });
+  }, [isControlled, selectedSegmentId, onSegmentSelect]);
+  const selectedSegment = selectedSegmentId != null ? segments[selectedSegmentId] : undefined;
+
+  // --- Derived data --------------------------------------------------
+  const domain = useMemo(() => computeXDomain(trendData, segments), [trendData, segments]);
+  const lanes = useMemo(() => computeLanes(segments), [segments]);
+  const trendParts = useMemo(() => {
+    const parts = splitTrendByZones(trendData, zones);
+    // zoneColor fallback when no zones: single color for the line.
+    if (parts.length === 1 && zones.length === 0 && trendColor) {
+      return [{
+        color: trendColor,
+        data: parts[0].data
+      }];
+    }
+    return parts;
+  }, [trendData, zones, trendColor]);
+
+  // --- Skeleton -------------------------------------------------------
+  if (skeleton?.show) {
+    return /*#__PURE__*/_jsxs(ChartContainer, {
+      ref: ref,
+      style: style,
+      children: [header ? /*#__PURE__*/_jsx(ChartHeader, {
+        children: header
+      }) : null, /*#__PURE__*/_jsx(ChartSkeleton, {
+        height: trendHeight + lanes.length * laneHeight
+      })]
+    });
+  }
+
+  // --- No-data ----------------------------------------------------------
+  if (trendData.length === 0 && segments.length === 0) {
+    return /*#__PURE__*/_jsxs(ChartContainer, {
+      ref: ref,
+      style: style,
+      children: [header ? /*#__PURE__*/_jsx(ChartHeader, {
+        children: header
+      }) : null, /*#__PURE__*/_jsx(ChartNoData, {
+        title: noData?.title ?? 'No data available',
+        subtitle: noData?.subtitle ?? 'Data will appear here once available'
+      })]
+    });
+  }
+
+  // VictoryChart insets the plot area by 8px on each side. The
+  // highlight band is positioned in pixels relative to the chart
+  // container so it aligns with the trend data, not the full View.
+  const CHART_PADDING = 8;
+  const plotWidth = Math.max(0, (measuredWidth ?? 0) - CHART_PADDING * 2);
+  const highlightBand = selectedSegment ? {
+    left: CHART_PADDING + xToFraction(selectedSegment.start, domain) * plotWidth,
+    width: (xToFraction(selectedSegment.end, domain) - xToFraction(selectedSegment.start, domain)) * plotWidth,
+    color: selectedSegment.color
+  } : null;
+  const subtitleColor = String(ct.xAxis.labels.color);
+  const tagBorderColor = String(FOUNDATION_THEME.colors.gray[200]);
+  const tagBg = String(FOUNDATION_THEME.colors.gray[50]);
+  const tagTextColor = String(FOUNDATION_THEME.colors.gray[700]);
+  return /*#__PURE__*/_jsxs(ChartContainer, {
+    ref: ref,
+    style: style,
+    children: [header ? /*#__PURE__*/_jsx(ChartHeader, {
+      children: header
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        padding: 16,
+        gap: 12,
+        backgroundColor: String(ct.backgroundColor)
+      },
+      accessibilityLabel: accessibilityLabel ?? `Outage chart with ${trendData.length} trend points and ${segments.length} timeline segments`,
+      accessibilityRole: "summary",
+      testID: testID,
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        fontSize: 14,
+        fontWeight: 500,
+        color: subtitleColor,
+        children: title
+      }) : null, /*#__PURE__*/_jsx(View, {
+        onLayout: onLayout,
+        style: {
+          width: '100%'
+        },
+        children: measuredWidth ? /*#__PURE__*/_jsxs(View, {
+          children: [/*#__PURE__*/_jsxs(VictoryChart, {
+            width: measuredWidth,
+            height: trendHeight,
+            padding: {
+              top: 8,
+              bottom: 8,
+              left: 8,
+              right: 8
+            },
+            domain: {
+              x: [domain.min, domain.max]
+            },
+            children: [/*#__PURE__*/_jsx(VictoryAxis, {
+              style: NO_AXIS_STYLE
+            }), /*#__PURE__*/_jsx(VictoryAxis, {
+              dependentAxis: true,
+              style: NO_AXIS_STYLE
+            }), trendParts.map((part, i) => /*#__PURE__*/_jsx(VictoryLine, {
+              data: part.data,
+              interpolation: "monotoneX",
+              style: {
+                data: {
+                  stroke: part.color,
+                  strokeWidth: 2
+                }
+              }
+            }, `trend-${i}`))]
+          }), highlightBand ? /*#__PURE__*/_jsx(View, {
+            pointerEvents: "none",
+            style: {
+              position: 'absolute',
+              top: CHART_PADDING,
+              bottom: CHART_PADDING,
+              left: highlightBand.left,
+              width: highlightBand.width,
+              backgroundColor: highlightBand.color,
+              opacity: HIGHLIGHT_OPACITY,
+              borderRadius: 2
+            },
+            testID: testID ? `${testID}-highlight` : undefined
+          }) : null]
+        }) : /*#__PURE__*/_jsx(View, {
+          style: {
+            height: trendHeight
+          }
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          gap: 8
+        },
+        testID: testID ? `${testID}-timeline` : undefined,
+        children: lanes.map(lane => /*#__PURE__*/_jsxs(View, {
+          style: {
+            minHeight: laneHeight,
+            gap: 6,
+            justifyContent: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              alignSelf: 'flex-start',
+              borderWidth: 1,
+              borderColor: tagBorderColor,
+              backgroundColor: tagBg,
+              borderRadius: 4,
+              paddingHorizontal: 8,
+              paddingVertical: 2
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              fontSize: 11,
+              fontWeight: 500,
+              color: tagTextColor,
+              children: lane
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              height: segmentHeight + 8,
+              justifyContent: 'center'
+            },
+            children: segments.map((segment, i) => {
+              if (segment.laneLabel !== lane) {
+                return null;
+              }
+              const left = xToFraction(segment.start, domain) * 100;
+              const width = (xToFraction(segment.end, domain) - xToFraction(segment.start, domain)) * 100;
+              const isSelected = selectedSegmentId === i;
+              const dimmed = selectedSegmentId != null && !isSelected;
+              return /*#__PURE__*/_jsx(Pressable, {
+                onPress: () => handleSegmentPress(i, segment),
+                testID: testID ? `${testID}-segment-${i}` : undefined,
+                accessibilityRole: "button",
+                accessibilityLabel: `${lane} segment from ${segment.start} to ${segment.end}`,
+                style: {
+                  position: 'absolute',
+                  left: `${left}%`,
+                  width: `${width}%`,
+                  height: segmentHeight,
+                  borderRadius: 0,
+                  backgroundColor: segment.color,
+                  opacity: dimmed ? DIMMED_OPACITY : 1
+                }
+              }, `${lane}-${i}`);
+            })
+          })]
+        }, lane))
+      })]
+    })]
+  });
+});
+OutageChart.displayName = 'OutageChart';
+export default OutageChart;
+//# sourceMappingURL=OutageChart.js.map

package/lib/module/components/OutageChart/OutageChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","useState","useCallback","View","Pressable","VictoryChart","VictoryLine","VictoryAxis","FOUNDATION_THEME","useNativeTokens","Text","ChartContainer","ChartHeader","ChartNoData","ChartSkeleton","splitTrendByZones","computeLanes","computeXDomain","xToFraction","jsx","_jsx","jsxs","_jsxs","DEFAULT_TREND_HEIGHT","DEFAULT_LANE_HEIGHT","DEFAULT_SEGMENT_HEIGHT","HIGHLIGHT_OPACITY","DIMMED_OPACITY","NO_AXIS_STYLE","axis","stroke","ticks","size","tickLabels","fill","grid","strokeWidth","OutageChart","trendData","zones","segments","trendColor","trendHeight","laneHeight","segmentHeight","title","header","selectedSegmentId","controlledSelected","onSegmentSelect","noData","skeleton","accessibilityLabel","testID","style","ref","tokens","ct","chart","measuredWidth","setMeasuredWidth","onLayout","event","w","nativeEvent","layout","width","isControlled","undefined","internalSelected","setInternalSelected","handleSegmentPress","index","segment","next","selectedSegment","domain","lanes","trendParts","parts","length","color","data","show","children","height","subtitle","CHART_PADDING","plotWidth","Math","max","highlightBand","left","start","end","subtitleColor","String","xAxis","labels","tagBorderColor","colors","gray","tagBg","tagTextColor","padding","gap","backgroundColor","accessibilityRole","fontSize","fontWeight","top","bottom","right","x","min","dependentAxis","map","part","i","interpolation","pointerEvents","position","opacity","borderRadius","lane","minHeight","justifyContent","alignSelf","borderWidth","borderColor","paddingHorizontal","paddingVertical","laneLabel","isSelected","dimmed","onPress","displayName"],"sourceRoot":"../../../../src","sources":["components/OutageChart/OutageChart.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAClE,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAE9C,SAASC,YAAY,EAAEC,WAAW,EAAEC,WAAW,QAAQ,gBAAgB;AACvE,SAASC,gBAAgB,QAAQ,kCAAkC;AAEnE,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,OAAOC,IAAI,MAAM,0BAAuB;AACxC,SAASC,cAAc,QAAQ,mBAAU;AACzC,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,aAAa,QAAQ,mBAAU;AACxC,SACIC,iBAAiB,EACjBC,YAAY,EACZC,cAAc,EACdC,WAAW,QACR,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5B,MAAMC,oBAAoB,GAAG,GAAG;AAChC,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,iBAAiB,GAAG,IAAI;AAC9B,MAAMC,cAAc,GAAG,IAAI;AAE3B,MAAMC,aAAa,GAAG;EAClBC,IAAI,EAAE;IAAEC,MAAM,EAAE;EAAc,CAAC;EAC/BC,KAAK,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EAClBC,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAc,CAAC;EACnCC,IAAI,EAAE;IAAEL,MAAM,EAAE,aAAa;IAAEM,WAAW,EAAE;EAAE;AAClD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGtC,UAAU,CAC1B,SAASsC,WAAWA,CAChB;EACIC,SAAS;EACTC,KAAK,GAAG,EAAE;EACVC,QAAQ,GAAG,EAAE;EACbC,UAAU;EACVC,WAAW,GAAGnB,oBAAoB;EAClCoB,UAAU,GAAGnB,mBAAmB;EAChCoB,aAAa,GAAGnB,sBAAsB;EACtCoB,KAAK;EACLC,MAAM;EACNC,iBAAiB,EAAEC,kBAAkB;EACrCC,eAAe;EACfC,MAAM;EACNC,QAAQ;EACRC,kBAAkB;EAClBC,MAAM;EACNC;AACJ,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,MAAM,GAAG/C,eAAe,CAAoB,UAAU,CAAC;EAC7D,MAAMgD,EAAE,GAAGD,MAAM,CAACE,KAAK;EAEvB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG3D,QAAQ,CAAqB,CAAC;EACxE,MAAM4D,QAAQ,GAAIC,KAAwB,IAAK;IAC3C,MAAMC,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACC,KAAK;IACxC,IAAIH,CAAC,GAAG,CAAC,IAAIA,CAAC,KAAKJ,aAAa,EAAEC,gBAAgB,CAACG,CAAC,CAAC;EACzD,CAAC;;EAED;EACA,MAAMI,YAAY,GAAGnB,kBAAkB,KAAKoB,SAAS;EACrD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrE,QAAQ,CACpD,IACJ,CAAC;EACD,MAAM8C,iBAAiB,GAAGoB,YAAY,GAChCnB,kBAAkB,GAClBqB,gBAAgB;EAEtB,MAAME,kBAAkB,GAAGrE,WAAW,CAClC,CAACsE,KAAa,EAAEC,OAAsB,KAAK;IACvC,MAAMC,IAAI,GAAG3B,iBAAiB,KAAKyB,KAAK,GAAG,IAAI,GAAGA,KAAK;IACvD,IAAI,CAACL,YAAY,EAAEG,mBAAmB,CAACI,IAAI,CAAC;IAC5CzB,eAAe,GAAGyB,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG;MAAEF,KAAK;MAAEC;IAAQ,CAAC,CAAC;EAChE,CAAC,EACD,CAACN,YAAY,EAAEpB,iBAAiB,EAAEE,eAAe,CACrD,CAAC;EAED,MAAM0B,eAAe,GACjB5B,iBAAiB,IAAI,IAAI,GAAGP,QAAQ,CAACO,iBAAiB,CAAC,GAAGqB,SAAS;;EAEvE;EACA,MAAMQ,MAAM,GAAG5E,OAAO,CAClB,MAAMiB,cAAc,CAACqB,SAAS,EAAEE,QAAQ,CAAC,EACzC,CAACF,SAAS,EAAEE,QAAQ,CACxB,CAAC;EACD,MAAMqC,KAAK,GAAG7E,OAAO,CAAC,MAAMgB,YAAY,CAACwB,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC/D,MAAMsC,UAAU,GAAG9E,OAAO,CAAC,MAAM;IAC7B,MAAM+E,KAAK,GAAGhE,iBAAiB,CAACuB,SAAS,EAAEC,KAAK,CAAC;IACjD;IACA,IAAIwC,KAAK,CAACC,MAAM,KAAK,CAAC,IAAIzC,KAAK,CAACyC,MAAM,KAAK,CAAC,IAAIvC,UAAU,EAAE;MACxD,OAAO,CAAC;QAAEwC,KAAK,EAAExC,UAAU;QAAEyC,IAAI,EAAEH,KAAK,CAAC,CAAC,CAAC,CAACG;MAAK,CAAC,CAAC;IACvD;IACA,OAAOH,KAAK;EAChB,CAAC,EAAE,CAACzC,SAAS,EAAEC,KAAK,EAAEE,UAAU,CAAC,CAAC;;EAElC;EACA,IAAIU,QAAQ,EAAEgC,IAAI,EAAE;IAChB,oBACI7D,KAAA,CAACX,cAAc;MAAC4C,GAAG,EAAEA,GAAI;MAACD,KAAK,EAAEA,KAAM;MAAA8B,QAAA,GAClCtC,MAAM,gBAAG1B,IAAA,CAACR,WAAW;QAAAwE,QAAA,EAAEtC;MAAM,CAAc,CAAC,GAAG,IAAI,eACpD1B,IAAA,CAACN,aAAa;QACVuE,MAAM,EAAE3C,WAAW,GAAGmC,KAAK,CAACG,MAAM,GAAGrC;MAAW,CACnD,CAAC;IAAA,CACU,CAAC;EAEzB;;EAEA;EACA,IAAIL,SAAS,CAAC0C,MAAM,KAAK,CAAC,IAAIxC,QAAQ,CAACwC,MAAM,KAAK,CAAC,EAAE;IACjD,oBACI1D,KAAA,CAACX,cAAc;MAAC4C,GAAG,EAAEA,GAAI;MAACD,KAAK,EAAEA,KAAM;MAAA8B,QAAA,GAClCtC,MAAM,gBAAG1B,IAAA,CAACR,WAAW;QAAAwE,QAAA,EAAEtC;MAAM,CAAc,CAAC,GAAG,IAAI,eACpD1B,IAAA,CAACP,WAAW;QACRgC,KAAK,EAAEK,MAAM,EAAEL,KAAK,IAAI,mBAAoB;QAC5CyC,QAAQ,EACJpC,MAAM,EAAEoC,QAAQ,IAChB;MACH,CACJ,CAAC;IAAA,CACU,CAAC;EAEzB;;EAEA;EACA;EACA;EACA,MAAMC,aAAa,GAAG,CAAC;EACvB,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAAC/B,aAAa,IAAI,CAAC,IAAI4B,aAAa,GAAG,CAAC,CAAC;EACvE,MAAMI,aAAa,GAAGhB,eAAe,GAC/B;IACIiB,IAAI,EACAL,aAAa,GACbrE,WAAW,CAACyD,eAAe,CAACkB,KAAK,EAAEjB,MAAM,CAAC,GAAGY,SAAS;IAC1DtB,KAAK,EACD,CAAChD,WAAW,CAACyD,eAAe,CAACmB,GAAG,EAAElB,MAAM,CAAC,GACrC1D,WAAW,CAACyD,eAAe,CAACkB,KAAK,EAAEjB,MAAM,CAAC,IAC9CY,SAAS;IACbP,KAAK,EAAEN,eAAe,CAACM;EAC3B,CAAC,GACD,IAAI;EAEV,MAAMc,aAAa,GAAGC,MAAM,CAACvC,EAAE,CAACwC,KAAK,CAACC,MAAM,CAACjB,KAAK,CAAC;EACnD,MAAMkB,cAAc,GAAGH,MAAM,CAACxF,gBAAgB,CAAC4F,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;EAChE,MAAMC,KAAK,GAAGN,MAAM,CAACxF,gBAAgB,CAAC4F,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;EACtD,MAAME,YAAY,GAAGP,MAAM,CAACxF,gBAAgB,CAAC4F,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC;EAE9D,oBACI/E,KAAA,CAACX,cAAc;IAAC4C,GAAG,EAAEA,GAAI;IAACD,KAAK,EAAEA,KAAM;IAAA8B,QAAA,GAClCtC,MAAM,gBAAG1B,IAAA,CAACR,WAAW;MAAAwE,QAAA,EAAEtC;IAAM,CAAc,CAAC,GAAG,IAAI,eACpDxB,KAAA,CAACnB,IAAI;MACDmD,KAAK,EAAE;QACHkD,OAAO,EAAE,EAAE;QACXC,GAAG,EAAE,EAAE;QACPC,eAAe,EAAEV,MAAM,CAACvC,EAAE,CAACiD,eAAe;MAC9C,CAAE;MACFtD,kBAAkB,EACdA,kBAAkB,IAClB,qBAAqBd,SAAS,CAAC0C,MAAM,qBAAqBxC,QAAQ,CAACwC,MAAM,oBAC5E;MACD2B,iBAAiB,EAAC,SAAS;MAC3BtD,MAAM,EAAEA,MAAO;MAAA+B,QAAA,GAEdvC,KAAK,gBACFzB,IAAA,CAACV,IAAI;QACDkG,QAAQ,EAAE,EAAG;QACbC,UAAU,EAAE,GAAI;QAChB5B,KAAK,EAAEc,aAAc;QAAAX,QAAA,EAEpBvC;MAAK,CACJ,CAAC,GACP,IAAI,eAGRzB,IAAA,CAACjB,IAAI;QAAC0D,QAAQ,EAAEA,QAAS;QAACP,KAAK,EAAE;UAAEY,KAAK,EAAE;QAAO,CAAE;QAAAkB,QAAA,EAC9CzB,aAAa,gBACVrC,KAAA,CAACnB,IAAI;UAAAiF,QAAA,gBACD9D,KAAA,CAACjB,YAAY;YACT6D,KAAK,EAAEP,aAAc;YACrB0B,MAAM,EAAE3C,WAAY;YACpB8D,OAAO,EAAE;cACLM,GAAG,EAAE,CAAC;cACNC,MAAM,EAAE,CAAC;cACTnB,IAAI,EAAE,CAAC;cACPoB,KAAK,EAAE;YACX,CAAE;YACFpC,MAAM,EAAE;cAAEqC,CAAC,EAAE,CAACrC,MAAM,CAACsC,GAAG,EAAEtC,MAAM,CAACc,GAAG;YAAE,CAAE;YAAAN,QAAA,gBAExChE,IAAA,CAACb,WAAW;cAAC+C,KAAK,EAAE1B;YAAc,CAAE,CAAC,eACrCR,IAAA,CAACb,WAAW;cACR4G,aAAa;cACb7D,KAAK,EAAE1B;YAAc,CACxB,CAAC,EACDkD,UAAU,CAACsC,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACpBlG,IAAA,CAACd,WAAW;cAER4E,IAAI,EAAEmC,IAAI,CAACnC,IAAK;cAChBqC,aAAa,EAAC,WAAW;cACzBjE,KAAK,EAAE;gBACH4B,IAAI,EAAE;kBACFpD,MAAM,EAAEuF,IAAI,CAACpC,KAAK;kBAClB7C,WAAW,EAAE;gBACjB;cACJ;YAAE,GARG,SAASkF,CAAC,EASlB,CACJ,CAAC;UAAA,CACQ,CAAC,EAEd3B,aAAa,gBACVvE,IAAA,CAACjB,IAAI;YACDqH,aAAa,EAAC,MAAM;YACpBlE,KAAK,EAAE;cACHmE,QAAQ,EAAE,UAAU;cACpBX,GAAG,EAAEvB,aAAa;cAClBwB,MAAM,EAAExB,aAAa;cACrBK,IAAI,EAAED,aAAa,CAACC,IAAI;cACxB1B,KAAK,EAAEyB,aAAa,CAACzB,KAAK;cAC1BwC,eAAe,EACXf,aAAa,CAACV,KAAK;cACvByC,OAAO,EAAEhG,iBAAiB;cAC1BiG,YAAY,EAAE;YAClB,CAAE;YACFtE,MAAM,EACFA,MAAM,GACA,GAAGA,MAAM,YAAY,GACrBe;UACT,CACJ,CAAC,GACF,IAAI;QAAA,CACN,CAAC,gBAEPhD,IAAA,CAACjB,IAAI;UAACmD,KAAK,EAAE;YAAE+B,MAAM,EAAE3C;UAAY;QAAE,CAAE;MAC1C,CACC,CAAC,eAGPtB,IAAA,CAACjB,IAAI;QACDmD,KAAK,EAAE;UAAEmD,GAAG,EAAE;QAAE,CAAE;QAClBpD,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGe,SAAU;QAAAgB,QAAA,EAEjDP,KAAK,CAACuC,GAAG,CAAEQ,IAAI,iBACZtG,KAAA,CAACnB,IAAI;UAEDmD,KAAK,EAAE;YACHuE,SAAS,EAAElF,UAAU;YACrB8D,GAAG,EAAE,CAAC;YACNqB,cAAc,EAAE;UACpB,CAAE;UAAA1C,QAAA,gBAIFhE,IAAA,CAACjB,IAAI;YACDmD,KAAK,EAAE;cACHyE,SAAS,EAAE,YAAY;cACvBC,WAAW,EAAE,CAAC;cACdC,WAAW,EAAE9B,cAAc;cAC3BO,eAAe,EAAEJ,KAAK;cACtBqB,YAAY,EAAE,CAAC;cACfO,iBAAiB,EAAE,CAAC;cACpBC,eAAe,EAAE;YACrB,CAAE;YAAA/C,QAAA,eAEFhE,IAAA,CAACV,IAAI;cACDkG,QAAQ,EAAE,EAAG;cACbC,UAAU,EAAE,GAAI;cAChB5B,KAAK,EAAEsB,YAAa;cAAAnB,QAAA,EAEnBwC;YAAI,CACH;UAAC,CACL,CAAC,eAEPxG,IAAA,CAACjB,IAAI;YACDmD,KAAK,EAAE;cACH+B,MAAM,EAAEzC,aAAa,GAAG,CAAC;cACzBkF,cAAc,EAAE;YACpB,CAAE;YAAA1C,QAAA,EAED5C,QAAQ,CAAC4E,GAAG,CAAC,CAAC3C,OAAO,EAAE6C,CAAC,KAAK;cAC1B,IAAI7C,OAAO,CAAC2D,SAAS,KAAKR,IAAI,EAAE;gBAC5B,OAAO,IAAI;cACf;cACA,MAAMhC,IAAI,GACN1E,WAAW,CAACuD,OAAO,CAACoB,KAAK,EAAEjB,MAAM,CAAC,GAClC,GAAG;cACP,MAAMV,KAAK,GACP,CAAChD,WAAW,CAACuD,OAAO,CAACqB,GAAG,EAAElB,MAAM,CAAC,GAC7B1D,WAAW,CACPuD,OAAO,CAACoB,KAAK,EACbjB,MACJ,CAAC,IACL,GAAG;cACP,MAAMyD,UAAU,GACZtF,iBAAiB,KAAKuE,CAAC;cAC3B,MAAMgB,MAAM,GACRvF,iBAAiB,IAAI,IAAI,IACzB,CAACsF,UAAU;cACf,oBACIjH,IAAA,CAAChB,SAAS;gBAENmI,OAAO,EAAEA,CAAA,KACLhE,kBAAkB,CACd+C,CAAC,EACD7C,OACJ,CACH;gBACDpB,MAAM,EACFA,MAAM,GACA,GAAGA,MAAM,YAAYiE,CAAC,EAAE,GACxBlD,SACT;gBACDuC,iBAAiB,EAAC,QAAQ;gBAC1BvD,kBAAkB,EAAE,GAAGwE,IAAI,iBAAiBnD,OAAO,CAACoB,KAAK,OAAOpB,OAAO,CAACqB,GAAG,EAAG;gBAC9ExC,KAAK,EAAE;kBACHmE,QAAQ,EAAE,UAAU;kBACpB7B,IAAI,EAAE,GAAGA,IAAI,GAAG;kBAChB1B,KAAK,EAAE,GAAGA,KAAK,GAAG;kBAClBmB,MAAM,EAAEzC,aAAa;kBACrB+E,YAAY,EAAE,CAAC;kBACfjB,eAAe,EACXjC,OAAO,CAACQ,KAAK;kBACjByC,OAAO,EAAEY,MAAM,GACT3G,cAAc,GACd;gBACV;cAAE,GAzBG,GAAGiG,IAAI,IAAIN,CAAC,EA0BpB,CAAC;YAEV,CAAC;UAAC,CACA,CAAC;QAAA,GArFFM,IAsFH,CACT;MAAC,CACA,CAAC;IAAA,CACL,CAAC;EAAA,CACK,CAAC;AAEzB,CACJ,CAAC;AAEDvF,WAAW,CAACmG,WAAW,GAAG,aAAa;AACvC,eAAenG,WAAW","ignoreList":[]}

package/lib/module/components/OutageChart/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as OutageChart } from "./OutageChart.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/OutageChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","OutageChart"],"sourceRoot":"../../../../src","sources":["components/OutageChart/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/components/OutageChart/outageChart.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=outageChart.types.js.map

package/lib/module/components/OutageChart/outageChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/OutageChart/outageChart.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/OutageChart/outageChart.utils.js

@@ -0,0 +1,117 @@
+"use strict";
+
+/**
+ * Split a trend line into per-zone segments for Victory rendering.
+ *
+ * Highcharts draws one series and recolors the stroke by x-zone; Victory has
+ * no zones, so we produce one polyline per zone span. At each zone boundary
+ * we interpolate the y value (linear between the two surrounding data points)
+ * so adjacent segments share a boundary point and the stroke is continuous.
+ * If the boundary lies exactly on a data point, that point is included in
+ * both segments.
+ */
+export function splitTrendByZones(data, zones) {
+  if (data.length === 0) return [];
+  if (zones.length === 0) {
+    return [{
+      color: '#2B7FFF',
+      data
+    }];
+  }
+  const sorted = [...zones].sort((a, b) => a.from - b.from);
+  const result = [];
+
+  /** Linearly interpolate y at x between the two surrounding data points. */
+  const interpolate = (x, lo, hi) => {
+    const t = (x - lo.x) / (hi.x - lo.x);
+    return lo.y + t * (hi.y - lo.y);
+  };
+  for (let i = 0; i < sorted.length; i++) {
+    const zone = sorted[i];
+    const nextFrom = sorted[i + 1]?.from ?? Infinity;
+    const points = [];
+    for (let j = 0; j < data.length; j++) {
+      const d = data[j];
+
+      // Left boundary handling for the first point in the zone:
+      if (points.length === 0 && j > 0 && zone.from > data[j - 1].x && zone.from <= d.x) {
+        if (zone.from < d.x) {
+          // Zone starts between points — interpolate y at boundary.
+          const y = interpolate(zone.from, data[j - 1], d);
+          points.push({
+            x: zone.from,
+            y
+          });
+        } else {
+          // zone.from === d.x — include the previous point
+          // as-is so the stroke is continuous across the boundary.
+          points.push(data[j - 1]);
+        }
+      }
+      if (d.x >= zone.from && d.x < nextFrom) {
+        points.push(d);
+      }
+
+      // Right boundary: interpolate if the next zone starts between
+      // the current point and the following one.
+      if (d.x < nextFrom && j + 1 < data.length && data[j + 1].x >= nextFrom && nextFrom > d.x) {
+        const y = interpolate(nextFrom, d, data[j + 1]);
+        points.push({
+          x: nextFrom,
+          y
+        });
+      }
+    }
+    if (points.length > 0) {
+      result.push({
+        color: zone.color,
+        data: points
+      });
+    }
+  }
+  return result;
+}
+
+/**
+ * Unique lane labels from segments, in first-seen order. The timeline's rows
+ * are keyed off this list.
+ */
+export function computeLanes(segments) {
+  const seen = new Set();
+  const lanes = [];
+  for (const s of segments) {
+    if (!seen.has(s.laneLabel)) {
+      seen.add(s.laneLabel);
+      lanes.push(s.laneLabel);
+    }
+  }
+  return lanes;
+}
+
+/** The shared x-domain used by both the trend chart and the timeline. */
+export function computeXDomain(trendData, segments) {
+  const xs = [];
+  for (const d of trendData) xs.push(d.x);
+  for (const s of segments) {
+    xs.push(s.start, s.end);
+  }
+  if (xs.length === 0) return {
+    min: 0,
+    max: 1
+  };
+  const min = Math.min(...xs);
+  const max = Math.max(...xs);
+  return min === max ? {
+    min,
+    max: min + 1
+  } : {
+    min,
+    max
+  };
+}
+
+/** Map an x value to a 0–1 fraction of the shared domain. */
+export function xToFraction(x, domain) {
+  return (x - domain.min) / (domain.max - domain.min);
+}
+//# sourceMappingURL=outageChart.utils.js.map

package/lib/module/components/OutageChart/outageChart.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["splitTrendByZones","data","zones","length","color","sorted","sort","a","b","from","result","interpolate","x","lo","hi","t","y","i","zone","nextFrom","Infinity","points","j","d","push","computeLanes","segments","seen","Set","lanes","s","has","laneLabel","add","computeXDomain","trendData","xs","start","end","min","max","Math","xToFraction","domain"],"sourceRoot":"../../../../src","sources":["components/OutageChart/outageChart.utils.ts"],"mappings":";;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAC7BC,IAAwB,EACxBC,KAAmB,EAC0B;EAC7C,IAAID,IAAI,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;EAChC,IAAID,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;IACpB,OAAO,CAAC;MAAEC,KAAK,EAAE,SAAS;MAAEH;IAAK,CAAC,CAAC;EACvC;EAEA,MAAMI,MAAM,GAAG,CAAC,GAAGH,KAAK,CAAC,CAACI,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,IAAI,GAAGD,CAAC,CAACC,IAAI,CAAC;EACzD,MAAMC,MAAqD,GAAG,EAAE;;EAEhE;EACA,MAAMC,WAAW,GAAGA,CAChBC,CAAS,EACTC,EAAoB,EACpBC,EAAoB,KACnB;IACD,MAAMC,CAAC,GAAG,CAACH,CAAC,GAAGC,EAAE,CAACD,CAAC,KAAKE,EAAE,CAACF,CAAC,GAAGC,EAAE,CAACD,CAAC,CAAC;IACpC,OAAOC,EAAE,CAACG,CAAC,GAAGD,CAAC,IAAID,EAAE,CAACE,CAAC,GAAGH,EAAE,CAACG,CAAC,CAAC;EACnC,CAAC;EAED,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,MAAM,CAACF,MAAM,EAAEc,CAAC,EAAE,EAAE;IACpC,MAAMC,IAAI,GAAGb,MAAM,CAACY,CAAC,CAAC;IACtB,MAAME,QAAQ,GAAGd,MAAM,CAACY,CAAC,GAAG,CAAC,CAAC,EAAER,IAAI,IAAIW,QAAQ;IAChD,MAAMC,MAA0B,GAAG,EAAE;IAErC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGrB,IAAI,CAACE,MAAM,EAAEmB,CAAC,EAAE,EAAE;MAClC,MAAMC,CAAC,GAAGtB,IAAI,CAACqB,CAAC,CAAC;;MAEjB;MACA,IACID,MAAM,CAAClB,MAAM,KAAK,CAAC,IACnBmB,CAAC,GAAG,CAAC,IACLJ,IAAI,CAACT,IAAI,GAAGR,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,CAACV,CAAC,IACzBM,IAAI,CAACT,IAAI,IAAIc,CAAC,CAACX,CAAC,EAClB;QACE,IAAIM,IAAI,CAACT,IAAI,GAAGc,CAAC,CAACX,CAAC,EAAE;UACjB;UACA,MAAMI,CAAC,GAAGL,WAAW,CAACO,IAAI,CAACT,IAAI,EAAER,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,EAAEC,CAAC,CAAC;UAChDF,MAAM,CAACG,IAAI,CAAC;YAAEZ,CAAC,EAAEM,IAAI,CAACT,IAAI;YAAEO;UAAE,CAAC,CAAC;QACpC,CAAC,MAAM;UACH;UACA;UACAK,MAAM,CAACG,IAAI,CAACvB,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5B;MACJ;MAEA,IAAIC,CAAC,CAACX,CAAC,IAAIM,IAAI,CAACT,IAAI,IAAIc,CAAC,CAACX,CAAC,GAAGO,QAAQ,EAAE;QACpCE,MAAM,CAACG,IAAI,CAACD,CAAC,CAAC;MAClB;;MAEA;MACA;MACA,IACIA,CAAC,CAACX,CAAC,GAAGO,QAAQ,IACdG,CAAC,GAAG,CAAC,GAAGrB,IAAI,CAACE,MAAM,IACnBF,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,CAACV,CAAC,IAAIO,QAAQ,IACzBA,QAAQ,GAAGI,CAAC,CAACX,CAAC,EAChB;QACE,MAAMI,CAAC,GAAGL,WAAW,CAACQ,QAAQ,EAAEI,CAAC,EAAEtB,IAAI,CAACqB,CAAC,GAAG,CAAC,CAAC,CAAC;QAC/CD,MAAM,CAACG,IAAI,CAAC;UAAEZ,CAAC,EAAEO,QAAQ;UAAEH;QAAE,CAAC,CAAC;MACnC;IACJ;IAEA,IAAIK,MAAM,CAAClB,MAAM,GAAG,CAAC,EAAE;MACnBO,MAAM,CAACc,IAAI,CAAC;QAAEpB,KAAK,EAAEc,IAAI,CAACd,KAAK;QAAEH,IAAI,EAAEoB;MAAO,CAAC,CAAC;IACpD;EACJ;EAEA,OAAOX,MAAM;AACjB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,YAAYA,CAACC,QAAyB,EAAY;EAC9D,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC9B,MAAMC,KAAe,GAAG,EAAE;EAC1B,KAAK,MAAMC,CAAC,IAAIJ,QAAQ,EAAE;IACtB,IAAI,CAACC,IAAI,CAACI,GAAG,CAACD,CAAC,CAACE,SAAS,CAAC,EAAE;MACxBL,IAAI,CAACM,GAAG,CAACH,CAAC,CAACE,SAAS,CAAC;MACrBH,KAAK,CAACL,IAAI,CAACM,CAAC,CAACE,SAAS,CAAC;IAC3B;EACJ;EACA,OAAOH,KAAK;AAChB;;AAEA;AACA,OAAO,SAASK,cAAcA,CAC1BC,SAA6B,EAC7BT,QAAyB,EACG;EAC5B,MAAMU,EAAY,GAAG,EAAE;EACvB,KAAK,MAAMb,CAAC,IAAIY,SAAS,EAAEC,EAAE,CAACZ,IAAI,CAACD,CAAC,CAACX,CAAC,CAAC;EACvC,KAAK,MAAMkB,CAAC,IAAIJ,QAAQ,EAAE;IACtBU,EAAE,CAACZ,IAAI,CAACM,CAAC,CAACO,KAAK,EAAEP,CAAC,CAACQ,GAAG,CAAC;EAC3B;EACA,IAAIF,EAAE,CAACjC,MAAM,KAAK,CAAC,EAAE,OAAO;IAAEoC,GAAG,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAE,CAAC;EAC9C,MAAMD,GAAG,GAAGE,IAAI,CAACF,GAAG,CAAC,GAAGH,EAAE,CAAC;EAC3B,MAAMI,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGJ,EAAE,CAAC;EAC3B,OAAOG,GAAG,KAAKC,GAAG,GAAG;IAAED,GAAG;IAAEC,GAAG,EAAED,GAAG,GAAG;EAAE,CAAC,GAAG;IAAEA,GAAG;IAAEC;EAAI,CAAC;AAC7D;;AAEA;AACA,OAAO,SAASE,WAAWA,CACvB9B,CAAS,EACT+B,MAAoC,EAC9B;EACN,OAAO,CAAC/B,CAAC,GAAG+B,MAAM,CAACJ,GAAG,KAAKI,MAAM,CAACH,GAAG,GAAGG,MAAM,CAACJ,GAAG,CAAC;AACvD","ignoreList":[]}

package/lib/module/components/Popover/Popover.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { PopoverV2Align, PopoverV2Side, PopoverV2Size } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useNativeBreakpoint } from "../../theme/useNativeBreakpoint.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { AnchoredOverlay } from "../../overlay/anchored/AnchoredOverlay.js";
+import { BottomSheet } from "../../overlay/sheet/BottomSheet.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { PopoverHeader } from "./PopoverHeader.js";
+import { PopoverFooter } from "./PopoverFooter.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Popover — the native port of web's `PopoverV2`.
+ *
+ * Phones (`sm`) present a bottom sheet, exactly what web's
+ * `useDrawerOnMobile` does with the V1 Drawer; tablets (`lg`) get an
+ * anchored surface via `AnchoredOverlay`. Chrome comes from POPOVERV2
+ * tokens. Web's `border` token holds `"8px"` — an invalid CSS shorthand
+ * browsers silently drop — so no border is drawn (flagged upstream).
+ */
+export function Popover({
+  trigger,
+  children,
+  heading,
+  description,
+  showCloseButton = true,
+  open,
+  onOpenChange,
+  onClose,
+  side = PopoverV2Side.BOTTOM,
+  align = PopoverV2Align.CENTER,
+  sideOffset = 8,
+  size = PopoverV2Size.MD,
+  primaryAction,
+  secondaryAction,
+  maxHeightFraction,
+  width,
+  minWidth = 300,
+  maxWidth = 400,
+  height,
+  minHeight,
+  maxHeight,
+  testID,
+  style
+}) {
+  const tokens = useNativeTokens('POPOVERV2');
+  const breakpoint = useNativeBreakpoint();
+  const [isOpen, setOpen] = useControllableState(open, false, onOpenChange);
+  const close = () => {
+    setOpen(false);
+    onClose?.();
+  };
+  const gap = parseDimension(tokens.gap[size]) ?? 12;
+  const padding = {
+    paddingTop: parseDimension(tokens.padding.top[size]) ?? 12,
+    paddingBottom: parseDimension(tokens.padding.bottom[size]) ?? 16,
+    paddingLeft: parseDimension(tokens.padding.left[size]) ?? 16,
+    paddingRight: parseDimension(tokens.padding.right[size]) ?? 16
+  };
+  const header = /*#__PURE__*/_jsx(PopoverHeader, {
+    heading: heading,
+    description: description,
+    showCloseButton: showCloseButton,
+    onClose: close,
+    size: size,
+    tokens: tokens,
+    testID: testID ? `${testID}-header` : undefined
+  });
+  const footer = /*#__PURE__*/_jsx(PopoverFooter, {
+    primaryAction: primaryAction,
+    secondaryAction: secondaryAction,
+    size: size,
+    tokens: tokens,
+    testID: testID ? `${testID}-footer` : undefined
+  });
+  if (breakpoint === 'sm') {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: () => setOpen(true),
+        testID: testID ? `${testID}-trigger` : undefined,
+        children: trigger
+      }), /*#__PURE__*/_jsx(BottomSheet, {
+        open: isOpen,
+        onClose: close,
+        backgroundColor: String(tokens.background ?? '#FFFFFF'),
+        topRadius: parseDimension(tokens.borderRadius[size]) ?? 8,
+        maxHeightFraction: maxHeightFraction,
+        accessibilityLabel: heading,
+        testID: testID,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [padding, {
+            gap
+          }, style],
+          children: [header, children, footer]
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(AnchoredOverlay, {
+    open: isOpen,
+    onRequestClose: close,
+    placement: side,
+    alignment: align,
+    offset: sideOffset,
+    backdrop: "transparent",
+    modal: true,
+    accessibilityLabel: heading,
+    testID: testID,
+    trigger: /*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setOpen(true),
+      testID: testID ? `${testID}-trigger` : undefined,
+      children: trigger
+    }),
+    contentStyle: [{
+      backgroundColor: String(tokens.background ?? '#FFFFFF'),
+      borderRadius: parseDimension(tokens.borderRadius[size]) ?? 8,
+      ...padding,
+      gap,
+      width,
+      minWidth,
+      maxWidth,
+      height,
+      minHeight,
+      maxHeight
+    }, style],
+    children: [header, children, footer]
+  });
+}
+Popover.displayName = 'Popover';
+export default Popover;
+//# sourceMappingURL=Popover.js.map

package/lib/module/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","PopoverV2Align","PopoverV2Side","PopoverV2Size","useNativeTokens","useNativeBreakpoint","useControllableState","AnchoredOverlay","BottomSheet","parseDimension","PopoverHeader","PopoverFooter","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Popover","trigger","children","heading","description","showCloseButton","open","onOpenChange","onClose","side","BOTTOM","align","CENTER","sideOffset","size","MD","primaryAction","secondaryAction","maxHeightFraction","width","minWidth","maxWidth","height","minHeight","maxHeight","testID","style","tokens","breakpoint","isOpen","setOpen","close","gap","padding","paddingTop","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","header","undefined","footer","onPress","backgroundColor","String","background","topRadius","borderRadius","accessibilityLabel","onRequestClose","placement","alignment","offset","backdrop","modal","contentStyle","displayName"],"sourceRoot":"../../../../src","sources":["components/Popover/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Popover/PopoverFooter.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { View } from 'react-native';
+import { ButtonV2Size, ButtonV2Type } from '@juspay/blend-design-system/node';
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { Button } from "../Button/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Secondary/primary action row — the Alert pattern, rendered with Button. */
+export function PopoverFooter({
+  primaryAction,
+  secondaryAction,
+  size,
+  tokens,
+  testID
+}) {
+  if (!primaryAction && !secondaryAction) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      gap: parseDimension(tokens.bottomContainer.gap[size]) ?? 12
+    },
+    testID: testID,
+    children: [secondaryAction ? /*#__PURE__*/_jsx(Button, {
+      text: secondaryAction.text,
+      buttonType: ButtonV2Type.SECONDARY,
+      size: ButtonV2Size.SMALL,
+      onPress: secondaryAction.onPress,
+      disabled: secondaryAction.disabled,
+      loading: secondaryAction.loading,
+      accessibilityLabel: secondaryAction.accessibilityLabel,
+      testID: testID ? `${testID}-secondary` : undefined
+    }) : null, primaryAction ? /*#__PURE__*/_jsx(Button, {
+      text: primaryAction.text,
+      buttonType: ButtonV2Type.PRIMARY,
+      size: ButtonV2Size.SMALL,
+      onPress: primaryAction.onPress,
+      disabled: primaryAction.disabled,
+      loading: primaryAction.loading,
+      accessibilityLabel: primaryAction.accessibilityLabel,
+      testID: testID ? `${testID}-primary` : undefined
+    }) : null]
+  });
+}
+export default PopoverFooter;
+//# sourceMappingURL=PopoverFooter.js.map

package/lib/module/components/Popover/PopoverFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ButtonV2Size","ButtonV2Type","parseDimension","Button","jsx","_jsx","jsxs","_jsxs","PopoverFooter","primaryAction","secondaryAction","size","tokens","testID","style","flexDirection","justifyContent","gap","bottomContainer","children","text","buttonType","SECONDARY","SMALL","onPress","disabled","loading","accessibilityLabel","undefined","PRIMARY"],"sourceRoot":"../../../../src","sources":["components/Popover/PopoverFooter.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SACIC,YAAY,EACZC,YAAY,QAET,kCAAkC;AAEzC,SAASC,cAAc,QAAQ,oCAAiC;AAChE,SAASC,MAAM,QAAQ,oBAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlC;AACA,OAAO,SAASC,aAAaA,CAAC;EAC1BC,aAAa;EACbC,eAAe;EACfC,IAAI;EACJC,MAAM;EACNC;AAOJ,CAAC,EAAE;EACC,IAAI,CAACJ,aAAa,IAAI,CAACC,eAAe,EAAE,OAAO,IAAI;EAEnD,oBACIH,KAAA,CAACR,IAAI;IACDe,KAAK,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,UAAU;MAC1BC,GAAG,EACCf,cAAc,CACVU,MAAM,CAACM,eAAe,CAACD,GAAG,CAACN,IAAI,CACnC,CAAC,IAAI;IACb,CAAE;IACFE,MAAM,EAAEA,MAAO;IAAAM,QAAA,GAEdT,eAAe,gBACZL,IAAA,CAACF,MAAM;MACHiB,IAAI,EAAEV,eAAe,CAACU,IAAK;MAC3BC,UAAU,EAAEpB,YAAY,CAACqB,SAAU;MACnCX,IAAI,EAAEX,YAAY,CAACuB,KAAM;MACzBC,OAAO,EAAEd,eAAe,CAACc,OAAQ;MACjCC,QAAQ,EAAEf,eAAe,CAACe,QAAS;MACnCC,OAAO,EAAEhB,eAAe,CAACgB,OAAQ;MACjCC,kBAAkB,EAAEjB,eAAe,CAACiB,kBAAmB;MACvDd,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,YAAY,GAAGe;IAAU,CACtD,CAAC,GACF,IAAI,EACPnB,aAAa,gBACVJ,IAAA,CAACF,MAAM;MACHiB,IAAI,EAAEX,aAAa,CAACW,IAAK;MACzBC,UAAU,EAAEpB,YAAY,CAAC4B,OAAQ;MACjClB,IAAI,EAAEX,YAAY,CAACuB,KAAM;MACzBC,OAAO,EAAEf,aAAa,CAACe,OAAQ;MAC/BC,QAAQ,EAAEhB,aAAa,CAACgB,QAAS;MACjCC,OAAO,EAAEjB,aAAa,CAACiB,OAAQ;MAC/BC,kBAAkB,EAAElB,aAAa,CAACkB,kBAAmB;MACrDd,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGe;IAAU,CACpD,CAAC,GACF,IAAI;EAAA,CACN,CAAC;AAEf;AAEA,eAAepB,aAAa","ignoreList":[]}