@innofulfill/exclationmatric 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/exclationmatric.css +1 -1
  2. package/dist/exclationmatric.js +294 -282
  3. package/dist/exclationmatric.umd.cjs +4 -4
  4. package/package.json +8 -3
package/dist/exclationmatric.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@500&display=swap";.matrix-wrapper{font-family:Inter,sans-serif;color:#1f2937;background-color:#f3f4f6;padding:24px;min-height:100vh}.matrix-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:#fff;padding:0 24px;height:69px;border-radius:12px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.header-title-wrapper{display:flex;align-items:center;gap:12px}.header-title{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:100%;letter-spacing:0%;color:#003371;margin:0}.header-icon{color:#2563eb}.search-wrapper{position:relative;display:flex;align-items:center;width:320px}.search-wrapper svg{position:absolute;left:12px;color:#9ca3af}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;color:#374151}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.matrix-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.matrix-table-container{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:1200px}.matrix-table th{background-color:#f9fafb;text-align:left;padding:16px 24px;font-size:12px;font-weight:500;color:#6b7280;text-transform:capitalize;border-bottom:1px solid #E5E7EB}.matrix-table tbody tr{height:92px}.matrix-table td{padding:16px 24px;vertical-align:top;border-bottom:1px solid #F3F4F6}.hub-column{width:267px;min-width:267px}.hub-cell-content{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:14px}.person-cell{min-width:180px}.person-details{display:flex;flex-direction:column}.person-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:0}.person-phone-wrapper{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px;letter-spacing:0%;color:#475467;margin-bottom:0}.copy-icon{cursor:pointer}.person-role-tag{display:inline-block;background-color:#ecfdf5;color:#059669;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0%;text-align:center;padding:2px 8px;border-radius:4px;width:fit-content}.empty-cell{color:#e5e7eb}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:68px;border-top:1px solid #E5E7EB;box-sizing:border-box}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #D0D5DD;background-color:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.pagination-numbers{display:flex;align-items:center;gap:4px}.page-number{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;background:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0%;text-align:center;color:#667085;border-radius:6px;cursor:pointer}.page-number:hover{background-color:#f3f4f6}.page-number.active{background-color:#f9f5ff;color:#2563eb;font-weight:600}.page-dots{color:#9ca3af;padding:0 4px}@media(max-width:768px){.matrix-wrapper{padding:16px}.matrix-header-bar{height:auto;min-height:69px;flex-direction:column;align-items:stretch;gap:16px;padding:16px}.header-title-wrapper{justify-content:flex-start}.search-wrapper{width:100%}.matrix-content{border-radius:8px}.pagination-footer{flex-direction:column;gap:16px}.pagination-numbers{order:-1;flex-wrap:wrap;justify-content:center}.pagination-btn{width:100%;justify-content:center}}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@500&display=swap";.matrix-wrapper{font-family:Inter,sans-serif;color:#1f2937;background-color:#f3f4f6;padding:24px;min-height:100vh}.matrix-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:#fff;padding:0 24px;height:69px;border-radius:12px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.header-title-wrapper{display:flex;align-items:center;gap:12px}.header-title{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:100%;letter-spacing:0%;color:#003371;margin:0}.header-icon{color:#2563eb}.search-wrapper{position:relative;display:flex;align-items:center;width:320px}.search-wrapper .search-icon-svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.search-input-container{position:relative;display:flex;align-items:center;width:100%}.paste-btn{position:absolute;right:8px;background:none;border:none;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;border-radius:4px;transition:background-color .2s}.paste-btn:hover{background-color:#f3f4f6}.search-input{width:100%;padding:10px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;color:#374151}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.clear-icon-wrapper{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%}.clear-icon-wrapper:hover{background-color:#f3f4f6}.matrix-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.matrix-table-container{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:1200px}.matrix-table th{background-color:#f9fafb;text-align:left;padding:16px 24px;font-size:12px;font-weight:500;color:#6b7280;text-transform:capitalize;border-bottom:1px solid #E5E7EB}.matrix-table tbody tr{height:92px}.matrix-table td{padding:16px 24px;vertical-align:top;border-bottom:1px solid #F3F4F6}.hub-column{width:267px;min-width:267px}.hub-cell-content{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:14px;position:relative}.hub-name-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;display:block;cursor:default;border-radius:4px;padding:2px 4px;margin:-2px -4px}.hub-name-wrapper:hover{position:absolute;z-index:50;background-color:#fff;width:max-content;max-width:300px;white-space:normal;overflow:visible;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #E5E7EB}.person-cell{min-width:180px}.person-details{display:flex;flex-direction:column}.person-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:0}.person-phone-wrapper{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px;letter-spacing:0%;color:#475467;margin-bottom:0}.copy-icon{cursor:pointer;display:block}.copy-action-wrapper{position:relative;display:flex;align-items:center}.copied-tooltip{position:absolute;left:24px;background-color:#111827;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;animation:fadeInOut 2s forwards;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translate(-5px)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.person-role-tag{display:inline-block;background-color:#ecfdf5;color:#059669;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0%;text-align:center;padding:2px 8px;border-radius:4px;width:fit-content}.empty-cell{color:#4b5563;font-weight:500}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:68px;border-top:1px solid #E5E7EB;box-sizing:border-box}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #D0D5DD;background-color:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.pagination-numbers{display:flex;align-items:center;gap:4px}.page-number{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;background:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0%;text-align:center;color:#667085;border-radius:6px;cursor:pointer}.page-number:hover{background-color:#f3f4f6}.page-number.active{background-color:#f9f5ff;color:#2563eb;font-weight:600}.page-dots{color:#9ca3af;padding:0 4px}@media(max-width:768px){.matrix-wrapper{padding:16px}.matrix-header-bar{height:auto;min-height:69px;flex-direction:column;align-items:stretch;gap:16px;padding:16px}.header-title-wrapper{justify-content:flex-start}.search-wrapper{width:100%}.matrix-content{border-radius:8px}.pagination-footer{flex-direction:column;gap:16px}.pagination-numbers{order:-1;flex-wrap:wrap;justify-content:center}.pagination-btn{width:100%;justify-content:center}}.loading-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;width:100%;background:#fff;min-height:400px}.loader-spinner{width:40px;height:40px;border:3px solid #F3F4F6;border-top:3px solid #2563EB;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:Inter,sans-serif;color:#475467;font-size:14px;font-weight:500}.no-data-cell{text-align:center;padding:80px 0!important;color:#475467;font-family:Inter,sans-serif;font-size:14px;font-weight:500}
package/dist/exclationmatric.js CHANGED
@@ -1,5 +1,5 @@
1
- import ee from "react";
2
- var A = { exports: {} }, v = {};
1
+ import re, { useState as N, useCallback as te, useEffect as ne } from "react";
2
+ var P = { exports: {} }, R = {};
3
3
  /**
4
4
  * @license React
5
5
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var A = { exports: {} }, v = {};
9
9
  * This source code is licensed under the MIT license found in the
10
10
  * LICENSE file in the root directory of this source tree.
11
11
  */
12
- var B;
13
- function re() {
14
- if (B) return v;
15
- B = 1;
16
- var u = Symbol.for("react.transitional.element"), p = Symbol.for("react.fragment");
17
- function i(c, s, l) {
18
- var d = null;
19
- if (l !== void 0 && (d = "" + l), s.key !== void 0 && (d = "" + s.key), "key" in s) {
20
- l = {};
21
- for (var m in s)
22
- m !== "key" && (l[m] = s[m]);
23
- } else l = s;
24
- return s = l.ref, {
25
- $$typeof: u,
26
- type: c,
27
- key: d,
28
- ref: s !== void 0 ? s : null,
29
- props: l
12
+ var U;
13
+ function ae() {
14
+ if (U) return R;
15
+ U = 1;
16
+ var h = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
17
+ function p(v, i, u) {
18
+ var m = null;
19
+ if (u !== void 0 && (m = "" + u), i.key !== void 0 && (m = "" + i.key), "key" in i) {
20
+ u = {};
21
+ for (var x in i)
22
+ x !== "key" && (u[x] = i[x]);
23
+ } else u = i;
24
+ return i = u.ref, {
25
+ $$typeof: h,
26
+ type: v,
27
+ key: m,
28
+ ref: i !== void 0 ? i : null,
29
+ props: u
30
30
  };
31
31
  }
32
- return v.Fragment = p, v.jsx = i, v.jsxs = i, v;
32
+ return R.Fragment = b, R.jsx = p, R.jsxs = p, R;
33
33
  }
34
- var x = {};
34
+ var y = {};
35
35
  /**
36
36
  * @license React
37
37
  * react-jsx-runtime.development.js
@@ -41,126 +41,126 @@ var x = {};
41
41
  * This source code is licensed under the MIT license found in the
42
42
  * LICENSE file in the root directory of this source tree.
43
43
  */
44
- var I;
45
- function te() {
46
- return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
47
- function u(e) {
44
+ var B;
45
+ function se() {
46
+ return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
47
+ function h(e) {
48
48
  if (e == null) return null;
49
49
  if (typeof e == "function")
50
- return e.$$typeof === K ? null : e.displayName || e.name || null;
50
+ return e.$$typeof === Q ? null : e.displayName || e.name || null;
51
51
  if (typeof e == "string") return e;
52
52
  switch (e) {
53
- case b:
53
+ case C:
54
54
  return "Fragment";
55
- case W:
55
+ case a:
56
56
  return "Profiler";
57
- case G:
57
+ case T:
58
58
  return "StrictMode";
59
- case F:
59
+ case k:
60
60
  return "Suspense";
61
- case Z:
61
+ case A:
62
62
  return "SuspenseList";
63
- case z:
63
+ case q:
64
64
  return "Activity";
65
65
  }
66
66
  if (typeof e == "object")
67
67
  switch (typeof e.tag == "number" && console.error(
68
68
  "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
69
69
  ), e.$$typeof) {
70
- case Y:
70
+ case I:
71
71
  return "Portal";
72
- case J:
72
+ case s:
73
73
  return e.displayName || "Context";
74
- case $:
74
+ case n:
75
75
  return (e._context.displayName || "Context") + ".Consumer";
76
- case V:
76
+ case f:
77
77
  var t = e.render;
78
78
  return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
79
- case q:
80
- return t = e.displayName || null, t !== null ? t : u(e.type) || "Memo";
81
- case R:
79
+ case X:
80
+ return t = e.displayName || null, t !== null ? t : h(e.type) || "Memo";
81
+ case M:
82
82
  t = e._payload, e = e._init;
83
83
  try {
84
- return u(e(t));
84
+ return h(e(t));
85
85
  } catch {
86
86
  }
87
87
  }
88
88
  return null;
89
89
  }
90
- function p(e) {
90
+ function b(e) {
91
91
  return "" + e;
92
92
  }
93
- function i(e) {
93
+ function p(e) {
94
94
  try {
95
- p(e);
95
+ b(e);
96
96
  var t = !1;
97
97
  } catch {
98
98
  t = !0;
99
99
  }
100
100
  if (t) {
101
101
  t = console;
102
- var n = t.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
103
- return n.call(
102
+ var o = t.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
103
+ return o.call(
104
104
  t,
105
105
  "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
106
- a
107
- ), p(e);
106
+ l
107
+ ), b(e);
108
108
  }
109
109
  }
110
- function c(e) {
111
- if (e === b) return "<>";
112
- if (typeof e == "object" && e !== null && e.$$typeof === R)
110
+ function v(e) {
111
+ if (e === C) return "<>";
112
+ if (typeof e == "object" && e !== null && e.$$typeof === M)
113
113
  return "<...>";
114
114
  try {
115
- var t = u(e);
115
+ var t = h(e);
116
116
  return t ? "<" + t + ">" : "<...>";
117
117
  } catch {
118
118
  return "<...>";
119
119
  }
120
120
  }
121
- function s() {
122
- var e = j.A;
121
+ function i() {
122
+ var e = W.A;
123
123
  return e === null ? null : e.getOwner();
124
124
  }
125
- function l() {
125
+ function u() {
126
126
  return Error("react-stack-top-frame");
127
127
  }
128
- function d(e) {
129
- if (C.call(e, "key")) {
128
+ function m(e) {
129
+ if (D.call(e, "key")) {
130
130
  var t = Object.getOwnPropertyDescriptor(e, "key").get;
131
131
  if (t && t.isReactWarning) return !1;
132
132
  }
133
133
  return e.key !== void 0;
134
134
  }
135
- function m(e, t) {
136
- function n() {
137
- S || (S = !0, console.error(
135
+ function x(e, t) {
136
+ function o() {
137
+ F || (F = !0, console.error(
138
138
  "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
139
139
  t
140
140
  ));
141
141
  }
142
- n.isReactWarning = !0, Object.defineProperty(e, "key", {
143
- get: n,
142
+ o.isReactWarning = !0, Object.defineProperty(e, "key", {
143
+ get: o,
144
144
  configurable: !0
145
145
  });
146
146
  }
147
- function D() {
148
- var e = u(this.type);
149
- return M[e] || (M[e] = !0, console.error(
147
+ function d() {
148
+ var e = h(this.type);
149
+ return J[e] || (J[e] = !0, console.error(
150
150
  "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
151
151
  )), e = this.props.ref, e !== void 0 ? e : null;
152
152
  }
153
- function U(e, t, n, a, f, k) {
154
- var o = n.ref;
153
+ function w(e, t, o, l, L, Y) {
154
+ var c = o.ref;
155
155
  return e = {
156
156
  $$typeof: _,
157
157
  type: e,
158
158
  key: t,
159
- props: n,
160
- _owner: a
161
- }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
159
+ props: o,
160
+ _owner: l
161
+ }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
162
162
  enumerable: !1,
163
- get: D
163
+ get: d
164
164
  }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
165
165
  configurable: !1,
166
166
  enumerable: !1,
@@ -175,282 +175,294 @@ function te() {
175
175
  configurable: !1,
176
176
  enumerable: !1,
177
177
  writable: !0,
178
- value: f
178
+ value: L
179
179
  }), Object.defineProperty(e, "_debugTask", {
180
180
  configurable: !1,
181
181
  enumerable: !1,
182
182
  writable: !0,
183
- value: k
183
+ value: Y
184
184
  }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
185
185
  }
186
- function N(e, t, n, a, f, k) {
187
- var o = t.children;
188
- if (o !== void 0)
189
- if (a)
190
- if (X(o)) {
191
- for (a = 0; a < o.length; a++)
192
- T(o[a]);
193
- Object.freeze && Object.freeze(o);
186
+ function j(e, t, o, l, L, Y) {
187
+ var c = t.children;
188
+ if (c !== void 0)
189
+ if (l)
190
+ if (K(c)) {
191
+ for (l = 0; l < c.length; l++)
192
+ S(c[l]);
193
+ Object.freeze && Object.freeze(c);
194
194
  } else
195
195
  console.error(
196
196
  "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
197
197
  );
198
- else T(o);
199
- if (C.call(t, "key")) {
200
- o = u(e);
201
- var h = Object.keys(t).filter(function(Q) {
202
- return Q !== "key";
198
+ else S(c);
199
+ if (D.call(t, "key")) {
200
+ c = h(e);
201
+ var E = Object.keys(t).filter(function(ee) {
202
+ return ee !== "key";
203
203
  });
204
- a = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", y[o + a] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
204
+ l = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", H[c + l] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
205
205
  `A props object containing a "key" prop is being spread into JSX:
206
206
  let props = %s;
207
207
  <%s {...props} />
208
208
  React keys must be passed directly to JSX without using spread:
209
209
  let props = %s;
210
210
  <%s key={someKey} {...props} />`,
211
- a,
212
- o,
213
- h,
214
- o
215
- ), y[o + a] = !0);
211
+ l,
212
+ c,
213
+ E,
214
+ c
215
+ ), H[c + l] = !0);
216
216
  }
217
- if (o = null, n !== void 0 && (i(n), o = "" + n), d(t) && (i(t.key), o = "" + t.key), "key" in t) {
218
- n = {};
219
- for (var g in t)
220
- g !== "key" && (n[g] = t[g]);
221
- } else n = t;
222
- return o && m(
223
- n,
217
+ if (c = null, o !== void 0 && (p(o), c = "" + o), m(t) && (p(t.key), c = "" + t.key), "key" in t) {
218
+ o = {};
219
+ for (var z in t)
220
+ z !== "key" && (o[z] = t[z]);
221
+ } else o = t;
222
+ return c && x(
223
+ o,
224
224
  typeof e == "function" ? e.displayName || e.name || "Unknown" : e
225
- ), U(
225
+ ), w(
226
226
  e,
227
+ c,
227
228
  o,
228
- n,
229
- s(),
230
- f,
231
- k
229
+ i(),
230
+ L,
231
+ Y
232
232
  );
233
233
  }
234
- function T(e) {
235
- w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
234
+ function S(e) {
235
+ O(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (e._payload.status === "fulfilled" ? O(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
236
236
  }
237
- function w(e) {
237
+ function O(e) {
238
238
  return typeof e == "object" && e !== null && e.$$typeof === _;
239
239
  }
240
- var E = ee, _ = Symbol.for("react.transitional.element"), Y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), j = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, X = Array.isArray, O = console.createTask ? console.createTask : function() {
240
+ var g = re, _ = Symbol.for("react.transitional.element"), I = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), n = Symbol.for("react.consumer"), s = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), W = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, K = Array.isArray, $ = console.createTask ? console.createTask : function() {
241
241
  return null;
242
242
  };
243
- E = {
243
+ g = {
244
244
  react_stack_bottom_frame: function(e) {
245
245
  return e();
246
246
  }
247
247
  };
248
- var S, M = {}, H = E.react_stack_bottom_frame.bind(
249
- E,
250
- l
251
- )(), P = O(c(l)), y = {};
252
- x.Fragment = b, x.jsx = function(e, t, n) {
253
- var a = 1e4 > j.recentlyCreatedOwnerStacks++;
254
- return N(
248
+ var F, J = {}, V = g.react_stack_bottom_frame.bind(
249
+ g,
250
+ u
251
+ )(), Z = $(v(u)), H = {};
252
+ y.Fragment = C, y.jsx = function(e, t, o) {
253
+ var l = 1e4 > W.recentlyCreatedOwnerStacks++;
254
+ return j(
255
255
  e,
256
256
  t,
257
- n,
257
+ o,
258
258
  !1,
259
- a ? Error("react-stack-top-frame") : H,
260
- a ? O(c(e)) : P
259
+ l ? Error("react-stack-top-frame") : V,
260
+ l ? $(v(e)) : Z
261
261
  );
262
- }, x.jsxs = function(e, t, n) {
263
- var a = 1e4 > j.recentlyCreatedOwnerStacks++;
264
- return N(
262
+ }, y.jsxs = function(e, t, o) {
263
+ var l = 1e4 > W.recentlyCreatedOwnerStacks++;
264
+ return j(
265
265
  e,
266
266
  t,
267
- n,
267
+ o,
268
268
  !0,
269
- a ? Error("react-stack-top-frame") : H,
270
- a ? O(c(e)) : P
269
+ l ? Error("react-stack-top-frame") : V,
270
+ l ? $(v(e)) : Z
271
271
  );
272
272
  };
273
- })()), x;
273
+ })()), y;
274
274
  }
275
- var L;
276
- function ne() {
277
- return L || (L = 1, process.env.NODE_ENV === "production" ? A.exports = re() : A.exports = te()), A.exports;
275
+ var G;
276
+ function oe() {
277
+ return G || (G = 1, process.env.NODE_ENV === "production" ? P.exports = ae() : P.exports = se()), P.exports;
278
278
  }
279
- var r = ne();
280
- const ae = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", oe = "data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", se = [
281
- {
282
- hub: "Agra Hub - North",
283
- levels: [
284
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
285
- { name: "Gaurav Bhatti", role: "Executive", phone: "+91 9898342321" },
286
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
287
- { name: "Gaurav Bhatti", role: "Hub Manager", phone: "+91 9898342321" },
288
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
289
- ]
290
- },
291
- {
292
- hub: "AHMEDABAD ASLALI HUB - WEST2",
293
- levels: [
294
- { name: "RIDDHI RAVAL", role: "Operation Executive", phone: "6358998528" },
295
- { name: "PRABHAT SHEKHA", role: "Ops Supervisor", phone: "8488802885" },
296
- { name: "KANU RABARI", role: "Operation Executive", phone: "9582301908" },
297
- { name: "MAYUR JOSHI", role: "Senior Operation Executive", phone: "9099998840" },
298
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
299
- ]
300
- },
301
- {
302
- hub: "AHMEDABAD BHULABHAI HUB - WEST2",
303
- levels: [
304
- { name: "Neha Ayar", role: "Operation Executive", phone: "9099998848" },
305
- { name: "BHOOMIKA AYAR", role: "Ops Manager", phone: "9099998848" },
306
- { name: "TARUN PARMAR", role: "Operation Executive", phone: "9974407476" },
307
- { name: "Re", role: "Operation Executive", phone: "9099998840" },
308
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
309
- ]
310
- },
311
- {
312
- hub: "AHMEDABAD ISKCON HUB - WEST2",
313
- levels: [
314
- { name: "NITIN MISTRY", role: "Operation Executive", phone: "9825072135" },
315
- { name: "KAMLESH DESAI", role: "Team Member Operation", phone: "9909100091" },
316
- { name: "MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
317
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
318
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
319
- ]
320
- },
321
- {
322
- hub: "AHMEDABAD MITHAKHALI HUB - WEST2",
323
- levels: [
324
- { name: "HUB RECEPTION", role: "Operation Executive", phone: "9099998848" },
325
- { name: "MR. VASANT PADHIYAR", role: "Area Leader Operation", phone: "9898758774" },
326
- { name: "MR. MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
327
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
328
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
329
- ]
330
- },
331
- {
332
- hub: "AHMEDABAD NEHRUNAGAR HUB - WEST2",
333
- levels: [
334
- { name: "Taslim Ansari", role: "Operation Executive", phone: "7211148918" },
335
- { name: "MAYUR DESAI", role: "Operation Executive", phone: "7486012144" },
336
- { name: "MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
337
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
338
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
339
- ]
340
- },
341
- {
342
- hub: "ALLEPPEY HUB - SOUTH1",
343
- levels: [
344
- { name: "PRAMOD KUMAR", role: "Operation Executive", phone: "7486049651" },
345
- { name: "SHEEN S", role: "Operation Executive", phone: "9265863490" },
346
- { name: "SAJEEV ASHOKAN", role: "Operation Executive", phone: "8511090918" },
347
- { name: "PETER JOHNY", role: "Operation Executive", phone: "9995400227" },
348
- { name: "SREEJITH PM", role: "Operation Executive", phone: "9081699918" }
349
- ]
350
- },
351
- {
352
- hub: "AMBALA HUB - NORTH",
353
- levels: [
354
- { name: "SANJAY", role: "Operation Executive", phone: "7485980918" },
355
- { name: "MR RAVI KANT", role: "Operation Executive", phone: "98980 76826" },
356
- { name: "MR AMIT", role: "Operation Executive", phone: "7801890918" },
357
- { name: "SURESH JAMWAL", role: "Operation Executive", phone: "7359099918" },
358
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
359
- ]
360
- },
361
- {
362
- hub: "AMBALA HUB - EAST",
363
- levels: [
364
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
365
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
366
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
367
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
368
- { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
369
- ]
370
- }
371
- ], ie = () => /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
279
+ var r = oe();
280
+ const le = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ce = "data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ie = () => /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "search-icon-svg", children: [
372
281
  /* @__PURE__ */ r.jsx("path", { d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "#666", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
373
282
  /* @__PURE__ */ r.jsx("path", { d: "M21 21L16.65 16.65", stroke: "#666", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
374
- ] }), le = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
283
+ ] }), ue = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
375
284
  /* @__PURE__ */ r.jsx("path", { d: "M19 12H5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
376
285
  /* @__PURE__ */ r.jsx("path", { d: "M12 19L5 12L12 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
377
- ] }), ce = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
286
+ ] }), de = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
378
287
  /* @__PURE__ */ r.jsx("path", { d: "M5 12H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
379
288
  /* @__PURE__ */ r.jsx("path", { d: "M12 5L19 12L12 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
380
- ] }), pe = () => {
381
- const u = (i) => {
382
- navigator.clipboard.writeText(i);
383
- }, p = (i) => {
384
- if (!i) return "";
385
- const c = i.toString().trim();
386
- return c.startsWith("+91") ? c : `+91 ${c}`;
289
+ ] }), he = ({ onClick: h }) => /* @__PURE__ */ r.jsxs(
290
+ "svg",
291
+ {
292
+ width: "16",
293
+ height: "16",
294
+ viewBox: "0 0 24 24",
295
+ fill: "none",
296
+ xmlns: "http://www.w3.org/2000/svg",
297
+ onClick: h,
298
+ style: { cursor: "pointer" },
299
+ className: "clear-icon-svg",
300
+ children: [
301
+ /* @__PURE__ */ r.jsx("path", { d: "M18 6L6 18", stroke: "#9CA3AF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
302
+ /* @__PURE__ */ r.jsx("path", { d: "M6 6L18 18", stroke: "#9CA3AF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
303
+ ]
304
+ }
305
+ ), me = () => {
306
+ const [h, b] = N([]), [p, v] = N(!1), [i, u] = N(null), [m, x] = N(""), [d, w] = N(0), [j, S] = N(0), O = 50, g = (a) => {
307
+ const n = {};
308
+ return a.forEach((s) => {
309
+ const f = `${s.hubName}-${s.zone}`;
310
+ n[f] || (n[f] = {
311
+ hub: `${s.hubName} - ${s.zone}`,
312
+ levels: Array(5).fill(null)
313
+ }), s.level >= 1 && s.level <= 5 && (n[f].levels[s.level - 1] = {
314
+ name: s.name,
315
+ role: s.userRole,
316
+ phone: s.mobileNumber
317
+ });
318
+ }), Object.values(n);
319
+ }, _ = te(async (a = "", n = 0) => {
320
+ v(!0);
321
+ try {
322
+ const s = "/api/smcs-webapp/v1/escalation-matrix", f = new URLSearchParams({
323
+ search: a,
324
+ page: n,
325
+ size: O
326
+ }), k = await fetch(`${s}?${f}`, {
327
+ method: "GET",
328
+ headers: {
329
+ Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJwdW5lLmtvcmVnYW9ucm9Ac2hyZWVtYXJ1dGljb3VyaWVyLm9yZyIsImF1dGhvcml0aWVzIjpbeyJhdXRob3JpdHkiOiJST0xFX0hVQkFETUlOIn1dLCJpc3MiOiJodHRwOi8vc21jcy1kZXYuaHV0ZWNod2ViLmNvbS9zbWNzLXdlYmFwcCIsImp0aSI6IjNkZjdmMjViLTkzZWItNGEwOC1hZmYyLWMxMmMxZmRkNjkzZSIsImlhdCI6MTc3MDk0OTkwNywiZXhwIjoxNzcwOTc4NzA3fQ.jkdJUZomFrcJ1arg2Wjzvfx7tdQxq3IaHRN6ThCSloE",
330
+ "Content-Type": "application/json"
331
+ }
332
+ });
333
+ if (!k.ok) throw new Error("Failed to fetch data");
334
+ const A = await k.json();
335
+ b(g(A.content || [])), S(A.totalPages || 0);
336
+ } catch (s) {
337
+ console.error("Error fetching data:", s);
338
+ } finally {
339
+ v(!1);
340
+ }
341
+ }, []);
342
+ ne(() => {
343
+ const a = setTimeout(() => {
344
+ _(m, d);
345
+ }, 500);
346
+ return () => clearTimeout(a);
347
+ }, [m, d, _]);
348
+ const I = (a, n) => {
349
+ navigator.clipboard.writeText(a), u(n), setTimeout(() => u(null), 2e3);
350
+ }, C = (a) => {
351
+ if (!a) return "";
352
+ const n = a.toString().trim();
353
+ return n.startsWith("+91") ? n : `+91 ${n}`;
354
+ }, T = (a) => {
355
+ a >= 0 && a < j && w(a);
387
356
  };
388
357
  return /* @__PURE__ */ r.jsxs("div", { className: "matrix-wrapper", children: [
389
358
  /* @__PURE__ */ r.jsxs("div", { className: "matrix-header-bar", children: [
390
359
  /* @__PURE__ */ r.jsxs("div", { className: "header-title-wrapper", children: [
391
- /* @__PURE__ */ r.jsx("img", { src: oe, className: "header-icon", alt: "support", width: "24", height: "24" }),
392
- /* @__PURE__ */ r.jsx("h2", { className: "header-title", children: "Delivery Issues & Support" })
360
+ /* @__PURE__ */ r.jsx("img", { src: ce, className: "header-icon", alt: "support", width: "24", height: "24" }),
361
+ /* @__PURE__ */ r.jsx("h2", { className: "header-title", children: "Support & Contact" })
393
362
  ] }),
394
- /* @__PURE__ */ r.jsxs("div", { className: "search-wrapper", children: [
363
+ /* @__PURE__ */ r.jsx("div", { className: "search-wrapper", children: /* @__PURE__ */ r.jsxs("div", { className: "search-input-container", children: [
395
364
  /* @__PURE__ */ r.jsx(ie, {}),
396
- /* @__PURE__ */ r.jsx("input", { type: "text", placeholder: "Search Hubs, Zone or Name..", className: "search-input" })
397
- ] })
365
+ /* @__PURE__ */ r.jsx(
366
+ "input",
367
+ {
368
+ type: "text",
369
+ placeholder: "Search Hubs, Zone or Name..",
370
+ className: "search-input",
371
+ value: m,
372
+ onChange: (a) => {
373
+ x(a.target.value), w(0);
374
+ },
375
+ onPaste: (a) => {
376
+ const n = a.clipboardData.getData("text");
377
+ /^[0-9+ \-()]+$/.test(n.trim()) && (a.preventDefault(), x(n.replace(/[^\d+]/g, "")), w(0));
378
+ }
379
+ }
380
+ ),
381
+ m && /* @__PURE__ */ r.jsx("div", { className: "clear-icon-wrapper", onClick: () => {
382
+ x(""), w(0);
383
+ }, children: /* @__PURE__ */ r.jsx(he, {}) })
384
+ ] }) })
398
385
  ] }),
399
386
  /* @__PURE__ */ r.jsxs("div", { className: "matrix-content", children: [
400
- /* @__PURE__ */ r.jsx("div", { className: "matrix-table-container", children: /* @__PURE__ */ r.jsxs("table", { className: "matrix-table", children: [
387
+ /* @__PURE__ */ r.jsx("div", { className: "matrix-table-container", children: p ? /* @__PURE__ */ r.jsxs("div", { className: "loading-state-container", children: [
388
+ /* @__PURE__ */ r.jsx("div", { className: "loader-spinner" }),
389
+ /* @__PURE__ */ r.jsx("div", { className: "loading-text", children: "Loading escalation matrix..." })
390
+ ] }) : /* @__PURE__ */ r.jsxs("table", { className: "matrix-table", children: [
401
391
  /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
402
392
  /* @__PURE__ */ r.jsx("th", { className: "hub-column", children: "Hub - Zone" }),
403
- /* @__PURE__ */ r.jsx("th", { children: "Primary Contact" }),
404
- /* @__PURE__ */ r.jsx("th", { children: "Supervisor" }),
405
- /* @__PURE__ */ r.jsx("th", { children: "Hub Manager" }),
406
- /* @__PURE__ */ r.jsx("th", { children: "Regional Head" }),
407
- /* @__PURE__ */ r.jsx("th", { children: "Zonal Head" })
393
+ /* @__PURE__ */ r.jsx("th", { children: "Level 1" }),
394
+ /* @__PURE__ */ r.jsx("th", { children: "Level 2" }),
395
+ /* @__PURE__ */ r.jsx("th", { children: "Level 3" }),
396
+ /* @__PURE__ */ r.jsx("th", { children: "Level 4" }),
397
+ /* @__PURE__ */ r.jsx("th", { children: "Level 5" })
408
398
  ] }) }),
409
- /* @__PURE__ */ r.jsx("tbody", { children: se.map((i, c) => /* @__PURE__ */ r.jsxs("tr", { children: [
410
- /* @__PURE__ */ r.jsx("td", { className: "hub-cell-content", children: i.hub }),
411
- i.levels.slice(0, 5).map((s, l) => /* @__PURE__ */ r.jsx("td", { className: "person-cell", children: s ? /* @__PURE__ */ r.jsxs("div", { className: "person-details", children: [
412
- /* @__PURE__ */ r.jsx("div", { className: "person-name", children: s.name }),
413
- /* @__PURE__ */ r.jsxs("div", { className: "person-phone-wrapper", style: { cursor: "pointer" }, children: [
414
- /* @__PURE__ */ r.jsx("span", { className: "person-phone", children: p(s.phone) }),
415
- /* @__PURE__ */ r.jsx(
416
- "img",
417
- {
418
- src: ae,
419
- className: "copy-icon",
420
- alt: "copy",
421
- width: "14",
422
- height: "14",
423
- onClick: () => u(p(s.phone))
424
- }
425
- )
426
- ] }),
427
- /* @__PURE__ */ r.jsx("div", { className: "person-role-tag", children: s.role })
428
- ] }) : /* @__PURE__ */ r.jsx("span", { className: "empty-cell", children: "-" }) }, l)),
429
- [...Array(Math.max(0, 5 - i.levels.length))].map((s, l) => /* @__PURE__ */ r.jsx("td", { className: "person-cell", children: /* @__PURE__ */ r.jsx("span", { className: "empty-cell", children: "-" }) }, `empty-${l}`))
430
- ] }, c)) })
399
+ /* @__PURE__ */ r.jsx("tbody", { children: h.length > 0 ? h.map((a, n) => /* @__PURE__ */ r.jsxs("tr", { children: [
400
+ /* @__PURE__ */ r.jsx("td", { className: "hub-cell-content", children: /* @__PURE__ */ r.jsx("div", { className: "hub-name-wrapper", title: a.hub, children: a.hub }) }),
401
+ a.levels.map((s, f) => {
402
+ const k = `${n}-${f}`;
403
+ return /* @__PURE__ */ r.jsx("td", { className: "person-cell", children: s ? /* @__PURE__ */ r.jsxs("div", { className: "person-details", children: [
404
+ /* @__PURE__ */ r.jsx("div", { className: "person-name", children: s.name }),
405
+ /* @__PURE__ */ r.jsxs("div", { className: "person-phone-wrapper", children: [
406
+ /* @__PURE__ */ r.jsx("span", { className: "person-phone", children: C(s.phone) }),
407
+ /* @__PURE__ */ r.jsxs("div", { className: "copy-action-wrapper", children: [
408
+ /* @__PURE__ */ r.jsx(
409
+ "img",
410
+ {
411
+ src: le,
412
+ className: "copy-icon",
413
+ alt: "copy",
414
+ width: "14",
415
+ height: "14",
416
+ onClick: () => I(C(s.phone), k)
417
+ }
418
+ ),
419
+ i === k && /* @__PURE__ */ r.jsx("span", { className: "copied-tooltip", children: "Copied!" })
420
+ ] })
421
+ ] }),
422
+ /* @__PURE__ */ r.jsx("div", { className: "person-role-tag", children: s.role })
423
+ ] }) : /* @__PURE__ */ r.jsx("div", { className: "empty-cell-wrapper", children: /* @__PURE__ */ r.jsx("span", { className: "empty-cell", children: "--" }) }) }, f);
424
+ })
425
+ ] }, n)) : /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: "6", className: "no-data-cell", children: "No escalation contacts found." }) }) })
431
426
  ] }) }),
432
427
  /* @__PURE__ */ r.jsxs("div", { className: "pagination-footer", children: [
433
- /* @__PURE__ */ r.jsxs("button", { className: "pagination-btn", children: [
434
- /* @__PURE__ */ r.jsx(le, {}),
435
- " Previous"
436
- ] }),
437
- /* @__PURE__ */ r.jsxs("div", { className: "pagination-numbers", children: [
438
- /* @__PURE__ */ r.jsx("button", { className: "page-number active", children: "1" }),
439
- /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "2" }),
440
- /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "3" }),
441
- /* @__PURE__ */ r.jsx("span", { className: "page-dots", children: "..." }),
442
- /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "8" }),
443
- /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "9" }),
444
- /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "10" })
445
- ] }),
446
- /* @__PURE__ */ r.jsxs("button", { className: "pagination-btn", children: [
447
- "Next ",
448
- /* @__PURE__ */ r.jsx(ce, {})
449
- ] })
428
+ /* @__PURE__ */ r.jsxs(
429
+ "button",
430
+ {
431
+ className: "pagination-btn",
432
+ onClick: () => T(d - 1),
433
+ disabled: d === 0 || p,
434
+ children: [
435
+ /* @__PURE__ */ r.jsx(ue, {}),
436
+ " Previous"
437
+ ]
438
+ }
439
+ ),
440
+ /* @__PURE__ */ r.jsx("div", { className: "pagination-numbers", children: [...Array(j)].map((a, n) => n === 0 || n === j - 1 || n >= d - 1 && n <= d + 1 ? /* @__PURE__ */ r.jsx(
441
+ "button",
442
+ {
443
+ className: `page-number ${d === n ? "active" : ""}`,
444
+ onClick: () => T(n),
445
+ disabled: p,
446
+ children: n + 1
447
+ },
448
+ n
449
+ ) : n === d - 2 || n === d + 2 ? /* @__PURE__ */ r.jsx("span", { className: "page-dots", children: "..." }, n) : null) }),
450
+ /* @__PURE__ */ r.jsxs(
451
+ "button",
452
+ {
453
+ className: "pagination-btn",
454
+ onClick: () => T(d + 1),
455
+ disabled: d === j - 1 || p || j === 0,
456
+ children: [
457
+ "Next ",
458
+ /* @__PURE__ */ r.jsx(de, {})
459
+ ]
460
+ }
461
+ )
450
462
  ] })
451
463
  ] })
452
464
  ] });
453
465
  };
454
466
  export {
455
- pe as ExclationMatrix
467
+ me as ExclationMatrix
456
468
  };
package/dist/exclationmatric.umd.cjs CHANGED
@@ -1,4 +1,4 @@
1
- (function(p,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(p=typeof globalThis<"u"?globalThis:p||self,m(p.ExclationMatric={},p.React))})(this,(function(p,m){"use strict";var A={exports:{}},v={};/**
1
+ (function(b,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],i):(b=typeof globalThis<"u"?globalThis:b||self,i(b.ExclationMatric={},b.React))})(this,(function(b,i){"use strict";var O={exports:{}},_={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.js
4
4
  *
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var w;function Y(){if(w)return v;w=1;var u=Symbol.for("react.transitional.element"),h=Symbol.for("react.fragment");function i(c,s,l){var f=null;if(l!==void 0&&(f=""+l),s.key!==void 0&&(f=""+s.key),"key"in s){l={};for(var E in s)E!=="key"&&(l[E]=s[E])}else l=s;return s=l.ref,{$$typeof:u,type:c,key:f,ref:s!==void 0?s:null,props:l}}return v.Fragment=h,v.jsx=i,v.jsxs=i,v}var x={};/**
9
+ */var J;function Q(){if(J)return _;J=1;var p=Symbol.for("react.transitional.element"),g=Symbol.for("react.fragment");function f(j,u,d){var m=null;if(d!==void 0&&(m=""+d),u.key!==void 0&&(m=""+u.key),"key"in u){d={};for(var v in u)v!=="key"&&(d[v]=u[v])}else d=u;return u=d.ref,{$$typeof:p,type:j,key:m,ref:u!==void 0?u:null,props:d}}return _.Fragment=g,_.jsx=f,_.jsxs=f,_}var R={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,9 +14,9 @@
14
14
  *
15
15
  * This source code is licensed under the MIT license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
- */var _;function G(){return _||(_=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case re:return"Profiler";case ee:return"StrictMode";case oe:return"Suspense";case se:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case Q:return"Portal";case ne:return e.displayName||"Context";case te:return(e._context.displayName||"Context")+".Consumer";case ae:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return t=e.displayName||null,t!==null?t:u(e.type)||"Memo";case O:t=e._payload,e=e._init;try{return u(e(t))}catch{}}return null}function h(e){return""+e}function i(e){try{h(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),h(e)}}function c(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var t=u(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=k.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function f(e){if(P.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function E(e,t){function n(){B||(B=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function K(){var e=u(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function X(e,t,n,a,j,T){var o=n.ref;return e={$$typeof:y,type:e,key:t,props:n,_owner:a},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:K}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function C(e,t,n,a,j,T){var o=t.children;if(o!==void 0)if(a)if(ue(o)){for(a=0;a<o.length;a++)M(o[a]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else M(o);if(P.call(t,"key")){o=u(e);var d=Object.keys(t).filter(function(pe){return pe!=="key"});a=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",U[o+a]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
17
+ */var V;function q(){return V||(V=1,process.env.NODE_ENV!=="production"&&(function(){function p(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case s:return"Profiler";case S:return"StrictMode";case w:return"Suspense";case P:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case M:return"Portal";case a:return e.displayName||"Context";case n:return(e._context.displayName||"Context")+".Consumer";case x:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return t=e.displayName||null,t!==null?t:p(e.type)||"Memo";case W:t=e._payload,e=e._init;try{return p(e(t))}catch{}}return null}function g(e){return""+e}function f(e){try{g(e);var t=!1}catch{t=!0}if(t){t=console;var o=t.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),g(e)}}function j(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===W)return"<...>";try{var t=p(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function u(){var e=Y.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function m(e){if(H.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function v(e,t){function o(){U||(U=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function h(){var e=p(this.type);return B[e]||(B[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function C(e,t,o,c,I,D){var l=o.ref;return e={$$typeof:y,type:e,key:t,props:o,_owner:c},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:h}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,t,o,c,I,D){var l=t.children;if(l!==void 0)if(c)if(ue(l)){for(c=0;c<l.length;c++)A(l[c]);Object.freeze&&Object.freeze(l)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else A(l);if(H.call(t,"key")){l=p(e);var T=Object.keys(t).filter(function(de){return de!=="key"});c=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",$[l+c]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
18
  let props = %s;
19
19
  <%s {...props} />
20
20
  React keys must be passed directly to JSX without using spread:
21
21
  let props = %s;
22
- <%s key={someKey} {...props} />`,a,o,d,o),U[o+a]=!0)}if(o=null,n!==void 0&&(i(n),o=""+n),f(t)&&(i(t.key),o=""+t.key),"key"in t){n={};for(var N in t)N!=="key"&&(n[N]=t[N])}else n=t;return o&&E(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),X(e,o,n,s(),j,T)}function M(e){H(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?H(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var b=m,y=Symbol.for("react.transitional.element"),Q=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),ee=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),te=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),oe=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),k=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,ue=Array.isArray,g=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var B,I={},L=b.react_stack_bottom_frame.bind(b,l)(),D=g(c(l)),U={};x.Fragment=R,x.jsx=function(e,t,n){var a=1e4>k.recentlyCreatedOwnerStacks++;return C(e,t,n,!1,a?Error("react-stack-top-frame"):L,a?g(c(e)):D)},x.jsxs=function(e,t,n){var a=1e4>k.recentlyCreatedOwnerStacks++;return C(e,t,n,!0,a?Error("react-stack-top-frame"):L,a?g(c(e)):D)}})()),x}var S;function W(){return S||(S=1,process.env.NODE_ENV==="production"?A.exports=Y():A.exports=G()),A.exports}var r=W();const J="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",$="data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",V=[{hub:"Agra Hub - North",levels:[{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Hub Manager",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD ASLALI HUB - WEST2",levels:[{name:"RIDDHI RAVAL",role:"Operation Executive",phone:"6358998528"},{name:"PRABHAT SHEKHA",role:"Ops Supervisor",phone:"8488802885"},{name:"KANU RABARI",role:"Operation Executive",phone:"9582301908"},{name:"MAYUR JOSHI",role:"Senior Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD BHULABHAI HUB - WEST2",levels:[{name:"Neha Ayar",role:"Operation Executive",phone:"9099998848"},{name:"BHOOMIKA AYAR",role:"Ops Manager",phone:"9099998848"},{name:"TARUN PARMAR",role:"Operation Executive",phone:"9974407476"},{name:"Re",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD ISKCON HUB - WEST2",levels:[{name:"NITIN MISTRY",role:"Operation Executive",phone:"9825072135"},{name:"KAMLESH DESAI",role:"Team Member Operation",phone:"9909100091"},{name:"MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD MITHAKHALI HUB - WEST2",levels:[{name:"HUB RECEPTION",role:"Operation Executive",phone:"9099998848"},{name:"MR. VASANT PADHIYAR",role:"Area Leader Operation",phone:"9898758774"},{name:"MR. MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD NEHRUNAGAR HUB - WEST2",levels:[{name:"Taslim Ansari",role:"Operation Executive",phone:"7211148918"},{name:"MAYUR DESAI",role:"Operation Executive",phone:"7486012144"},{name:"MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"ALLEPPEY HUB - SOUTH1",levels:[{name:"PRAMOD KUMAR",role:"Operation Executive",phone:"7486049651"},{name:"SHEEN S",role:"Operation Executive",phone:"9265863490"},{name:"SAJEEV ASHOKAN",role:"Operation Executive",phone:"8511090918"},{name:"PETER JOHNY",role:"Operation Executive",phone:"9995400227"},{name:"SREEJITH PM",role:"Operation Executive",phone:"9081699918"}]},{hub:"AMBALA HUB - NORTH",levels:[{name:"SANJAY",role:"Operation Executive",phone:"7485980918"},{name:"MR RAVI KANT",role:"Operation Executive",phone:"98980 76826"},{name:"MR AMIT",role:"Operation Executive",phone:"7801890918"},{name:"SURESH JAMWAL",role:"Operation Executive",phone:"7359099918"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AMBALA HUB - EAST",levels:[{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]}],F=()=>r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M21 21L16.65 16.65",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),Z=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M19 12H5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 19L5 12L12 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),q=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 5L19 12L12 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),z=()=>{const u=i=>{navigator.clipboard.writeText(i)},h=i=>{if(!i)return"";const c=i.toString().trim();return c.startsWith("+91")?c:`+91 ${c}`};return r.jsxs("div",{className:"matrix-wrapper",children:[r.jsxs("div",{className:"matrix-header-bar",children:[r.jsxs("div",{className:"header-title-wrapper",children:[r.jsx("img",{src:$,className:"header-icon",alt:"support",width:"24",height:"24"}),r.jsx("h2",{className:"header-title",children:"Delivery Issues & Support"})]}),r.jsxs("div",{className:"search-wrapper",children:[r.jsx(F,{}),r.jsx("input",{type:"text",placeholder:"Search Hubs, Zone or Name..",className:"search-input"})]})]}),r.jsxs("div",{className:"matrix-content",children:[r.jsx("div",{className:"matrix-table-container",children:r.jsxs("table",{className:"matrix-table",children:[r.jsx("thead",{children:r.jsxs("tr",{children:[r.jsx("th",{className:"hub-column",children:"Hub - Zone"}),r.jsx("th",{children:"Primary Contact"}),r.jsx("th",{children:"Supervisor"}),r.jsx("th",{children:"Hub Manager"}),r.jsx("th",{children:"Regional Head"}),r.jsx("th",{children:"Zonal Head"})]})}),r.jsx("tbody",{children:V.map((i,c)=>r.jsxs("tr",{children:[r.jsx("td",{className:"hub-cell-content",children:i.hub}),i.levels.slice(0,5).map((s,l)=>r.jsx("td",{className:"person-cell",children:s?r.jsxs("div",{className:"person-details",children:[r.jsx("div",{className:"person-name",children:s.name}),r.jsxs("div",{className:"person-phone-wrapper",style:{cursor:"pointer"},children:[r.jsx("span",{className:"person-phone",children:h(s.phone)}),r.jsx("img",{src:J,className:"copy-icon",alt:"copy",width:"14",height:"14",onClick:()=>u(h(s.phone))})]}),r.jsx("div",{className:"person-role-tag",children:s.role})]}):r.jsx("span",{className:"empty-cell",children:"-"})},l)),[...Array(Math.max(0,5-i.levels.length))].map((s,l)=>r.jsx("td",{className:"person-cell",children:r.jsx("span",{className:"empty-cell",children:"-"})},`empty-${l}`))]},c))})]})}),r.jsxs("div",{className:"pagination-footer",children:[r.jsxs("button",{className:"pagination-btn",children:[r.jsx(Z,{})," Previous"]}),r.jsxs("div",{className:"pagination-numbers",children:[r.jsx("button",{className:"page-number active",children:"1"}),r.jsx("button",{className:"page-number",children:"2"}),r.jsx("button",{className:"page-number",children:"3"}),r.jsx("span",{className:"page-dots",children:"..."}),r.jsx("button",{className:"page-number",children:"8"}),r.jsx("button",{className:"page-number",children:"9"}),r.jsx("button",{className:"page-number",children:"10"})]}),r.jsxs("button",{className:"pagination-btn",children:["Next ",r.jsx(q,{})]})]})]})]})};p.ExclationMatrix=z,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
22
+ <%s key={someKey} {...props} />`,c,l,T,l),$[l+c]=!0)}if(l=null,o!==void 0&&(f(o),l=""+o),m(t)&&(f(t.key),l=""+t.key),"key"in t){o={};for(var F in t)F!=="key"&&(o[F]=t[F])}else o=t;return l&&v(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),C(e,l,o,u(),I,D)}function A(e){L(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===W&&(e._payload.status==="fulfilled"?L(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function L(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var E=i,y=Symbol.for("react.transitional.element"),M=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),n=Symbol.for("react.consumer"),a=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),Y=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,ue=Array.isArray,z=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var U,B={},G=E.react_stack_bottom_frame.bind(E,d)(),X=z(j(d)),$={};R.Fragment=N,R.jsx=function(e,t,o){var c=1e4>Y.recentlyCreatedOwnerStacks++;return k(e,t,o,!1,c?Error("react-stack-top-frame"):G,c?z(j(e)):X)},R.jsxs=function(e,t,o){var c=1e4>Y.recentlyCreatedOwnerStacks++;return k(e,t,o,!0,c?Error("react-stack-top-frame"):G,c?z(j(e)):X)}})()),R}var Z;function K(){return Z||(Z=1,process.env.NODE_ENV==="production"?O.exports=Q():O.exports=q()),O.exports}var r=K();const ee="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",re="data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",te=()=>r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"search-icon-svg",children:[r.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M21 21L16.65 16.65",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ne=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M19 12H5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 19L5 12L12 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),se=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 5L19 12L12 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),ae=({onClick:p})=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:p,style:{cursor:"pointer"},className:"clear-icon-svg",children:[r.jsx("path",{d:"M18 6L6 18",stroke:"#9CA3AF",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M6 6L18 18",stroke:"#9CA3AF",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),oe=()=>{const[p,g]=i.useState([]),[f,j]=i.useState(!1),[u,d]=i.useState(null),[m,v]=i.useState(""),[h,C]=i.useState(0),[k,A]=i.useState(0),L=50,E=s=>{const n={};return s.forEach(a=>{const x=`${a.hubName}-${a.zone}`;n[x]||(n[x]={hub:`${a.hubName} - ${a.zone}`,levels:Array(5).fill(null)}),a.level>=1&&a.level<=5&&(n[x].levels[a.level-1]={name:a.name,role:a.userRole,phone:a.mobileNumber})}),Object.values(n)},y=i.useCallback(async(s="",n=0)=>{j(!0);try{const a="/api/smcs-webapp/v1/escalation-matrix",x=new URLSearchParams({search:s,page:n,size:L}),w=await fetch(`${a}?${x}`,{method:"GET",headers:{Authorization:"Bearer eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJwdW5lLmtvcmVnYW9ucm9Ac2hyZWVtYXJ1dGljb3VyaWVyLm9yZyIsImF1dGhvcml0aWVzIjpbeyJhdXRob3JpdHkiOiJST0xFX0hVQkFETUlOIn1dLCJpc3MiOiJodHRwOi8vc21jcy1kZXYuaHV0ZWNod2ViLmNvbS9zbWNzLXdlYmFwcCIsImp0aSI6IjNkZjdmMjViLTkzZWItNGEwOC1hZmYyLWMxMmMxZmRkNjkzZSIsImlhdCI6MTc3MDk0OTkwNywiZXhwIjoxNzcwOTc4NzA3fQ.jkdJUZomFrcJ1arg2Wjzvfx7tdQxq3IaHRN6ThCSloE","Content-Type":"application/json"}});if(!w.ok)throw new Error("Failed to fetch data");const P=await w.json();g(E(P.content||[])),A(P.totalPages||0)}catch(a){console.error("Error fetching data:",a)}finally{j(!1)}},[]);i.useEffect(()=>{const s=setTimeout(()=>{y(m,h)},500);return()=>clearTimeout(s)},[m,h,y]);const M=(s,n)=>{navigator.clipboard.writeText(s),d(n),setTimeout(()=>d(null),2e3)},N=s=>{if(!s)return"";const n=s.toString().trim();return n.startsWith("+91")?n:`+91 ${n}`},S=s=>{s>=0&&s<k&&C(s)};return r.jsxs("div",{className:"matrix-wrapper",children:[r.jsxs("div",{className:"matrix-header-bar",children:[r.jsxs("div",{className:"header-title-wrapper",children:[r.jsx("img",{src:re,className:"header-icon",alt:"support",width:"24",height:"24"}),r.jsx("h2",{className:"header-title",children:"Support & Contact"})]}),r.jsx("div",{className:"search-wrapper",children:r.jsxs("div",{className:"search-input-container",children:[r.jsx(te,{}),r.jsx("input",{type:"text",placeholder:"Search Hubs, Zone or Name..",className:"search-input",value:m,onChange:s=>{v(s.target.value),C(0)},onPaste:s=>{const n=s.clipboardData.getData("text");/^[0-9+ \-()]+$/.test(n.trim())&&(s.preventDefault(),v(n.replace(/[^\d+]/g,"")),C(0))}}),m&&r.jsx("div",{className:"clear-icon-wrapper",onClick:()=>{v(""),C(0)},children:r.jsx(ae,{})})]})})]}),r.jsxs("div",{className:"matrix-content",children:[r.jsx("div",{className:"matrix-table-container",children:f?r.jsxs("div",{className:"loading-state-container",children:[r.jsx("div",{className:"loader-spinner"}),r.jsx("div",{className:"loading-text",children:"Loading escalation matrix..."})]}):r.jsxs("table",{className:"matrix-table",children:[r.jsx("thead",{children:r.jsxs("tr",{children:[r.jsx("th",{className:"hub-column",children:"Hub - Zone"}),r.jsx("th",{children:"Level 1"}),r.jsx("th",{children:"Level 2"}),r.jsx("th",{children:"Level 3"}),r.jsx("th",{children:"Level 4"}),r.jsx("th",{children:"Level 5"})]})}),r.jsx("tbody",{children:p.length>0?p.map((s,n)=>r.jsxs("tr",{children:[r.jsx("td",{className:"hub-cell-content",children:r.jsx("div",{className:"hub-name-wrapper",title:s.hub,children:s.hub})}),s.levels.map((a,x)=>{const w=`${n}-${x}`;return r.jsx("td",{className:"person-cell",children:a?r.jsxs("div",{className:"person-details",children:[r.jsx("div",{className:"person-name",children:a.name}),r.jsxs("div",{className:"person-phone-wrapper",children:[r.jsx("span",{className:"person-phone",children:N(a.phone)}),r.jsxs("div",{className:"copy-action-wrapper",children:[r.jsx("img",{src:ee,className:"copy-icon",alt:"copy",width:"14",height:"14",onClick:()=>M(N(a.phone),w)}),u===w&&r.jsx("span",{className:"copied-tooltip",children:"Copied!"})]})]}),r.jsx("div",{className:"person-role-tag",children:a.role})]}):r.jsx("div",{className:"empty-cell-wrapper",children:r.jsx("span",{className:"empty-cell",children:"--"})})},x)})]},n)):r.jsx("tr",{children:r.jsx("td",{colSpan:"6",className:"no-data-cell",children:"No escalation contacts found."})})})]})}),r.jsxs("div",{className:"pagination-footer",children:[r.jsxs("button",{className:"pagination-btn",onClick:()=>S(h-1),disabled:h===0||f,children:[r.jsx(ne,{})," Previous"]}),r.jsx("div",{className:"pagination-numbers",children:[...Array(k)].map((s,n)=>n===0||n===k-1||n>=h-1&&n<=h+1?r.jsx("button",{className:`page-number ${h===n?"active":""}`,onClick:()=>S(n),disabled:f,children:n+1},n):n===h-2||n===h+2?r.jsx("span",{className:"page-dots",children:"..."},n):null)}),r.jsxs("button",{className:"pagination-btn",onClick:()=>S(h+1),disabled:h===k-1||f||k===0,children:["Next ",r.jsx(se,{})]})]})]})]})};b.ExclationMatrix=oe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innofulfill/exclationmatric",
3
3
  "private": false,
4
- "version": "0.1.0",
4
+ "version": "0.1.2",
5
5
  "type": "module",
6
6
  "main": "dist/exclationmatric.umd.cjs",
7
7
  "module": "dist/exclationmatric.js",
@@ -23,8 +23,13 @@
23
23
  "preview": "vite preview"
24
24
  },
25
25
  "peerDependencies": {
26
- "react": "^19.2.0",
27
- "react-dom": "^19.2.0"
26
+ "react": ">=18.0.0",
27
+ "react-dom": ">=18.0.0"
28
+ },
29
+ "peerDependenciesMeta": {
30
+ "react-dom": {
31
+ "optional": true
32
+ }
28
33
  },
29
34
  "devDependencies": {
30
35
  "@eslint/js": "^9.19.0",