@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326053312 → 0.8.1-dev.20260326055821

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 (5) hide show
  1. package/dist/index.d.mts +17 -12
  2. package/dist/index.d.ts +17 -12
  3. package/dist/index.js +634 -671
  4. package/dist/index.mjs +512 -549
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -36,9 +36,9 @@ __export(CopyButton_exports, {
36
36
  default: () => CopyButton
37
37
  });
38
38
  function CopyButton({ text }) {
39
- const [copied, setCopied] = (0, import_react41.useState)(false);
40
- const timeoutRef = (0, import_react41.useRef)(null);
41
- (0, import_react41.useEffect)(() => {
39
+ const [copied, setCopied] = (0, import_react39.useState)(false);
40
+ const timeoutRef = (0, import_react39.useRef)(null);
41
+ (0, import_react39.useEffect)(() => {
42
42
  return () => {
43
43
  if (timeoutRef.current) clearTimeout(timeoutRef.current);
44
44
  };
@@ -53,13 +53,13 @@ function CopyButton({ text }) {
53
53
  console.error("Failed to copy: ", err);
54
54
  }
55
55
  };
56
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
56
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
57
57
  "button",
58
58
  {
59
59
  onClick: handleCopy,
60
60
  className: "flex gap-1 items-center hover:text-white transition",
61
61
  children: [
62
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
62
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
63
63
  "svg",
64
64
  {
65
65
  width: "16",
@@ -67,7 +67,7 @@ function CopyButton({ text }) {
67
67
  viewBox: "0 0 24 24",
68
68
  className: "w-4 h-4",
69
69
  fill: "currentColor",
70
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
70
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
71
71
  "path",
72
72
  {
73
73
  fillRule: "evenodd",
@@ -82,13 +82,13 @@ function CopyButton({ text }) {
82
82
  }
83
83
  );
84
84
  }
85
- var import_react41, import_jsx_runtime52;
85
+ var import_react39, import_jsx_runtime50;
86
86
  var init_CopyButton = __esm({
87
87
  "src/components/CopyButton.tsx"() {
88
88
  "use strict";
89
89
  "use client";
90
- import_react41 = require("react");
91
- import_jsx_runtime52 = require("react/jsx-runtime");
90
+ import_react39 = require("react");
91
+ import_jsx_runtime50 = require("react/jsx-runtime");
92
92
  }
93
93
  });
94
94
 
@@ -97,15 +97,15 @@ var HlsPlayer_exports = {};
97
97
  __export(HlsPlayer_exports, {
98
98
  default: () => HlsPlayer_default
99
99
  });
100
- var import_react43, import_hls, import_jsx_runtime55, HlsPlayer, HlsPlayer_default;
100
+ var import_react41, import_hls, import_jsx_runtime53, HlsPlayer, HlsPlayer_default;
101
101
  var init_HlsPlayer = __esm({
102
102
  "src/components/HlsPlayer.tsx"() {
103
103
  "use strict";
104
104
  "use client";
105
- import_react43 = __toESM(require("react"));
105
+ import_react41 = __toESM(require("react"));
106
106
  import_hls = __toESM(require("hls.js"));
107
- import_jsx_runtime55 = require("react/jsx-runtime");
108
- HlsPlayer = import_react43.default.memo(
107
+ import_jsx_runtime53 = require("react/jsx-runtime");
108
+ HlsPlayer = import_react41.default.memo(
109
109
  ({
110
110
  assetUrl,
111
111
  posterUrl,
@@ -115,13 +115,13 @@ var init_HlsPlayer = __esm({
115
115
  loop = false,
116
116
  playOptions = "autoplay"
117
117
  }) => {
118
- const videoRef = (0, import_react43.useRef)(null);
119
- const hlsRef = (0, import_react43.useRef)(null);
120
- const [isPlaying, setIsPlaying] = (0, import_react43.useState)(playOptions === "autoplay");
121
- const [isHovered, setIsHovered] = (0, import_react43.useState)(false);
122
- const [isMobile, setIsMobile] = (0, import_react43.useState)(false);
123
- const wasManuallyPausedRef = (0, import_react43.useRef)(false);
124
- (0, import_react43.useEffect)(() => {
118
+ const videoRef = (0, import_react41.useRef)(null);
119
+ const hlsRef = (0, import_react41.useRef)(null);
120
+ const [isPlaying, setIsPlaying] = (0, import_react41.useState)(playOptions === "autoplay");
121
+ const [isHovered, setIsHovered] = (0, import_react41.useState)(false);
122
+ const [isMobile, setIsMobile] = (0, import_react41.useState)(false);
123
+ const wasManuallyPausedRef = (0, import_react41.useRef)(false);
124
+ (0, import_react41.useEffect)(() => {
125
125
  const checkMobile = () => {
126
126
  const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
127
127
  const isSmallScreen = window.innerWidth <= 768;
@@ -133,7 +133,7 @@ var init_HlsPlayer = __esm({
133
133
  window.addEventListener("resize", checkMobile);
134
134
  return () => window.removeEventListener("resize", checkMobile);
135
135
  }, []);
136
- (0, import_react43.useEffect)(() => {
136
+ (0, import_react41.useEffect)(() => {
137
137
  const v = videoRef.current;
138
138
  if (!v || !assetUrl) return;
139
139
  if (hlsRef.current) {
@@ -154,7 +154,7 @@ var init_HlsPlayer = __esm({
154
154
  v.src = assetUrl;
155
155
  }
156
156
  }, [assetUrl, isPlaying]);
157
- const handlePlayPause = (0, import_react43.useCallback)(() => {
157
+ const handlePlayPause = (0, import_react41.useCallback)(() => {
158
158
  const v = videoRef.current;
159
159
  if (!v) return;
160
160
  if (v.paused) {
@@ -166,14 +166,14 @@ var init_HlsPlayer = __esm({
166
166
  setIsPlaying(false);
167
167
  }
168
168
  }, []);
169
- const handleMouseEnter = (0, import_react43.useCallback)(() => {
169
+ const handleMouseEnter = (0, import_react41.useCallback)(() => {
170
170
  if (isMobile) return;
171
171
  setIsHovered(true);
172
172
  if (playOptions === "playOnHover" && videoRef.current && !wasManuallyPausedRef.current) {
173
173
  videoRef.current.play().then(() => setIsPlaying(true));
174
174
  }
175
175
  }, [playOptions, isMobile]);
176
- const handleMouseLeave = (0, import_react43.useCallback)(() => {
176
+ const handleMouseLeave = (0, import_react41.useCallback)(() => {
177
177
  if (isMobile) return;
178
178
  setIsHovered(false);
179
179
  if (playOptions === "playOnHover" && videoRef.current) {
@@ -182,14 +182,14 @@ var init_HlsPlayer = __esm({
182
182
  setIsPlaying(false);
183
183
  }
184
184
  }, [playOptions, isMobile]);
185
- return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
185
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
186
186
  "div",
187
187
  {
188
188
  className: "relative w-full aspect-video bg-black",
189
189
  onMouseEnter: handleMouseEnter,
190
190
  onMouseLeave: handleMouseLeave,
191
191
  children: [
192
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
192
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
193
193
  "video",
194
194
  {
195
195
  ref: videoRef,
@@ -203,7 +203,7 @@ var init_HlsPlayer = __esm({
203
203
  onClick: !isMobile && !isPlaying ? handlePlayPause : void 0
204
204
  }
205
205
  ),
206
- !isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
206
+ !isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
207
207
  "img",
208
208
  {
209
209
  src: posterUrl,
@@ -213,7 +213,7 @@ var init_HlsPlayer = __esm({
213
213
  className: `absolute inset-0 object-cover transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`
214
214
  }
215
215
  ),
216
- !isMobile && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
216
+ !isMobile && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
217
217
  "div",
218
218
  {
219
219
  className: "absolute inset-0 flex items-center justify-center cursor-pointer",
@@ -232,43 +232,43 @@ var init_HlsPlayer = __esm({
232
232
  });
233
233
 
234
234
  // src/components/IFrameLoaderView.tsx
235
- var import_react46, import_jsx_runtime61, IFrameLoaderView, IFrameLoaderView_default;
235
+ var import_react44, import_jsx_runtime59, IFrameLoaderView, IFrameLoaderView_default;
236
236
  var init_IFrameLoaderView = __esm({
237
237
  "src/components/IFrameLoaderView.tsx"() {
238
238
  "use strict";
239
- import_react46 = __toESM(require("react"));
240
- import_jsx_runtime61 = require("react/jsx-runtime");
239
+ import_react44 = __toESM(require("react"));
240
+ import_jsx_runtime59 = require("react/jsx-runtime");
241
241
  IFrameLoaderView = (props) => {
242
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react46.default.Fragment, { children: [
243
- props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
244
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center mb-4", children: [
245
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
246
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ml-2", children: [
247
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
248
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
242
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react44.default.Fragment, { children: [
243
+ props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
244
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center mb-4", children: [
245
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
246
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ml-2", children: [
247
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
248
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
249
249
  ] })
250
250
  ] }),
251
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
252
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
253
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
254
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
255
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
256
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
257
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
251
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
252
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
253
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
254
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
255
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
256
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
257
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
258
258
  ] }),
259
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
260
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
261
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
262
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
263
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
264
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
259
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
260
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
261
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
262
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
263
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
264
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
265
265
  ] }),
266
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
267
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
268
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
269
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
270
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
271
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
266
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
267
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
268
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
269
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
270
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
271
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
272
272
  ] })
273
273
  ] })
274
274
  ] }) }),
@@ -284,19 +284,19 @@ var IframeClient_exports = {};
284
284
  __export(IframeClient_exports, {
285
285
  default: () => IframeClient_default
286
286
  });
287
- var import_react47, import_jsx_runtime62, IframeClient, IframeClient_default;
287
+ var import_react45, import_jsx_runtime60, IframeClient, IframeClient_default;
288
288
  var init_IframeClient = __esm({
289
289
  "src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
290
290
  "use strict";
291
291
  "use client";
292
- import_react47 = __toESM(require("react"));
292
+ import_react45 = __toESM(require("react"));
293
293
  init_IFrameLoaderView();
294
- import_jsx_runtime62 = require("react/jsx-runtime");
294
+ import_jsx_runtime60 = require("react/jsx-runtime");
295
295
  IframeClient = ({ src }) => {
296
- const iframeRef = (0, import_react47.useRef)(null);
297
- const [iframeHeight, setIframeHeight] = (0, import_react47.useState)("100%");
298
- const [isDataFound, setIsDataFound] = (0, import_react47.useState)(null);
299
- (0, import_react47.useEffect)(() => {
296
+ const iframeRef = (0, import_react45.useRef)(null);
297
+ const [iframeHeight, setIframeHeight] = (0, import_react45.useState)("100%");
298
+ const [isDataFound, setIsDataFound] = (0, import_react45.useState)(null);
299
+ (0, import_react45.useEffect)(() => {
300
300
  const handleReceiveMessage = (event) => {
301
301
  const eventName = event?.data?.eventName;
302
302
  const payload = event?.data?.payload;
@@ -311,7 +311,7 @@ var init_IframeClient = __esm({
311
311
  window.addEventListener("message", handleReceiveMessage);
312
312
  return () => window.removeEventListener("message", handleReceiveMessage);
313
313
  }, []);
314
- (0, import_react47.useEffect)(() => {
314
+ (0, import_react45.useEffect)(() => {
315
315
  const handleResize = () => {
316
316
  if (iframeRef.current) {
317
317
  iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
@@ -323,7 +323,7 @@ var init_IframeClient = __esm({
323
323
  const handleIframeLoad = () => {
324
324
  setIsDataFound(true);
325
325
  };
326
- return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
326
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
327
327
  "iframe",
328
328
  {
329
329
  ref: iframeRef,
@@ -363,23 +363,26 @@ function getWidget(code) {
363
363
  }
364
364
 
365
365
  // src/components/controls/view/ViewControl.tsx
366
- var import_react11 = __toESM(require("react"));
366
+ var import_react9 = __toESM(require("react"));
367
367
 
368
368
  // src/components/controls/view/ViewControlTypes.tsx
369
369
  var ViewControlTypes = {
370
- lineTextView: "lineTextView",
371
- emailTextView: "emailTextView",
372
- multilineTextBulletsView: "multilineTextBulletsView",
373
- moneyView: "moneyView",
374
- numberView: "numberView",
375
- dateView: "dateView",
376
- statusView: "statusView",
377
- statusBgView: "statusBgView",
378
- multilinetextView: "multilinetextView",
379
- booleanView: "booleanView",
380
- // checkboxInput:'boolean',
381
- text: "text"
382
- // booleanView: "booleanView"
370
+ lineText: "lineText",
371
+ asset: "asset",
372
+ multilineTextBullets: "multilineTextBullets",
373
+ money: "money",
374
+ date: "date",
375
+ time: "time",
376
+ datetime: "datetime",
377
+ number: "number",
378
+ multilineText: "multilineText",
379
+ moneyText: "moneyText",
380
+ percentage: "percentage",
381
+ statusBg: "statusBg",
382
+ progressIndicator: "progressIndicator",
383
+ timeUntilStarts: "timeUntilStarts",
384
+ timeUntilStartsStyled: "timeUntilStartsStyled",
385
+ aiGeneratedSummary: "aiGeneratedSummary"
383
386
  };
384
387
  var ViewControlTypes_default = ViewControlTypes;
385
388
 
@@ -400,8 +403,6 @@ var DateView = (props) => {
400
403
  let timezone;
401
404
  try {
402
405
  const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
403
- {
404
- }
405
406
  const parsedDate = new Date(val);
406
407
  const timezoneOffset = parsedDate.getTimezoneOffset();
407
408
  timezone = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())?.abbr(timezoneOffset);
@@ -439,147 +440,109 @@ var DateView = (props) => {
439
440
  };
440
441
  var DateView_default = DateView;
441
442
 
442
- // src/components/controls/view/BooleanView.tsx
443
+ // src/components/controls/view/LineTextView.tsx
443
444
  var import_react3 = __toESM(require("react"));
444
445
  var import_jsx_runtime3 = require("react/jsx-runtime");
445
- var BooleanView = (props) => {
446
- const { value, customProps } = props;
447
- const showOnlyTrueIcon = customProps?.showOnlyTrueIcon;
448
- console.log("BooleanView Debug:", {
449
- value,
450
- type: typeof value,
451
- customProps,
452
- showOnlyTrueIcon
453
- });
454
- const booleanValue = import_react3.default.useMemo(() => {
455
- if (typeof value === "boolean") return value;
456
- if (typeof value === "string") {
457
- return value.toLowerCase() === "true";
458
- }
459
- if (typeof value === "number") {
460
- return value === 1;
461
- }
462
- return false;
463
- }, [value]);
464
- if (showOnlyTrueIcon) {
465
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.default.Fragment, { children: booleanValue === true && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
466
- "svg",
467
- {
468
- className: "w-15 h-8 text-green-600",
469
- fill: "currentColor",
470
- viewBox: "0 0 20 20",
471
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
472
- "path",
473
- {
474
- fillRule: "evenodd",
475
- d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
476
- clipRule: "evenodd"
477
- }
478
- )
479
- }
480
- ) });
481
- }
482
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.default.Fragment, { children: booleanValue ? "true" : "false" });
483
- };
484
- var BooleanView_default = BooleanView;
485
-
486
- // src/components/controls/view/LineTextView.tsx
487
- var import_react4 = __toESM(require("react"));
488
- var import_jsx_runtime4 = require("react/jsx-runtime");
489
446
  var LineText = (props) => {
490
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.default.Fragment, { children: props.value });
447
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.default.Fragment, { children: props.value });
491
448
  };
492
449
  var LineTextView_default = LineText;
493
450
 
494
- // src/components/controls/view/EmailTextView.tsx
495
- var import_react5 = __toESM(require("react"));
496
- var import_jsx_runtime5 = require("react/jsx-runtime");
497
- var EmailText = (props) => {
498
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.default.Fragment, { children: props.value });
499
- };
500
- var EmailTextView_default = EmailText;
501
-
502
- // src/components/controls/view/StatusBgView.tsx
503
- var import_react6 = __toESM(require("react"));
504
- var import_jsx_runtime6 = require("react/jsx-runtime");
505
- var StatusBg = (props) => {
506
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.default.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "py-0.5 px-1.5 text-xs capitalize text-white font-semibold rounded bg-status bg-status-" + props.value, children: props.value }) });
507
- };
508
- var StatusBgView_default = StatusBg;
509
-
510
- // src/components/controls/view/StatusView.tsx
511
- var import_react7 = __toESM(require("react"));
512
- var import_jsx_runtime7 = require("react/jsx-runtime");
513
- var Status = (props) => {
514
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react7.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "capitalize font-semibold rounded text-status text-status-" + props.value, children: props.value }) });
515
- };
516
- var StatusView_default = Status;
517
-
518
451
  // src/components/controls/view/MoneyView.tsx
519
- var import_react8 = __toESM(require("react"));
520
- var import_jsx_runtime8 = require("react/jsx-runtime");
452
+ var import_react4 = __toESM(require("react"));
453
+ var import_jsx_runtime4 = require("react/jsx-runtime");
521
454
  var Money = (props) => {
522
- {
523
- }
524
455
  const parsedNumber = parseFloat(props.value);
525
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
526
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
456
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
457
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
527
458
  parsedNumber.toLocaleString()
528
459
  ] }) });
529
460
  };
530
461
  var MoneyView_default = Money;
531
462
 
532
463
  // src/components/controls/view/MultilineTextBulletsView.tsx
533
- var import_react9 = __toESM(require("react"));
534
- var import_jsx_runtime9 = require("react/jsx-runtime");
464
+ var import_react5 = __toESM(require("react"));
465
+ var import_jsx_runtime5 = require("react/jsx-runtime");
535
466
  var MultilineTextBullets = (props) => {
536
- {
537
- }
538
467
  const lines = props.value?.split("\\n");
539
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
540
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: line }, index);
468
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
469
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: line }, index);
541
470
  }) }) });
542
471
  };
543
472
  var MultilineTextBulletsView_default = MultilineTextBullets;
544
473
 
545
474
  // src/components/controls/view/MultilineTextView.tsx
546
- var import_react10 = __toESM(require("react"));
547
- var import_jsx_runtime10 = require("react/jsx-runtime");
475
+ var import_react6 = __toESM(require("react"));
476
+ var import_jsx_runtime6 = require("react/jsx-runtime");
548
477
  var MultilineText = (props) => {
549
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "whitespace-pre-line", children: props.value }) });
478
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "whitespace-pre-line", children: props.value }) });
550
479
  };
551
480
  var MultilineTextView_default = MultilineText;
552
481
 
482
+ // src/components/controls/view/PercentageView.tsx
483
+ var import_react7 = __toESM(require("react"));
484
+ var import_jsx_runtime7 = require("react/jsx-runtime");
485
+ var PercentageView = (props) => {
486
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.default.Fragment, { children: [
487
+ props.value,
488
+ "%"
489
+ ] });
490
+ };
491
+ var PercentageView_default = PercentageView;
492
+
493
+ // src/components/controls/view/ProgressIndicator.tsx
494
+ var import_react8 = __toESM(require("react"));
495
+ var import_jsx_runtime8 = require("react/jsx-runtime");
496
+ var ProgressIndicator = (props) => {
497
+ const percentage = 100;
498
+ const circumference = Math.PI * 56;
499
+ const offset = circumference * (1 - percentage / 100);
500
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative w-48 h-48", children: [
501
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
502
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
503
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
504
+ percentage,
505
+ "%"
506
+ ] }) })
507
+ ] }) });
508
+ };
509
+ var ProgressIndicator_default = ProgressIndicator;
510
+
553
511
  // src/components/controls/view/ViewControl.tsx
554
- var import_jsx_runtime11 = require("react/jsx-runtime");
555
- var ViewControl = import_react11.default.forwardRef(
512
+ var import_jsx_runtime9 = require("react/jsx-runtime");
513
+ var ViewControl = import_react9.default.forwardRef(
556
514
  (props, ref) => {
557
515
  const ControlComponents = {
558
- [ViewControlTypes_default.lineTextView]: LineTextView_default,
559
- [ViewControlTypes_default.emailTextView]: EmailTextView_default,
560
- [ViewControlTypes_default.multilineTextBulletsView]: MultilineTextBulletsView_default,
561
- [ViewControlTypes_default.moneyView]: MoneyView_default,
562
- [ViewControlTypes_default.numberView]: NumberView_default,
563
- [ViewControlTypes_default.dateView]: DateView_default,
564
- [ViewControlTypes_default.statusView]: StatusView_default,
565
- [ViewControlTypes_default.statusBgView]: StatusBgView_default,
566
- [ViewControlTypes_default.multilinetextView]: MultilineTextView_default,
567
- [ViewControlTypes_default.booleanView]: BooleanView_default
568
- // [ViewControlTypes.booleanView]: BooleanView
516
+ [ViewControlTypes_default.lineText]: LineTextView_default,
517
+ // [ViewControlTypes.asset]: Asset,
518
+ [ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
519
+ [ViewControlTypes_default.money]: MoneyView_default,
520
+ [ViewControlTypes_default.date]: DateView_default,
521
+ [ViewControlTypes_default.time]: DateView_default,
522
+ [ViewControlTypes_default.datetime]: DateView_default,
523
+ [ViewControlTypes_default.number]: NumberView_default,
524
+ [ViewControlTypes_default.multilineText]: MultilineTextView_default,
525
+ [ViewControlTypes_default.moneyText]: MoneyView_default,
526
+ [ViewControlTypes_default.percentage]: PercentageView_default,
527
+ // [ViewControlTypes.statusBg]: StatusBg,
528
+ [ViewControlTypes_default.progressIndicator]: ProgressIndicator_default
529
+ // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
530
+ // [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
531
+ // [ViewControlTypes.aiGeneratedSummary]: AiGeneratedSummary,
569
532
  };
570
533
  const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
571
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
534
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
572
535
  }
573
536
  );
574
537
  ViewControl.displayName = "ViewControl";
575
538
  var ViewControl_default = ViewControl;
576
539
 
577
540
  // src/components/controls/edit/InputControl.tsx
578
- var import_react31 = __toESM(require("react"));
541
+ var import_react29 = __toESM(require("react"));
579
542
 
580
543
  // src/components/controls/edit/MultilineTextInput.tsx
581
- var import_react12 = __toESM(require("react"));
582
- var import_jsx_runtime12 = require("react/jsx-runtime");
544
+ var import_react10 = __toESM(require("react"));
545
+ var import_jsx_runtime10 = require("react/jsx-runtime");
583
546
  var MultilineTextInput = (props) => {
584
547
  const textChangeHandler = (event) => {
585
548
  const text = event.target.value;
@@ -598,11 +561,11 @@ var MultilineTextInput = (props) => {
598
561
  if (props.value !== void 0 && props.value !== null) {
599
562
  value = props.value;
600
563
  }
601
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block mb-1", children: [
602
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
564
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "block mb-1", children: [
565
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
603
566
  " ",
604
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
605
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
567
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-alert", children: "*" }),
568
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
606
569
  "textarea",
607
570
  {
608
571
  name: props.name,
@@ -619,14 +582,14 @@ var MultilineTextInput = (props) => {
619
582
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
620
583
  }
621
584
  ),
622
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
585
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
623
586
  ] }) });
624
587
  };
625
588
  var MultilineTextInput_default = MultilineTextInput;
626
589
 
627
590
  // src/components/controls/edit/LineTextInput.tsx
628
- var import_react13 = __toESM(require("react"));
629
- var import_jsx_runtime13 = require("react/jsx-runtime");
591
+ var import_react11 = __toESM(require("react"));
592
+ var import_jsx_runtime11 = require("react/jsx-runtime");
630
593
  var LineTextInput = (props) => {
631
594
  const textChangeHandler = (event) => {
632
595
  const text = event.target.value;
@@ -645,11 +608,11 @@ var LineTextInput = (props) => {
645
608
  if (props.value !== void 0 && props.value !== null) {
646
609
  value = props.value;
647
610
  }
648
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block", children: [
649
- props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
611
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block", children: [
612
+ props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
650
613
  " ",
651
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
652
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
614
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
615
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
653
616
  "input",
654
617
  {
655
618
  type: "text",
@@ -671,14 +634,14 @@ var LineTextInput = (props) => {
671
634
  `
672
635
  }
673
636
  ),
674
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
637
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
675
638
  ] }) });
676
639
  };
677
640
  var LineTextInput_default = LineTextInput;
678
641
 
679
642
  // src/components/controls/edit/MoneyInput.tsx
680
- var import_react14 = __toESM(require("react"));
681
- var import_jsx_runtime14 = require("react/jsx-runtime");
643
+ var import_react12 = __toESM(require("react"));
644
+ var import_jsx_runtime12 = require("react/jsx-runtime");
682
645
  var MoneyInput = (props) => {
683
646
  const textChangeHandler = (event) => {
684
647
  const rawValue = event.target.value;
@@ -707,11 +670,11 @@ var MoneyInput = (props) => {
707
670
  e.preventDefault();
708
671
  }
709
672
  };
710
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block mb-1", children: [
711
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
673
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block mb-1", children: [
674
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
712
675
  " ",
713
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
714
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
676
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
677
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
715
678
  "input",
716
679
  {
717
680
  type: "number",
@@ -731,7 +694,7 @@ var MoneyInput = (props) => {
731
694
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
732
695
  }
733
696
  ),
734
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
697
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
735
698
  ] }) });
736
699
  };
737
700
  var MoneyInput_default = MoneyInput;
@@ -761,10 +724,10 @@ var InputControlType = {
761
724
  var InputControlType_default = InputControlType;
762
725
 
763
726
  // src/components/controls/edit/Select.tsx
764
- var import_react15 = require("react");
765
- var import_jsx_runtime15 = require("react/jsx-runtime");
727
+ var import_react13 = require("react");
728
+ var import_jsx_runtime13 = require("react/jsx-runtime");
766
729
  var Select = (props) => {
767
- const [list, setList] = (0, import_react15.useState)([]);
730
+ const [list, setList] = (0, import_react13.useState)([]);
768
731
  const getSafeValue = (val) => {
769
732
  if (val === null || val === void 0) return "";
770
733
  if (typeof val === "boolean") return val ? "1" : "0";
@@ -793,7 +756,7 @@ var Select = (props) => {
793
756
  groupKey: props.groupKey
794
757
  });
795
758
  };
796
- (0, import_react15.useEffect)(() => {
759
+ (0, import_react13.useEffect)(() => {
797
760
  async function fetchData() {
798
761
  if (props.dataset) {
799
762
  setList(props.dataset);
@@ -820,10 +783,10 @@ var Select = (props) => {
820
783
  props.dataSourceDependsOn
821
784
  ]);
822
785
  const value = getSafeValue(props.value);
823
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block", children: [
824
- props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
825
- props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-alert", children: "*" }),
826
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
786
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block", children: [
787
+ props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
788
+ props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
789
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
827
790
  "select",
828
791
  {
829
792
  name: props.name,
@@ -834,23 +797,23 @@ var Select = (props) => {
834
797
  disabled: props.attributes?.readOnly,
835
798
  className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
836
799
  children: [
837
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
800
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
838
801
  list.map((item, index) => {
839
802
  const keyField = props.dataKeyFieldName;
840
803
  const textField = props.dataTextFieldName;
841
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: item[keyField], children: item[textField] }, index);
804
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: item[keyField], children: item[textField] }, index);
842
805
  })
843
806
  ]
844
807
  }
845
808
  ),
846
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
809
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
847
810
  ] });
848
811
  };
849
812
  var Select_default = Select;
850
813
 
851
814
  // src/components/controls/edit/PercentageInput.tsx
852
- var import_react16 = __toESM(require("react"));
853
- var import_jsx_runtime16 = require("react/jsx-runtime");
815
+ var import_react14 = __toESM(require("react"));
816
+ var import_jsx_runtime14 = require("react/jsx-runtime");
854
817
  var PercentageInput = (props) => {
855
818
  const textChangeHandler = (event) => {
856
819
  const rawValue = event.target.value;
@@ -879,11 +842,11 @@ var PercentageInput = (props) => {
879
842
  e.preventDefault();
880
843
  }
881
844
  };
882
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block mb-1", children: [
883
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
845
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block mb-1", children: [
846
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
884
847
  " ",
885
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-alert", children: "*" }),
886
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
848
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
849
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
887
850
  "input",
888
851
  {
889
852
  type: "number",
@@ -902,14 +865,14 @@ var PercentageInput = (props) => {
902
865
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
903
866
  }
904
867
  ),
905
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
868
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
906
869
  ] }) });
907
870
  };
908
871
  var PercentageInput_default = PercentageInput;
909
872
 
910
873
  // src/components/controls/edit/PhoneInput.tsx
911
- var import_react17 = __toESM(require("react"));
912
- var import_jsx_runtime17 = require("react/jsx-runtime");
874
+ var import_react15 = __toESM(require("react"));
875
+ var import_jsx_runtime15 = require("react/jsx-runtime");
913
876
  var PhoneInput = (props) => {
914
877
  const textChangeHandler = (event) => {
915
878
  const text = event.target.value;
@@ -928,11 +891,11 @@ var PhoneInput = (props) => {
928
891
  if (props.value !== void 0 && props.value !== null) {
929
892
  value = props.value;
930
893
  }
931
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block mb-1", children: [
932
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
933
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
934
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
935
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
894
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
895
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
896
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
897
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
898
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
936
899
  "input",
937
900
  {
938
901
  type: "text",
@@ -950,14 +913,14 @@ var PhoneInput = (props) => {
950
913
  }
951
914
  )
952
915
  ] }),
953
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
916
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
954
917
  ] }) });
955
918
  };
956
919
  var PhoneInput_default = PhoneInput;
957
920
 
958
921
  // src/components/controls/edit/NumberInput.tsx
959
- var import_react18 = __toESM(require("react"));
960
- var import_jsx_runtime18 = require("react/jsx-runtime");
922
+ var import_react16 = __toESM(require("react"));
923
+ var import_jsx_runtime16 = require("react/jsx-runtime");
961
924
  var NumberInput = (props) => {
962
925
  const textChangeHandler = (event) => {
963
926
  const text = event.target.value;
@@ -980,11 +943,11 @@ var NumberInput = (props) => {
980
943
  if (props.value !== void 0 && props.value !== null) {
981
944
  value = props.value;
982
945
  }
983
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block", children: [
984
- props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
946
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block", children: [
947
+ props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
985
948
  " ",
986
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-alert", children: "*" }),
987
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
949
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-alert", children: "*" }),
950
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
988
951
  "input",
989
952
  {
990
953
  type: "number",
@@ -1003,14 +966,14 @@ var NumberInput = (props) => {
1003
966
  className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
1004
967
  }
1005
968
  ),
1006
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
969
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1007
970
  ] }) });
1008
971
  };
1009
972
  var NumberInput_default = NumberInput;
1010
973
 
1011
974
  // src/components/controls/edit/CheckboxInput.tsx
1012
- var import_react19 = __toESM(require("react"));
1013
- var import_jsx_runtime19 = require("react/jsx-runtime");
975
+ var import_react17 = __toESM(require("react"));
976
+ var import_jsx_runtime17 = require("react/jsx-runtime");
1014
977
  var CheckboxInput = (props) => {
1015
978
  const textChangeHandler = (event) => {
1016
979
  let text = event.target.checked;
@@ -1029,11 +992,11 @@ var CheckboxInput = (props) => {
1029
992
  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
1030
993
  value = true;
1031
994
  }
1032
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block mb-1", children: [
1033
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
995
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block mb-1", children: [
996
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
1034
997
  " ",
1035
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-alert", children: "*" }),
1036
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
998
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
999
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1037
1000
  "input",
1038
1001
  {
1039
1002
  type: "checkbox",
@@ -1050,14 +1013,14 @@ var CheckboxInput = (props) => {
1050
1013
  className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
1051
1014
  }
1052
1015
  ),
1053
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1016
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1054
1017
  ] }) });
1055
1018
  };
1056
1019
  var CheckboxInput_default = CheckboxInput;
1057
1020
 
1058
1021
  // src/components/controls/edit/OtpInput.tsx
1059
- var import_react20 = __toESM(require("react"));
1060
- var import_jsx_runtime20 = require("react/jsx-runtime");
1022
+ var import_react18 = __toESM(require("react"));
1023
+ var import_jsx_runtime18 = require("react/jsx-runtime");
1061
1024
  var OtpInput = (props) => {
1062
1025
  const textChangeHandler = (event) => {
1063
1026
  const text = event.target.value;
@@ -1079,9 +1042,9 @@ var OtpInput = (props) => {
1079
1042
  if (props.value !== void 0 && props.value !== null) {
1080
1043
  value = props.value;
1081
1044
  }
1082
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
1083
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1084
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1045
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
1046
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1047
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1085
1048
  "input",
1086
1049
  {
1087
1050
  type: "text",
@@ -1101,7 +1064,7 @@ var OtpInput = (props) => {
1101
1064
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
1102
1065
  }
1103
1066
  ),
1104
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1067
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1105
1068
  ] }) });
1106
1069
  };
1107
1070
  var OtpInput_default = OtpInput;
@@ -1183,8 +1146,8 @@ var DateTimeUtility = class {
1183
1146
  var DateTimeUtility_default = DateTimeUtility;
1184
1147
 
1185
1148
  // src/components/controls/edit/DateTimeInput.tsx
1186
- var import_react21 = __toESM(require("react"));
1187
- var import_jsx_runtime21 = require("react/jsx-runtime");
1149
+ var import_react19 = __toESM(require("react"));
1150
+ var import_jsx_runtime19 = require("react/jsx-runtime");
1188
1151
  var DateTimeInput = (props) => {
1189
1152
  const textChangeHandler = (event) => {
1190
1153
  const localDate = new Date(event.target.value);
@@ -1219,12 +1182,12 @@ var DateTimeInput = (props) => {
1219
1182
  timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
1220
1183
  localvalue = localDate?.toISOString()?.slice(0, 16);
1221
1184
  }
1222
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
1223
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1185
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block mb-1", children: [
1186
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1224
1187
  " ",
1225
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
1226
- /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
1227
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1188
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-alert", children: "*" }),
1189
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
1190
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1228
1191
  "input",
1229
1192
  {
1230
1193
  type: "datetime-local",
@@ -1241,19 +1204,19 @@ var DateTimeInput = (props) => {
1241
1204
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
1242
1205
  }
1243
1206
  ),
1244
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: timeZoneAbbr })
1207
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: timeZoneAbbr })
1245
1208
  ] }),
1246
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1209
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1247
1210
  ] }) });
1248
1211
  };
1249
1212
  var DateTimeInput_default = DateTimeInput;
1250
1213
 
1251
1214
  // src/components/controls/edit/ColorInput.tsx
1252
- var import_react22 = __toESM(require("react"));
1253
- var import_jsx_runtime22 = require("react/jsx-runtime");
1215
+ var import_react20 = __toESM(require("react"));
1216
+ var import_jsx_runtime20 = require("react/jsx-runtime");
1254
1217
  var ColorInput = (props) => {
1255
- const [color, setColor] = import_react22.default.useState("#3b82f6");
1256
- (0, import_react22.useEffect)(() => {
1218
+ const [color, setColor] = import_react20.default.useState("#3b82f6");
1219
+ (0, import_react20.useEffect)(() => {
1257
1220
  if (props.value !== void 0 && props.value !== null) {
1258
1221
  if (typeof props.value === "string") {
1259
1222
  setColor(props.value);
@@ -1272,11 +1235,11 @@ var ColorInput = (props) => {
1272
1235
  });
1273
1236
  }
1274
1237
  };
1275
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block mb-1", children: [
1276
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
1238
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
1239
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
1277
1240
  " ",
1278
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-alert", children: "*" }),
1279
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1241
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
1242
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1280
1243
  "input",
1281
1244
  {
1282
1245
  type: "color",
@@ -1289,21 +1252,21 @@ var ColorInput = (props) => {
1289
1252
  className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
1290
1253
  }
1291
1254
  ),
1292
- props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
1255
+ props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
1293
1256
  ] });
1294
1257
  };
1295
1258
  var ColorInput_default = ColorInput;
1296
1259
 
1297
1260
  // src/components/controls/edit/SelectWithSearchInput.tsx
1298
- var import_react23 = require("react");
1299
- var import_jsx_runtime23 = require("react/jsx-runtime");
1261
+ var import_react21 = require("react");
1262
+ var import_jsx_runtime21 = require("react/jsx-runtime");
1300
1263
  var SelectWithSearchInput = (props) => {
1301
- const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
1302
- const [searchTerm, setSearchTerm] = (0, import_react23.useState)("");
1303
- const [highlightedIndex, setHighlightedIndex] = (0, import_react23.useState)(-1);
1304
- const [selectedItem, setSelectedItem] = (0, import_react23.useState)(null);
1305
- const [list, setList] = (0, import_react23.useState)([]);
1306
- (0, import_react23.useEffect)(() => {
1264
+ const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
1265
+ const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
1266
+ const [highlightedIndex, setHighlightedIndex] = (0, import_react21.useState)(-1);
1267
+ const [selectedItem, setSelectedItem] = (0, import_react21.useState)(null);
1268
+ const [list, setList] = (0, import_react21.useState)([]);
1269
+ (0, import_react21.useEffect)(() => {
1307
1270
  async function fetchData() {
1308
1271
  if (props.dataset) {
1309
1272
  setList(props.dataset);
@@ -1357,8 +1320,8 @@ var SelectWithSearchInput = (props) => {
1357
1320
  handleSelect(e, filteredItems[highlightedIndex]);
1358
1321
  }
1359
1322
  };
1360
- const dropdownRef = (0, import_react23.useRef)(null);
1361
- (0, import_react23.useEffect)(() => {
1323
+ const dropdownRef = (0, import_react21.useRef)(null);
1324
+ (0, import_react21.useEffect)(() => {
1362
1325
  if (highlightedIndex >= 0 && dropdownRef.current) {
1363
1326
  const highlightedItem = dropdownRef.current.children[highlightedIndex];
1364
1327
  highlightedItem?.scrollIntoView({
@@ -1367,12 +1330,12 @@ var SelectWithSearchInput = (props) => {
1367
1330
  });
1368
1331
  }
1369
1332
  }, [highlightedIndex]);
1370
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
1371
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { children: props.attributes?.label }),
1333
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
1334
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { children: props.attributes?.label }),
1372
1335
  " ",
1373
- props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-alert", children: "*" }),
1374
- /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
1375
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1336
+ props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
1337
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
1338
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1376
1339
  "input",
1377
1340
  {
1378
1341
  type: "text",
@@ -1388,13 +1351,13 @@ var SelectWithSearchInput = (props) => {
1388
1351
  className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
1389
1352
  }
1390
1353
  ),
1391
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1354
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1392
1355
  "button",
1393
1356
  {
1394
1357
  type: "button",
1395
1358
  onClick: () => setIsOpen(!isOpen),
1396
1359
  className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
1397
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1360
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1398
1361
  "svg",
1399
1362
  {
1400
1363
  xmlns: "http://www.w3.org/2000/svg",
@@ -1403,7 +1366,7 @@ var SelectWithSearchInput = (props) => {
1403
1366
  strokeWidth: 1.5,
1404
1367
  stroke: "currentColor",
1405
1368
  className: "w-full h-full",
1406
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1369
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1407
1370
  "path",
1408
1371
  {
1409
1372
  strokeLinecap: "round",
@@ -1416,12 +1379,12 @@ var SelectWithSearchInput = (props) => {
1416
1379
  }
1417
1380
  )
1418
1381
  ] }),
1419
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1382
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1420
1383
  "div",
1421
1384
  {
1422
1385
  ref: dropdownRef,
1423
1386
  className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
1424
- children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1387
+ children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1425
1388
  "button",
1426
1389
  {
1427
1390
  onClick: (e) => handleSelect(e, item),
@@ -1429,10 +1392,10 @@ var SelectWithSearchInput = (props) => {
1429
1392
  role: "option",
1430
1393
  tabIndex: -1,
1431
1394
  onMouseEnter: () => setHighlightedIndex(index),
1432
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: item[props.dataTextFieldName] })
1395
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item[props.dataTextFieldName] })
1433
1396
  },
1434
1397
  item[props.dataKeyFieldName]
1435
- )) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1398
+ )) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1436
1399
  }
1437
1400
  )
1438
1401
  ] });
@@ -1440,7 +1403,7 @@ var SelectWithSearchInput = (props) => {
1440
1403
  var SelectWithSearchInput_default = SelectWithSearchInput;
1441
1404
 
1442
1405
  // src/components/Button.tsx
1443
- var import_react26 = __toESM(require("react"));
1406
+ var import_react24 = __toESM(require("react"));
1444
1407
 
1445
1408
  // src/components/ToastService.tsx
1446
1409
  var ToastService = class _ToastService {
@@ -1494,11 +1457,11 @@ var progressClasses = /* @__PURE__ */ new Map([
1494
1457
  ]);
1495
1458
 
1496
1459
  // src/components/Confirm.tsx
1497
- var import_react25 = require("react");
1460
+ var import_react23 = require("react");
1498
1461
 
1499
1462
  // src/components/ClientButton.tsx
1500
- var import_react24 = __toESM(require("react"));
1501
- var import_jsx_runtime24 = require("react/jsx-runtime");
1463
+ var import_react22 = __toESM(require("react"));
1464
+ var import_jsx_runtime22 = require("react/jsx-runtime");
1502
1465
  var ClientButton = (props) => {
1503
1466
  const execute = async (event) => {
1504
1467
  if (props.onClick !== void 0) {
@@ -1508,7 +1471,7 @@ var ClientButton = (props) => {
1508
1471
  }
1509
1472
  };
1510
1473
  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
1511
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1474
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1512
1475
  "button",
1513
1476
  {
1514
1477
  type: "button",
@@ -1521,9 +1484,9 @@ var ClientButton = (props) => {
1521
1484
  var ClientButton_default = ClientButton;
1522
1485
 
1523
1486
  // src/components/Confirm.tsx
1524
- var import_jsx_runtime25 = require("react/jsx-runtime");
1487
+ var import_jsx_runtime23 = require("react/jsx-runtime");
1525
1488
  var Confirm = ({ message, onConfirm, onCancel }) => {
1526
- const [showModal, setShowModal] = (0, import_react25.useState)(true);
1489
+ const [showModal, setShowModal] = (0, import_react23.useState)(true);
1527
1490
  const handleConfirmAction = () => {
1528
1491
  setShowModal(false);
1529
1492
  if (onConfirm) {
@@ -1536,13 +1499,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
1536
1499
  onCancel();
1537
1500
  }
1538
1501
  };
1539
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
1540
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
1541
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
1542
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
1543
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mb-4", children: message }),
1544
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-end gap-8", children: [
1545
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1502
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
1503
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
1504
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
1505
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
1506
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mb-4", children: message }),
1507
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-end gap-8", children: [
1508
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1546
1509
  ClientButton_default,
1547
1510
  {
1548
1511
  onClick: handleCancelAction,
@@ -1550,7 +1513,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
1550
1513
  children: "Cancel"
1551
1514
  }
1552
1515
  ),
1553
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1516
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1554
1517
  ClientButton_default,
1555
1518
  {
1556
1519
  onClick: handleConfirmAction,
@@ -1566,12 +1529,12 @@ var Confirm_default = Confirm;
1566
1529
  }
1567
1530
 
1568
1531
  // src/components/Button.tsx
1569
- var import_jsx_runtime26 = require("react/jsx-runtime");
1532
+ var import_jsx_runtime24 = require("react/jsx-runtime");
1570
1533
  var Button = (props) => {
1571
- const [inProgress, setInProgress] = (0, import_react26.useState)(false);
1572
- const [isActionPerformed, setIsActionPerformed] = (0, import_react26.useState)(false);
1573
- const [responseMessage, setResponseMessage] = (0, import_react26.useState)(null);
1574
- const [showModal, setShowModal] = (0, import_react26.useState)(null);
1534
+ const [inProgress, setInProgress] = (0, import_react24.useState)(false);
1535
+ const [isActionPerformed, setIsActionPerformed] = (0, import_react24.useState)(false);
1536
+ const [responseMessage, setResponseMessage] = (0, import_react24.useState)(null);
1537
+ const [showModal, setShowModal] = (0, import_react24.useState)(null);
1575
1538
  const execute = async (event) => {
1576
1539
  event.preventDefault();
1577
1540
  event.stopPropagation();
@@ -1615,14 +1578,14 @@ var Button = (props) => {
1615
1578
  return new Promise((resolve) => {
1616
1579
  const onConfirm = () => resolve(true);
1617
1580
  const onCancel = () => resolve(false);
1618
- setShowModal(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
1581
+ setShowModal(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
1619
1582
  });
1620
1583
  };
1621
1584
  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
1622
1585
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
1623
1586
  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
1624
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react26.default.Fragment, { children: [
1625
- /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
1587
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react24.default.Fragment, { children: [
1588
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
1626
1589
  "button",
1627
1590
  {
1628
1591
  type: "submit",
@@ -1632,9 +1595,9 @@ var Button = (props) => {
1632
1595
  className: buttonClass + " relative " + props.className,
1633
1596
  children: [
1634
1597
  isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
1635
- inProgress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react26.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
1636
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
1637
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
1598
+ inProgress && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react24.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
1599
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
1600
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
1638
1601
  ] }) })
1639
1602
  ]
1640
1603
  }
@@ -1645,22 +1608,22 @@ var Button = (props) => {
1645
1608
  var Button_default = Button;
1646
1609
 
1647
1610
  // src/components/controls/edit/SelectWithSearchPanel.tsx
1648
- var import_react27 = __toESM(require("react"));
1649
- var import_jsx_runtime27 = require("react/jsx-runtime");
1611
+ var import_react25 = __toESM(require("react"));
1612
+ var import_jsx_runtime25 = require("react/jsx-runtime");
1650
1613
  var SelectWithSearchPanel = (props) => {
1651
- const [isOpen, setIsOpen] = (0, import_react27.useState)(false);
1652
- const [searchTerm, setSearchTerm] = (0, import_react27.useState)("");
1653
- const [highlightedIndex, setHighlightedIndex] = (0, import_react27.useState)(0);
1654
- const [list, setList] = (0, import_react27.useState)([]);
1655
- const listRef = (0, import_react27.useRef)(null);
1656
- const [isError, setIsError] = (0, import_react27.useState)(false);
1657
- const containerRef = (0, import_react27.useRef)(null);
1658
- const [isCreateOpen, setIsCreateOpen] = (0, import_react27.useState)(false);
1659
- const [formData, setFormData] = (0, import_react27.useState)({});
1614
+ const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
1615
+ const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
1616
+ const [highlightedIndex, setHighlightedIndex] = (0, import_react25.useState)(0);
1617
+ const [list, setList] = (0, import_react25.useState)([]);
1618
+ const listRef = (0, import_react25.useRef)(null);
1619
+ const [isError, setIsError] = (0, import_react25.useState)(false);
1620
+ const containerRef = (0, import_react25.useRef)(null);
1621
+ const [isCreateOpen, setIsCreateOpen] = (0, import_react25.useState)(false);
1622
+ const [formData, setFormData] = (0, import_react25.useState)({});
1660
1623
  const getNestedValue3 = (obj, path) => {
1661
1624
  return path.split(".").reduce((acc, key) => acc?.[key], obj);
1662
1625
  };
1663
- (0, import_react27.useEffect)(() => {
1626
+ (0, import_react25.useEffect)(() => {
1664
1627
  const handleClickOutside = (event) => {
1665
1628
  if (containerRef.current && !containerRef.current.contains(event.target)) {
1666
1629
  setIsOpen(false);
@@ -1671,7 +1634,7 @@ var SelectWithSearchPanel = (props) => {
1671
1634
  document.removeEventListener("mousedown", handleClickOutside);
1672
1635
  };
1673
1636
  }, []);
1674
- (0, import_react27.useEffect)(() => {
1637
+ (0, import_react25.useEffect)(() => {
1675
1638
  async function fetchData() {
1676
1639
  if (props.dataset) {
1677
1640
  setList(props.dataset);
@@ -1713,7 +1676,7 @@ var SelectWithSearchPanel = (props) => {
1713
1676
  audioCtx.close();
1714
1677
  }, 250);
1715
1678
  };
1716
- (0, import_react27.useEffect)(() => {
1679
+ (0, import_react25.useEffect)(() => {
1717
1680
  const filteredItems2 = list?.filter(
1718
1681
  (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
1719
1682
  );
@@ -1778,13 +1741,13 @@ var SelectWithSearchPanel = (props) => {
1778
1741
  const handleInputChange = (event, field) => {
1779
1742
  setFormData((prev) => ({ ...prev, [field]: event.target.value }));
1780
1743
  };
1781
- const handleSaveModal = (0, import_react27.useCallback)(async () => {
1744
+ const handleSaveModal = (0, import_react25.useCallback)(async () => {
1782
1745
  console.log("Form Data:", formData);
1783
1746
  return formData;
1784
1747
  }, []);
1785
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
1786
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
1787
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1748
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
1749
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
1750
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1788
1751
  "input",
1789
1752
  {
1790
1753
  type: "text",
@@ -1798,14 +1761,14 @@ var SelectWithSearchPanel = (props) => {
1798
1761
  disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
1799
1762
  }
1800
1763
  ) }),
1801
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react27.default.Fragment, { children: [
1802
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
1803
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("h5", { className: "text-md text-white font-medium", children: [
1764
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react25.default.Fragment, { children: [
1765
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
1766
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("h5", { className: "text-md text-white font-medium", children: [
1804
1767
  "Select a",
1805
1768
  " ",
1806
1769
  props.attributes?.label || props.attributes?.heading
1807
1770
  ] }) }),
1808
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1771
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1809
1772
  "button",
1810
1773
  {
1811
1774
  type: "button",
@@ -1818,12 +1781,12 @@ var SelectWithSearchPanel = (props) => {
1818
1781
  }
1819
1782
  ) })
1820
1783
  ] }),
1821
- isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
1822
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("h5", { className: "text-md font-medium text-white", children: [
1784
+ isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
1785
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("h5", { className: "text-md font-medium text-white", children: [
1823
1786
  "Create New ",
1824
1787
  props.attributes?.label
1825
1788
  ] }) }),
1826
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1789
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1827
1790
  "button",
1828
1791
  {
1829
1792
  type: "button",
@@ -1832,10 +1795,10 @@ var SelectWithSearchPanel = (props) => {
1832
1795
  children: "Close"
1833
1796
  }
1834
1797
  ) }),
1835
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "p-4", children: [
1836
- props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mb-4", children: [
1837
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
1838
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1798
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-4", children: [
1799
+ props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-4", children: [
1800
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
1801
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1839
1802
  "input",
1840
1803
  {
1841
1804
  type: field.type,
@@ -1851,7 +1814,7 @@ var SelectWithSearchPanel = (props) => {
1851
1814
  }
1852
1815
  )
1853
1816
  ] }, field.name)),
1854
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button_default, { onClick: async () => {
1817
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Button_default, { onClick: async () => {
1855
1818
  handleSaveModal();
1856
1819
  return { isSuccessful: true };
1857
1820
  }, className: "w-full", children: [
@@ -1860,13 +1823,13 @@ var SelectWithSearchPanel = (props) => {
1860
1823
  ] })
1861
1824
  ] })
1862
1825
  ] }),
1863
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1826
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1864
1827
  "div",
1865
1828
  {
1866
1829
  ref: listRef,
1867
1830
  className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
1868
1831
  style: { height: "calc(100vh - 130px)" },
1869
- children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1832
+ children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1870
1833
  "button",
1871
1834
  {
1872
1835
  onClick: (e) => {
@@ -1876,9 +1839,9 @@ var SelectWithSearchPanel = (props) => {
1876
1839
  role: "option",
1877
1840
  tabIndex: -1,
1878
1841
  onMouseEnter: () => setHighlightedIndex(index),
1879
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
1842
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
1880
1843
  }
1881
- ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1844
+ ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1882
1845
  }
1883
1846
  )
1884
1847
  ] }) })
@@ -1887,10 +1850,10 @@ var SelectWithSearchPanel = (props) => {
1887
1850
  var SelectWithSearchPanel_default = SelectWithSearchPanel;
1888
1851
 
1889
1852
  // src/components/controls/edit/BooleanSelect.tsx
1890
- var import_react28 = __toESM(require("react"));
1891
- var import_jsx_runtime28 = require("react/jsx-runtime");
1853
+ var import_react26 = __toESM(require("react"));
1854
+ var import_jsx_runtime26 = require("react/jsx-runtime");
1892
1855
  var BooleanSelect = (props) => {
1893
- const [list, setList] = (0, import_react28.useState)();
1856
+ const [list, setList] = (0, import_react26.useState)();
1894
1857
  const textChangeHandler = (event) => {
1895
1858
  const text = event.target.value;
1896
1859
  const boolValue = text?.toLowerCase() === "true" || text === "1";
@@ -1903,7 +1866,7 @@ var BooleanSelect = (props) => {
1903
1866
  });
1904
1867
  }
1905
1868
  };
1906
- (0, import_react28.useEffect)(() => {
1869
+ (0, import_react26.useEffect)(() => {
1907
1870
  async function fetchData() {
1908
1871
  console.log("in select");
1909
1872
  if (props.dataset) {
@@ -1937,11 +1900,11 @@ var BooleanSelect = (props) => {
1937
1900
  if (props.value !== void 0 && props.value !== null) {
1938
1901
  value = props.value;
1939
1902
  }
1940
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block", children: [
1941
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1903
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "block", children: [
1904
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1942
1905
  " ",
1943
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
1944
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
1906
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-alert", children: "*" }),
1907
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
1945
1908
  "select",
1946
1909
  {
1947
1910
  name: props.name,
@@ -1953,9 +1916,9 @@ var BooleanSelect = (props) => {
1953
1916
  disabled: props?.attributes?.readOnly,
1954
1917
  className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
1955
1918
  children: [
1956
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
1919
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
1957
1920
  list && list.map((item, i) => {
1958
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
1921
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1959
1922
  "option",
1960
1923
  {
1961
1924
  className: "fac-select-option",
@@ -1968,14 +1931,14 @@ var BooleanSelect = (props) => {
1968
1931
  ]
1969
1932
  }
1970
1933
  ),
1971
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1934
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1972
1935
  ] }) });
1973
1936
  };
1974
1937
  var BooleanSelect_default = BooleanSelect;
1975
1938
 
1976
1939
  // src/components/controls/edit/EmailInput.tsx
1977
- var import_react29 = __toESM(require("react"));
1978
- var import_jsx_runtime29 = require("react/jsx-runtime");
1940
+ var import_react27 = __toESM(require("react"));
1941
+ var import_jsx_runtime27 = require("react/jsx-runtime");
1979
1942
  var EmailInput = (props) => {
1980
1943
  const textChangeHandler = (event) => {
1981
1944
  const text = event.target.value;
@@ -2000,11 +1963,11 @@ var EmailInput = (props) => {
2000
1963
  if (props.value !== void 0 && props.value !== null) {
2001
1964
  value = props.value;
2002
1965
  }
2003
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react29.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
2004
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
1966
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block mb-1", children: [
1967
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
2005
1968
  " ",
2006
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-alert", children: "*" }),
2007
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
1969
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
1970
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2008
1971
  "input",
2009
1972
  {
2010
1973
  type: "email",
@@ -2020,14 +1983,14 @@ var EmailInput = (props) => {
2020
1983
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
2021
1984
  }
2022
1985
  ),
2023
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
1986
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
2024
1987
  ] }) });
2025
1988
  };
2026
1989
  var EmailInput_default = EmailInput;
2027
1990
 
2028
1991
  // src/components/controls/edit/TimeInput.tsx
2029
- var import_react30 = __toESM(require("react"));
2030
- var import_jsx_runtime30 = require("react/jsx-runtime");
1992
+ var import_react28 = __toESM(require("react"));
1993
+ var import_jsx_runtime28 = require("react/jsx-runtime");
2031
1994
  var TimeInput = (props) => {
2032
1995
  const timeChangeHandler = (event) => {
2033
1996
  const timeValue = event.target.value;
@@ -2040,10 +2003,10 @@ var TimeInput = (props) => {
2040
2003
  });
2041
2004
  }
2042
2005
  };
2043
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react30.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block mb-1", children: [
2044
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
2045
- props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-alert", children: "*" }),
2046
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
2006
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
2007
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
2008
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
2009
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2047
2010
  "input",
2048
2011
  {
2049
2012
  type: "time",
@@ -2056,14 +2019,14 @@ var TimeInput = (props) => {
2056
2019
  className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
2057
2020
  }
2058
2021
  ) }),
2059
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
2022
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
2060
2023
  ] }) });
2061
2024
  };
2062
2025
  var TimeInput_default = TimeInput;
2063
2026
 
2064
2027
  // src/components/controls/edit/InputControl.tsx
2065
- var import_jsx_runtime31 = require("react/jsx-runtime");
2066
- var InputControl = import_react31.default.forwardRef(
2028
+ var import_jsx_runtime29 = require("react/jsx-runtime");
2029
+ var InputControl = import_react29.default.forwardRef(
2067
2030
  (props, ref) => {
2068
2031
  const ControlComponents = {
2069
2032
  [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -2084,58 +2047,58 @@ var InputControl = import_react31.default.forwardRef(
2084
2047
  [InputControlType_default.timeInput]: TimeInput_default
2085
2048
  };
2086
2049
  const SelectedControlComponent = ControlComponents[props.controlType];
2087
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react31.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
2050
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react29.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
2088
2051
  }
2089
2052
  );
2090
2053
  InputControl.displayName = "InputControl";
2091
2054
  var InputControl_default = InputControl;
2092
2055
 
2093
2056
  // src/components/dataForm/DataList.tsx
2094
- var import_react34 = __toESM(require("react"));
2057
+ var import_react32 = __toESM(require("react"));
2095
2058
  var import_navigation = require("next/navigation");
2096
2059
 
2097
2060
  // src/components/dataForm/NoContentView.tsx
2098
- var import_react32 = __toESM(require("react"));
2099
- var import_jsx_runtime32 = require("react/jsx-runtime");
2061
+ var import_react30 = __toESM(require("react"));
2062
+ var import_jsx_runtime30 = require("react/jsx-runtime");
2100
2063
  var NoContentView = (props) => {
2101
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react32.default.Fragment, { children: props.isDataFound === false && props.children });
2064
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react30.default.Fragment, { children: props.isDataFound === false && props.children });
2102
2065
  };
2103
2066
  var NoContentView_default = NoContentView;
2104
2067
 
2105
2068
  // src/components/dataForm/ContentView.tsx
2106
- var import_react33 = __toESM(require("react"));
2107
- var import_jsx_runtime33 = require("react/jsx-runtime");
2069
+ var import_react31 = __toESM(require("react"));
2070
+ var import_jsx_runtime31 = require("react/jsx-runtime");
2108
2071
  var ContentView = (props) => {
2109
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react33.default.Fragment, { children: [
2110
- props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
2111
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center mb-4", children: [
2112
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
2113
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ml-2", children: [
2114
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
2115
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
2072
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react31.default.Fragment, { children: [
2073
+ props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
2074
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center mb-4", children: [
2075
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
2076
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "ml-2", children: [
2077
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
2078
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
2116
2079
  ] })
2117
2080
  ] }),
2118
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
2119
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
2120
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2121
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2122
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2123
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2124
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2081
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
2082
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2083
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2084
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2085
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2086
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2087
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2125
2088
  ] }),
2126
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
2127
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2128
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2129
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2130
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2131
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2089
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2090
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2091
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2092
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2093
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2094
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2132
2095
  ] }),
2133
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
2134
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2135
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2136
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2137
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2138
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2096
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2097
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2098
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2099
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2100
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2101
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2139
2102
  ] })
2140
2103
  ] })
2141
2104
  ] }) }),
@@ -2146,7 +2109,7 @@ var ContentView_default = ContentView;
2146
2109
 
2147
2110
  // src/components/dataForm/Hyperlink.tsx
2148
2111
  var import_link = __toESM(require("next/link"));
2149
- var import_jsx_runtime34 = require("react/jsx-runtime");
2112
+ var import_jsx_runtime32 = require("react/jsx-runtime");
2150
2113
  function Hyperlink(props) {
2151
2114
  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
2152
2115
  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
@@ -2154,7 +2117,7 @@ function Hyperlink(props) {
2154
2117
  if (target == "_blank") {
2155
2118
  additionalProps.rel = "noopener noreferrer";
2156
2119
  }
2157
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
2120
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
2158
2121
  import_link.default,
2159
2122
  {
2160
2123
  href: props.href,
@@ -2164,7 +2127,7 @@ function Hyperlink(props) {
2164
2127
  target,
2165
2128
  children: props.children
2166
2129
  }
2167
- ) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: props.className, children: props.children }) });
2130
+ ) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: props.className, children: props.children }) });
2168
2131
  }
2169
2132
 
2170
2133
  // src/clients/OdataBuilder.tsx
@@ -2322,30 +2285,30 @@ var OdataBuilder = class {
2322
2285
  };
2323
2286
 
2324
2287
  // src/svg/chevron-updown.tsx
2325
- var import_jsx_runtime35 = require("react/jsx-runtime");
2288
+ var import_jsx_runtime33 = require("react/jsx-runtime");
2326
2289
  var ChevronUpDown = (props) => {
2327
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
2290
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
2328
2291
  };
2329
2292
  var chevron_updown_default = ChevronUpDown;
2330
2293
 
2331
2294
  // src/svg/chevron-down.tsx
2332
- var import_jsx_runtime36 = require("react/jsx-runtime");
2295
+ var import_jsx_runtime34 = require("react/jsx-runtime");
2333
2296
  var ChevronDown = (props) => {
2334
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
2297
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
2335
2298
  };
2336
2299
  var chevron_down_default = ChevronDown;
2337
2300
 
2338
2301
  // src/svg/chevron-up.tsx
2339
- var import_jsx_runtime37 = require("react/jsx-runtime");
2302
+ var import_jsx_runtime35 = require("react/jsx-runtime");
2340
2303
  var ChevronUp = (props) => {
2341
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
2304
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
2342
2305
  };
2343
2306
  var chevron_up_default = ChevronUp;
2344
2307
 
2345
2308
  // src/svg/plus.tsx
2346
- var import_jsx_runtime38 = require("react/jsx-runtime");
2309
+ var import_jsx_runtime36 = require("react/jsx-runtime");
2347
2310
  var Plus = (props) => {
2348
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
2311
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
2349
2312
  };
2350
2313
  var plus_default = Plus;
2351
2314
 
@@ -2359,14 +2322,14 @@ var Icons = {
2359
2322
  var Icons_default = Icons;
2360
2323
 
2361
2324
  // src/svg/Icon.tsx
2362
- var import_jsx_runtime39 = require("react/jsx-runtime");
2325
+ var import_jsx_runtime37 = require("react/jsx-runtime");
2363
2326
  var Icon = ({ name, className, ...props }) => {
2364
2327
  const IconComponent = Icons_default[name];
2365
2328
  if (!IconComponent) {
2366
2329
  console.error(`Icon "${name}" not found.`);
2367
2330
  return null;
2368
2331
  }
2369
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconComponent, { ...props, className });
2332
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconComponent, { ...props, className });
2370
2333
  };
2371
2334
  var Icon_default = Icon;
2372
2335
 
@@ -2415,7 +2378,7 @@ function FormReducer(state, action) {
2415
2378
  var FormReducer_default = FormReducer;
2416
2379
 
2417
2380
  // src/components/dataForm/DataList.tsx
2418
- var import_jsx_runtime40 = require("react/jsx-runtime");
2381
+ var import_jsx_runtime38 = require("react/jsx-runtime");
2419
2382
  var DataList = (props) => {
2420
2383
  console.log(props.dataset, "datasetssssss");
2421
2384
  const router = (0, import_navigation.useRouter)();
@@ -2424,8 +2387,8 @@ var DataList = (props) => {
2424
2387
  let activePageNumber = 0;
2425
2388
  let pages = 0;
2426
2389
  console.log(props.addLinkText);
2427
- const [isDataFound, setIsDataFound] = (0, import_react34.useState)(null);
2428
- (0, import_react34.useEffect)(() => {
2390
+ const [isDataFound, setIsDataFound] = (0, import_react32.useState)(null);
2391
+ (0, import_react32.useEffect)(() => {
2429
2392
  if (props?.dataset) {
2430
2393
  if (props?.dataset.result && props.dataset.result.length > 0) {
2431
2394
  setIsDataFound(true);
@@ -2438,7 +2401,7 @@ var DataList = (props) => {
2438
2401
  if (path.includes(".")) {
2439
2402
  return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
2440
2403
  } else if (Array.isArray(obj[path])) {
2441
- return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: item }, index));
2404
+ return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: item }, index));
2442
2405
  } else {
2443
2406
  return obj[path];
2444
2407
  }
@@ -2447,8 +2410,8 @@ var DataList = (props) => {
2447
2410
  inputValues: {},
2448
2411
  lastPropertyChanged: ""
2449
2412
  };
2450
- const [formState, dispatch] = (0, import_react34.useReducer)(FormReducer_default, initialState);
2451
- const handleFilterChange = (0, import_react34.useCallback)(
2413
+ const [formState, dispatch] = (0, import_react32.useReducer)(FormReducer_default, initialState);
2414
+ const handleFilterChange = (0, import_react32.useCallback)(
2452
2415
  (updatedValues) => {
2453
2416
  dispatch({
2454
2417
  type: FORM_INPUT_UPDATE,
@@ -2494,30 +2457,30 @@ var DataList = (props) => {
2494
2457
  const renderPageNumbers = () => {
2495
2458
  if (pages <= 10) {
2496
2459
  return Array.from({ length: pages }, (_, index) => index + 1).map(
2497
- (page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2460
+ (page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2498
2461
  Hyperlink,
2499
2462
  {
2500
2463
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2501
2464
  href: builder.getNewPageUrl(page),
2502
2465
  children: page
2503
2466
  }
2504
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
2467
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
2505
2468
  );
2506
2469
  } else {
2507
2470
  const showFirstPages = activePageNumber <= 5;
2508
2471
  const showLastPages = activePageNumber > pages - 5;
2509
2472
  if (showFirstPages) {
2510
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
2511
- Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2473
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2474
+ Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2512
2475
  Hyperlink,
2513
2476
  {
2514
2477
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2515
2478
  href: builder.getNewPageUrl(page),
2516
2479
  children: page
2517
2480
  }
2518
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
2519
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2520
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2481
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
2482
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2483
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2521
2484
  Hyperlink,
2522
2485
  {
2523
2486
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2525,7 +2488,7 @@ var DataList = (props) => {
2525
2488
  children: pages - 1
2526
2489
  }
2527
2490
  ),
2528
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2491
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2529
2492
  Hyperlink,
2530
2493
  {
2531
2494
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2533,7 +2496,7 @@ var DataList = (props) => {
2533
2496
  children: pages
2534
2497
  }
2535
2498
  ),
2536
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2499
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2537
2500
  "select",
2538
2501
  {
2539
2502
  className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -2545,18 +2508,18 @@ var DataList = (props) => {
2545
2508
  }
2546
2509
  },
2547
2510
  children: [
2548
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { className: "", value: "", children: "Jump to" }),
2511
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { className: "", value: "", children: "Jump to" }),
2549
2512
  Array.from(
2550
2513
  { length: Math.max(0, pages - 10) },
2551
2514
  (_, index) => index + 9
2552
- ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: page, children: page }, page))
2515
+ ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: page, children: page }, page))
2553
2516
  ]
2554
2517
  }
2555
2518
  ) })
2556
2519
  ] });
2557
2520
  } else if (showLastPages) {
2558
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
2559
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2521
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2522
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2560
2523
  Hyperlink,
2561
2524
  {
2562
2525
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2564,7 +2527,7 @@ var DataList = (props) => {
2564
2527
  children: "1"
2565
2528
  }
2566
2529
  ),
2567
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2530
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2568
2531
  Hyperlink,
2569
2532
  {
2570
2533
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2572,21 +2535,21 @@ var DataList = (props) => {
2572
2535
  children: "2"
2573
2536
  }
2574
2537
  ),
2575
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2538
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2576
2539
  Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
2577
- (page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2540
+ (page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2578
2541
  Hyperlink,
2579
2542
  {
2580
2543
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2581
2544
  href: builder.getNewPageUrl(page),
2582
2545
  children: page
2583
2546
  }
2584
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
2547
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
2585
2548
  )
2586
2549
  ] });
2587
2550
  } else {
2588
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
2589
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2551
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2552
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2590
2553
  Hyperlink,
2591
2554
  {
2592
2555
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2594,7 +2557,7 @@ var DataList = (props) => {
2594
2557
  children: "1"
2595
2558
  }
2596
2559
  ),
2597
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2560
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2598
2561
  Hyperlink,
2599
2562
  {
2600
2563
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2602,20 +2565,20 @@ var DataList = (props) => {
2602
2565
  children: "2"
2603
2566
  }
2604
2567
  ),
2605
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2568
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2606
2569
  Array.from(
2607
2570
  { length: 5 },
2608
2571
  (_, index) => activePageNumber - 2 + index
2609
- ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2572
+ ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2610
2573
  Hyperlink,
2611
2574
  {
2612
2575
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2613
2576
  href: builder.getNewPageUrl(page),
2614
2577
  children: page
2615
2578
  }
2616
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
2617
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2618
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2579
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
2580
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2581
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2619
2582
  Hyperlink,
2620
2583
  {
2621
2584
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2623,7 +2586,7 @@ var DataList = (props) => {
2623
2586
  children: pages - 1
2624
2587
  }
2625
2588
  ),
2626
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2589
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2627
2590
  Hyperlink,
2628
2591
  {
2629
2592
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2631,7 +2594,7 @@ var DataList = (props) => {
2631
2594
  children: pages
2632
2595
  }
2633
2596
  ),
2634
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2597
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2635
2598
  "select",
2636
2599
  {
2637
2600
  className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -2643,8 +2606,8 @@ var DataList = (props) => {
2643
2606
  }
2644
2607
  },
2645
2608
  children: [
2646
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "", children: "Jump to" }),
2647
- Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: page, children: page }, page))
2609
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: "", children: "Jump to" }),
2610
+ Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: page, children: page }, page))
2648
2611
  ]
2649
2612
  }
2650
2613
  ) })
@@ -2652,16 +2615,16 @@ var DataList = (props) => {
2652
2615
  }
2653
2616
  }
2654
2617
  };
2655
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react34.default.Fragment, { children: [
2656
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ContentView_default, { isDataFound, children: [
2657
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2618
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react32.default.Fragment, { children: [
2619
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(ContentView_default, { isDataFound, children: [
2620
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2658
2621
  "div",
2659
2622
  {
2660
2623
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
2661
2624
  children: [
2662
- props.title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {}),
2663
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
2664
- props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2625
+ props.title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", {}),
2626
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
2627
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2665
2628
  InputControl_default,
2666
2629
  {
2667
2630
  name: filter.name,
@@ -2676,15 +2639,15 @@ var DataList = (props) => {
2676
2639
  },
2677
2640
  filter.name
2678
2641
  )),
2679
- props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2642
+ props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2680
2643
  Hyperlink,
2681
2644
  {
2682
2645
  className: "gap-1",
2683
2646
  linkType: "Primary" /* Solid */,
2684
2647
  href: props.addLinkHref,
2685
2648
  children: [
2686
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2687
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2649
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2650
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2688
2651
  ]
2689
2652
  }
2690
2653
  )
@@ -2692,8 +2655,8 @@ var DataList = (props) => {
2692
2655
  ]
2693
2656
  }
2694
2657
  ),
2695
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
2696
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { children: props?.columns?.map((column) => {
2658
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
2659
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: props?.columns?.map((column) => {
2697
2660
  let url = builder.getNewOrderByUrl(column.name);
2698
2661
  let icon = "chevronUpDown";
2699
2662
  if (orderBy.includes(`${column.name} desc`)) {
@@ -2703,36 +2666,36 @@ var DataList = (props) => {
2703
2666
  icon = "chevronUp";
2704
2667
  url = builder.getNewOrderByUrl(column.name + " desc");
2705
2668
  }
2706
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2669
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2707
2670
  "th",
2708
2671
  {
2709
- className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
2710
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center space-x-1", children: [
2711
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-black", children: column.label }),
2712
- column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2672
+ className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
2673
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex items-center space-x-1", children: [
2674
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-black", children: column.label }),
2675
+ column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2713
2676
  ] }) })
2714
2677
  },
2715
2678
  column.name
2716
2679
  );
2717
2680
  }) }) }),
2718
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
2681
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
2719
2682
  let validityClass = "";
2720
2683
  console.log("dataitem", dataitem);
2721
2684
  if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
2722
2685
  validityClass = "bg-alert-200";
2723
2686
  }
2724
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
2687
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
2725
2688
  console.log("column", column);
2726
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2689
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2727
2690
  "td",
2728
2691
  {
2729
- className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.moneyView ? "" : ""),
2730
- children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2692
+ className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
2693
+ children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2731
2694
  Hyperlink,
2732
2695
  {
2733
2696
  className: "",
2734
2697
  href: `https://${dataitem[column.name]}`,
2735
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2698
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2736
2699
  ViewControl_default,
2737
2700
  {
2738
2701
  controlType: column.controlType,
@@ -2745,11 +2708,11 @@ var DataList = (props) => {
2745
2708
  }
2746
2709
  )
2747
2710
  }
2748
- ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2711
+ ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2749
2712
  Hyperlink,
2750
2713
  {
2751
2714
  href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
2752
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2715
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2753
2716
  ViewControl_default,
2754
2717
  {
2755
2718
  controlType: column.controlType,
@@ -2759,7 +2722,7 @@ var DataList = (props) => {
2759
2722
  }
2760
2723
  )
2761
2724
  }
2762
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2725
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2763
2726
  ViewControl_default,
2764
2727
  {
2765
2728
  controlType: column.controlType,
@@ -2773,10 +2736,10 @@ var DataList = (props) => {
2773
2736
  }) }, index);
2774
2737
  }) })
2775
2738
  ] }) }),
2776
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between", children: [
2777
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-gray-700", children: label }),
2778
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex space-x-2 items-center", children: [
2779
- activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2739
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between", children: [
2740
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-gray-700", children: label }),
2741
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex space-x-2 items-center", children: [
2742
+ activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2780
2743
  Hyperlink,
2781
2744
  {
2782
2745
  className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -2784,9 +2747,9 @@ var DataList = (props) => {
2784
2747
  children: "Prev"
2785
2748
  }
2786
2749
  ),
2787
- activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
2750
+ activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
2788
2751
  renderPageNumbers(),
2789
- activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2752
+ activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2790
2753
  Hyperlink,
2791
2754
  {
2792
2755
  className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -2794,19 +2757,19 @@ var DataList = (props) => {
2794
2757
  children: "Next"
2795
2758
  }
2796
2759
  ),
2797
- activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
2760
+ activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
2798
2761
  ] })
2799
2762
  ] }) })
2800
2763
  ] }),
2801
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(NoContentView_default, { isDataFound, children: [
2802
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2764
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(NoContentView_default, { isDataFound, children: [
2765
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2803
2766
  "div",
2804
2767
  {
2805
2768
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
2806
2769
  children: [
2807
- props.title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {}),
2808
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
2809
- props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2770
+ props.title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", {}),
2771
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
2772
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2810
2773
  InputControl_default,
2811
2774
  {
2812
2775
  name: filter.name,
@@ -2821,15 +2784,15 @@ var DataList = (props) => {
2821
2784
  },
2822
2785
  filter.name
2823
2786
  )),
2824
- props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2787
+ props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2825
2788
  Hyperlink,
2826
2789
  {
2827
2790
  className: "gap-1",
2828
2791
  linkType: "Primary" /* Solid */,
2829
2792
  href: props.addLinkHref,
2830
2793
  children: [
2831
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2832
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2794
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2795
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2833
2796
  ]
2834
2797
  }
2835
2798
  )
@@ -2837,8 +2800,8 @@ var DataList = (props) => {
2837
2800
  ]
2838
2801
  }
2839
2802
  ),
2840
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
2841
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { children: props?.columns?.map((column) => {
2803
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
2804
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: props?.columns?.map((column) => {
2842
2805
  let url = builder.getNewOrderByUrl(column.name);
2843
2806
  let icon = "chevronUpDown";
2844
2807
  if (orderBy.includes(`${column.name} desc`)) {
@@ -2848,19 +2811,19 @@ var DataList = (props) => {
2848
2811
  icon = "chevronUp";
2849
2812
  url = builder.getNewOrderByUrl(column.name + " desc");
2850
2813
  }
2851
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2814
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2852
2815
  "th",
2853
2816
  {
2854
- className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
2855
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center space-x-1", children: [
2856
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: column.label }),
2857
- column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2817
+ className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
2818
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex items-center space-x-1", children: [
2819
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: column.label }),
2820
+ column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2858
2821
  ] }) })
2859
2822
  },
2860
2823
  column.name
2861
2824
  );
2862
2825
  }) }) }) }) }),
2863
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
2826
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
2864
2827
  ] })
2865
2828
  ] })
2866
2829
  ] });
@@ -2868,13 +2831,13 @@ var DataList = (props) => {
2868
2831
  var DataList_default = DataList;
2869
2832
 
2870
2833
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2871
- var import_react51 = __toESM(require("react"));
2834
+ var import_react49 = __toESM(require("react"));
2872
2835
 
2873
2836
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
2874
- var import_react36 = __toESM(require("react"));
2837
+ var import_react34 = __toESM(require("react"));
2875
2838
 
2876
2839
  // src/components/pageRenderingEngine/nodes/TextNode.tsx
2877
- var import_jsx_runtime41 = (
2840
+ var import_jsx_runtime39 = (
2878
2841
  // @ts-expect-error custom code
2879
2842
  require("react/jsx-runtime")
2880
2843
  );
@@ -2935,21 +2898,21 @@ var TextNode = (props) => {
2935
2898
  });
2936
2899
  }
2937
2900
  const displayText = props.linkText ? props.linkText : props.node.text;
2938
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text });
2901
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text });
2939
2902
  };
2940
2903
  var TextNode_default = TextNode;
2941
2904
 
2942
2905
  // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
2943
- var import_jsx_runtime42 = require("react/jsx-runtime");
2906
+ var import_jsx_runtime40 = require("react/jsx-runtime");
2944
2907
  var LineBreakNode = () => {
2945
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "py-0.5 lg:py-1.5" });
2908
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "py-0.5 lg:py-1.5" });
2946
2909
  };
2947
2910
  var LineBreakNode_default = LineBreakNode;
2948
2911
 
2949
2912
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
2950
- var import_react35 = __toESM(require("react"));
2913
+ var import_react33 = __toESM(require("react"));
2951
2914
  var import_link2 = __toESM(require("next/link"));
2952
- var import_jsx_runtime43 = require("react/jsx-runtime");
2915
+ var import_jsx_runtime41 = require("react/jsx-runtime");
2953
2916
  var LinkNode = (props) => {
2954
2917
  const NodeTypes2 = {
2955
2918
  ["text"]: TextNode_default
@@ -2957,21 +2920,21 @@ var LinkNode = (props) => {
2957
2920
  {
2958
2921
  }
2959
2922
  let formatClasses = props.node.cssClass || "";
2960
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
2923
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
2961
2924
  props.node.children && props.node.children.map((node, index) => {
2962
2925
  const SelectedNode = NodeTypes2[node.type];
2963
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectedNode, { node }) }, index);
2926
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectedNode, { node }) }, index);
2964
2927
  }),
2965
- props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("br", {})
2928
+ props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("br", {})
2966
2929
  ] });
2967
2930
  };
2968
2931
  var LinkNode_default = LinkNode;
2969
2932
 
2970
2933
  // src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
2971
- var import_jsx_runtime44 = require("react/jsx-runtime");
2934
+ var import_jsx_runtime42 = require("react/jsx-runtime");
2972
2935
  var SVGIconNode = ({ node }) => {
2973
2936
  if (!node?.svgCode) return null;
2974
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
2937
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
2975
2938
  "span",
2976
2939
  {
2977
2940
  style: {
@@ -2988,7 +2951,7 @@ var SVGIconNode_default = SVGIconNode;
2988
2951
 
2989
2952
  // src/components/pageRenderingEngine/nodes/EquationNode.tsx
2990
2953
  var import_katex = __toESM(require("katex"));
2991
- var import_jsx_runtime45 = require("react/jsx-runtime");
2954
+ var import_jsx_runtime43 = require("react/jsx-runtime");
2992
2955
  var EquationNode = ({ node }) => {
2993
2956
  const { equation, inline } = node;
2994
2957
  let html = "";
@@ -3003,7 +2966,7 @@ var EquationNode = ({ node }) => {
3003
2966
  });
3004
2967
  }
3005
2968
  if (inline) {
3006
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2969
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
3007
2970
  "span",
3008
2971
  {
3009
2972
  className: "katex-inline",
@@ -3011,7 +2974,7 @@ var EquationNode = ({ node }) => {
3011
2974
  }
3012
2975
  );
3013
2976
  }
3014
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2977
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
3015
2978
  "div",
3016
2979
  {
3017
2980
  className: "katex-block my-3 text-center",
@@ -3022,7 +2985,7 @@ var EquationNode = ({ node }) => {
3022
2985
  var EquationNode_default = EquationNode;
3023
2986
 
3024
2987
  // src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
3025
- var import_jsx_runtime46 = require("react/jsx-runtime");
2988
+ var import_jsx_runtime44 = require("react/jsx-runtime");
3026
2989
  function getNestedProperty(obj, path) {
3027
2990
  if (!obj || !path) return null;
3028
2991
  if (path.includes(".")) {
@@ -3035,7 +2998,7 @@ function getNestedProperty(obj, path) {
3035
2998
  }
3036
2999
  const value = obj[path];
3037
3000
  if (Array.isArray(value)) {
3038
- return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: String(item) }, index));
3001
+ return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: String(item) }, index));
3039
3002
  }
3040
3003
  return value;
3041
3004
  }
@@ -3096,7 +3059,7 @@ var DatafieldNode = (props) => {
3096
3059
  const dataType = props.node.dataType;
3097
3060
  if (isEmptyValue) return null;
3098
3061
  if (dataType === "rawContent") {
3099
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3062
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3100
3063
  PageBodyRenderer_default,
3101
3064
  {
3102
3065
  rawBody: String(value ?? `@databound[${fieldName}]`),
@@ -3111,12 +3074,12 @@ var DatafieldNode = (props) => {
3111
3074
  }
3112
3075
  );
3113
3076
  }
3114
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3077
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3115
3078
  "span",
3116
3079
  {
3117
3080
  className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
3118
3081
  style: styles,
3119
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3082
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3120
3083
  ViewControl_default,
3121
3084
  {
3122
3085
  controlType: dataType,
@@ -3129,7 +3092,7 @@ var DatafieldNode = (props) => {
3129
3092
  var DatafieldNode_default = DatafieldNode;
3130
3093
 
3131
3094
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
3132
- var import_jsx_runtime47 = require("react/jsx-runtime");
3095
+ var import_jsx_runtime45 = require("react/jsx-runtime");
3133
3096
  var ParagraphNode = (props) => {
3134
3097
  const NodeTypes2 = {
3135
3098
  ["text"]: TextNode_default,
@@ -3149,9 +3112,9 @@ var ParagraphNode = (props) => {
3149
3112
  const isInlineOnlyParent = props.parentTag === "summary";
3150
3113
  const hasChildren = props.node.children && props.node.children.length > 0;
3151
3114
  if (isInlineOnlyParent) {
3152
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
3115
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
3153
3116
  const SelectedNode = NodeTypes2[node.type];
3154
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
3117
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
3155
3118
  SelectedNode,
3156
3119
  {
3157
3120
  node,
@@ -3163,10 +3126,10 @@ var ParagraphNode = (props) => {
3163
3126
  ) }, index);
3164
3127
  }) });
3165
3128
  }
3166
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: " " + formatClasses, children: [
3129
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: " " + formatClasses, children: [
3167
3130
  hasChildren && props.node.children.map((node, index) => {
3168
3131
  const SelectedNode = NodeTypes2[node.type];
3169
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
3132
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
3170
3133
  SelectedNode,
3171
3134
  {
3172
3135
  node,
@@ -3177,14 +3140,14 @@ var ParagraphNode = (props) => {
3177
3140
  }
3178
3141
  ) }, index);
3179
3142
  }),
3180
- !hasChildren && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-1.5 lg:py-2" })
3143
+ !hasChildren && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "py-1.5 lg:py-2" })
3181
3144
  ] });
3182
3145
  };
3183
3146
  var ParagraphNode_default = ParagraphNode;
3184
3147
 
3185
3148
  // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
3186
- var import_react37 = __toESM(require("react"));
3187
- var import_jsx_runtime48 = require("react/jsx-runtime");
3149
+ var import_react35 = __toESM(require("react"));
3150
+ var import_jsx_runtime46 = require("react/jsx-runtime");
3188
3151
  var HeadingNode = (props) => {
3189
3152
  const NodeTypes2 = {
3190
3153
  ["text"]: TextNode_default,
@@ -3200,23 +3163,23 @@ var HeadingNode = (props) => {
3200
3163
  {
3201
3164
  }
3202
3165
  const formatClasses = FormatClass[props.node.format] || "";
3203
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: import_react37.default.createElement(
3166
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: import_react35.default.createElement(
3204
3167
  HeadingTag,
3205
3168
  { className: formatClasses },
3206
3169
  props.node.children && props.node.children.map((childNode, index) => {
3207
3170
  const SelectedNode = NodeTypes2[childNode.type];
3208
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
3171
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
3209
3172
  })
3210
3173
  ) });
3211
3174
  };
3212
3175
  var HeadingNode_default = HeadingNode;
3213
3176
 
3214
3177
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
3215
- var import_react39 = __toESM(require("react"));
3178
+ var import_react37 = __toESM(require("react"));
3216
3179
 
3217
3180
  // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
3218
- var import_react38 = __toESM(require("react"));
3219
- var import_jsx_runtime49 = require("react/jsx-runtime");
3181
+ var import_react36 = __toESM(require("react"));
3182
+ var import_jsx_runtime47 = require("react/jsx-runtime");
3220
3183
  var ListItemNode = (props) => {
3221
3184
  const NodeTypes2 = {
3222
3185
  text: TextNode_default,
@@ -3233,66 +3196,66 @@ var ListItemNode = (props) => {
3233
3196
  liStyle.fontSize = match[1].trim();
3234
3197
  }
3235
3198
  }
3236
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
3199
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
3237
3200
  const SelectedNode = NodeTypes2[node.type];
3238
3201
  if (node.type === "linebreak") {
3239
3202
  if (!foundFirstBreak) {
3240
3203
  foundFirstBreak = true;
3241
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}, index);
3204
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {}, index);
3242
3205
  } else {
3243
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-1 lg:py-2" }, index);
3206
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-1 lg:py-2" }, index);
3244
3207
  }
3245
3208
  } else {
3246
3209
  foundFirstBreak = false;
3247
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3210
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3248
3211
  }
3249
3212
  }) });
3250
3213
  };
3251
3214
  var ListItemNode_default = ListItemNode;
3252
3215
 
3253
3216
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
3254
- var import_jsx_runtime50 = require("react/jsx-runtime");
3217
+ var import_jsx_runtime48 = require("react/jsx-runtime");
3255
3218
  var ListNode = (props) => {
3256
3219
  const NodeTypes2 = {
3257
3220
  listitem: ListItemNode_default
3258
3221
  };
3259
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react39.default.Fragment, { children: [
3260
- props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
3222
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react37.default.Fragment, { children: [
3223
+ props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
3261
3224
  const SelectedNode = NodeTypes2[node.type];
3262
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3225
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3263
3226
  }) }),
3264
- props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
3227
+ props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
3265
3228
  const SelectedNode = NodeTypes2[node.type];
3266
- return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3229
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
3267
3230
  }) })
3268
3231
  ] });
3269
3232
  };
3270
3233
  var ListNode_default = ListNode;
3271
3234
 
3272
3235
  // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
3273
- var import_react40 = __toESM(require("react"));
3274
- var import_jsx_runtime51 = require("react/jsx-runtime");
3236
+ var import_react38 = __toESM(require("react"));
3237
+ var import_jsx_runtime49 = require("react/jsx-runtime");
3275
3238
  var QuoteNode = (props) => {
3276
3239
  const NodeTypes2 = {
3277
3240
  ["text"]: TextNode_default,
3278
3241
  ["linebreak"]: LineBreakNode_default,
3279
3242
  ["link"]: LinkNode_default
3280
3243
  };
3281
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
3244
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
3282
3245
  const SelectedNode = NodeTypes2[node.type];
3283
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
3246
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
3284
3247
  }) });
3285
3248
  };
3286
3249
  var QuoteNode_default = QuoteNode;
3287
3250
 
3288
3251
  // src/components/pageRenderingEngine/nodes/CodeNode.tsx
3289
- var import_react42 = __toESM(require("react"));
3252
+ var import_react40 = __toESM(require("react"));
3290
3253
  var import_dynamic = __toESM(require("next/dynamic"));
3291
- var import_jsx_runtime53 = require("react/jsx-runtime");
3254
+ var import_jsx_runtime51 = require("react/jsx-runtime");
3292
3255
  var CopyButton2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
3293
3256
  ssr: false,
3294
3257
  // optional: fallback UI while loading
3295
- loading: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
3258
+ loading: () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
3296
3259
  });
3297
3260
  var CodeNode = (props) => {
3298
3261
  const NodeTypes2 = {
@@ -3306,14 +3269,14 @@ var CodeNode = (props) => {
3306
3269
  if (node.type === "link") return node.text || node.url || "";
3307
3270
  return "";
3308
3271
  }).join("") ?? "";
3309
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
3310
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
3311
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Code Snippet" }),
3312
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CopyButton2, { text: textContent })
3272
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
3273
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
3274
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Code Snippet" }),
3275
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CopyButton2, { text: textContent })
3313
3276
  ] }),
3314
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
3277
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
3315
3278
  const SelectedNode = NodeTypes2[node.type];
3316
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
3279
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
3317
3280
  SelectedNode,
3318
3281
  {
3319
3282
  node,
@@ -3328,14 +3291,14 @@ var CodeNode = (props) => {
3328
3291
  var CodeNode_default = CodeNode;
3329
3292
 
3330
3293
  // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
3331
- var import_jsx_runtime54 = require("react/jsx-runtime");
3294
+ var import_jsx_runtime52 = require("react/jsx-runtime");
3332
3295
  var HorizontalRuleNode = () => {
3333
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", {});
3296
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("hr", {});
3334
3297
  };
3335
3298
  var HorizontalRuleNode_default = HorizontalRuleNode;
3336
3299
 
3337
3300
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
3338
- var import_react44 = __toESM(require("react"));
3301
+ var import_react42 = __toESM(require("react"));
3339
3302
 
3340
3303
  // src/components/utilities/AssetUtility.tsx
3341
3304
  var AssetUtility = class {
@@ -3352,7 +3315,7 @@ var AssetUtility = class {
3352
3315
  // return `https://cdn.g-assets.com/${domainName}`;
3353
3316
  // }
3354
3317
  static getAssetFullPath(apiBaseUrl, relativePath) {
3355
- let domainName = apiBaseUrl.replace("https://", "");
3318
+ const domainName = apiBaseUrl.replace("https://", "");
3356
3319
  return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
3357
3320
  }
3358
3321
  };
@@ -3363,7 +3326,7 @@ var import_dynamic2 = __toESM(require("next/dynamic"));
3363
3326
 
3364
3327
  // src/components/DeviceAssetSelector.tsx
3365
3328
  init_HlsPlayer();
3366
- var import_jsx_runtime56 = require("react/jsx-runtime");
3329
+ var import_jsx_runtime54 = require("react/jsx-runtime");
3367
3330
  var DeviceAssetSelector = ({
3368
3331
  assets,
3369
3332
  assetBaseUrl,
@@ -3438,7 +3401,7 @@ var DeviceAssetSelector = ({
3438
3401
  const formatClasses = FormatClass[nodeProps?.format || ""] || "";
3439
3402
  const renderMedia = () => {
3440
3403
  if (isHls) {
3441
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3404
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
3442
3405
  HlsPlayer_default,
3443
3406
  {
3444
3407
  assetUrl: resolvedAssetUrl,
@@ -3455,7 +3418,7 @@ var DeviceAssetSelector = ({
3455
3418
  } else {
3456
3419
  return (
3457
3420
  /* eslint-disable-next-line @next/next/no-img-element */
3458
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3421
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
3459
3422
  "img",
3460
3423
  {
3461
3424
  style: styles,
@@ -3471,17 +3434,17 @@ var DeviceAssetSelector = ({
3471
3434
  }
3472
3435
  };
3473
3436
  if (width) {
3474
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { width }, children: renderMedia() });
3437
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { width }, children: renderMedia() });
3475
3438
  }
3476
3439
  if (nodeProps?.format) {
3477
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3440
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3478
3441
  }
3479
3442
  return renderMedia();
3480
3443
  };
3481
3444
  var DeviceAssetSelector_default = DeviceAssetSelector;
3482
3445
 
3483
3446
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
3484
- var import_jsx_runtime57 = require("react/jsx-runtime");
3447
+ var import_jsx_runtime55 = require("react/jsx-runtime");
3485
3448
  var HlsPlayer2 = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
3486
3449
  ssr: false
3487
3450
  });
@@ -3524,7 +3487,7 @@ var ImageNode = (props) => {
3524
3487
  console.error("Error parsing assets in ImageNode:", error);
3525
3488
  }
3526
3489
  if (assets && assets.length > 0) {
3527
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3490
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3528
3491
  DeviceAssetSelector_default,
3529
3492
  {
3530
3493
  device: props.device,
@@ -3573,7 +3536,7 @@ var ImageNode = (props) => {
3573
3536
  const isHls = imageUrl?.endsWith(".m3u8");
3574
3537
  const renderMedia = () => {
3575
3538
  if (isHls) {
3576
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3539
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3577
3540
  HlsPlayer2,
3578
3541
  {
3579
3542
  assetUrl: imageUrl,
@@ -3588,7 +3551,7 @@ var ImageNode = (props) => {
3588
3551
  }
3589
3552
  );
3590
3553
  } else {
3591
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react44.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3554
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3592
3555
  "img",
3593
3556
  {
3594
3557
  style: styles,
@@ -3603,14 +3566,14 @@ var ImageNode = (props) => {
3603
3566
  }
3604
3567
  };
3605
3568
  if (props.node.width) {
3606
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3569
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3607
3570
  }
3608
3571
  return renderMedia();
3609
3572
  };
3610
3573
  var ImageNode_default = ImageNode;
3611
3574
 
3612
3575
  // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
3613
- var import_jsx_runtime58 = require("react/jsx-runtime");
3576
+ var import_jsx_runtime56 = require("react/jsx-runtime");
3614
3577
  var WidgetNode = (props) => {
3615
3578
  const getWidgetParameters = () => {
3616
3579
  const widgetInputParameters = {
@@ -3667,14 +3630,14 @@ var WidgetNode = (props) => {
3667
3630
  };
3668
3631
  const widgetCode = props.node?.widgetCode;
3669
3632
  if (!widgetCode) {
3670
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: "Invalid widget" });
3633
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: "Invalid widget" });
3671
3634
  }
3672
3635
  const SelectedWidget = getWidget(widgetCode);
3673
3636
  if (!SelectedWidget) {
3674
3637
  if (process.env.NODE_ENV !== "production") {
3675
3638
  console.warn("Widget not found:", widgetCode);
3676
3639
  }
3677
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
3640
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
3678
3641
  "Widget not found: ",
3679
3642
  widgetCode
3680
3643
  ] });
@@ -3682,7 +3645,7 @@ var WidgetNode = (props) => {
3682
3645
  const widgetParams = getWidgetParameters();
3683
3646
  return (
3684
3647
  // eslint-disable-next-line react-hooks/static-components
3685
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
3648
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3686
3649
  SelectedWidget,
3687
3650
  {
3688
3651
  params: widgetParams,
@@ -3698,12 +3661,12 @@ var WidgetNode = (props) => {
3698
3661
  var WidgetNode_default = WidgetNode;
3699
3662
 
3700
3663
  // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
3701
- var import_react45 = __toESM(require("react"));
3664
+ var import_react43 = __toESM(require("react"));
3702
3665
 
3703
3666
  // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
3704
- var import_jsx_runtime59 = require("react/jsx-runtime");
3667
+ var import_jsx_runtime57 = require("react/jsx-runtime");
3705
3668
  var InputControlNode = (props) => {
3706
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
3669
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3707
3670
  InputControl_default,
3708
3671
  {
3709
3672
  name: props.node.name,
@@ -3937,22 +3900,22 @@ var ServiceClient = class {
3937
3900
  var ServiceClient_default = ServiceClient;
3938
3901
 
3939
3902
  // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
3940
- var import_jsx_runtime60 = require("react/jsx-runtime");
3903
+ var import_jsx_runtime58 = require("react/jsx-runtime");
3941
3904
  var FormContainerNode = (props) => {
3942
3905
  const NodeTypes2 = {
3943
3906
  ["input-control"]: InputControlNode_default
3944
3907
  };
3945
3908
  const { node } = props;
3946
- const formRef = (0, import_react45.useRef)(null);
3909
+ const formRef = (0, import_react43.useRef)(null);
3947
3910
  const initialState = {
3948
3911
  inputValues: {},
3949
3912
  lastPropertyChanged: ""
3950
3913
  };
3951
- const [formState, dispatch] = (0, import_react45.useReducer)(FormReducer_default, initialState);
3952
- const handleInputChange = (0, import_react45.useCallback)((updatedValues) => {
3914
+ const [formState, dispatch] = (0, import_react43.useReducer)(FormReducer_default, initialState);
3915
+ const handleInputChange = (0, import_react43.useCallback)((updatedValues) => {
3953
3916
  dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
3954
3917
  }, [dispatch]);
3955
- (0, import_react45.useEffect)(() => {
3918
+ (0, import_react43.useEffect)(() => {
3956
3919
  const fetchInitialData = async () => {
3957
3920
  const client = new ServiceClient_default(props.apiBaseUrl, props.session);
3958
3921
  const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
@@ -3967,12 +3930,12 @@ var FormContainerNode = (props) => {
3967
3930
  };
3968
3931
  fetchInitialData();
3969
3932
  }, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
3970
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
3933
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
3971
3934
  node.children && node.children.map((node2, index) => {
3972
3935
  {
3973
3936
  }
3974
3937
  const SelectedNode = NodeTypes2[node2.type];
3975
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react45.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
3938
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
3976
3939
  InputControlNode_default,
3977
3940
  {
3978
3941
  value: formState.inputValues[node2.name],
@@ -3981,17 +3944,17 @@ var FormContainerNode = (props) => {
3981
3944
  }
3982
3945
  ) }, index);
3983
3946
  }),
3984
- node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "py-0.5 lg:py-1.5" })
3947
+ node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "py-0.5 lg:py-1.5" })
3985
3948
  ] });
3986
3949
  };
3987
3950
  var FormContainerNode_default = FormContainerNode;
3988
3951
 
3989
3952
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
3990
- var import_react50 = __toESM(require("react"));
3953
+ var import_react48 = __toESM(require("react"));
3991
3954
 
3992
3955
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
3993
3956
  var import_dynamic3 = __toESM(require("next/dynamic"));
3994
- var import_jsx_runtime63 = require("react/jsx-runtime");
3957
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3995
3958
  var IframeClient2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
3996
3959
  ssr: false
3997
3960
  });
@@ -4004,13 +3967,13 @@ var EmbedNode = (props) => {
4004
3967
  } else {
4005
3968
  src = props.node.embedSrc;
4006
3969
  }
4007
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IframeClient2, { src }) });
3970
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IframeClient2, { src }) });
4008
3971
  };
4009
3972
  var EmbedNode_default = EmbedNode;
4010
3973
 
4011
3974
  // src/components/Slider.tsx
4012
- var import_react48 = __toESM(require("react"));
4013
- var import_jsx_runtime64 = require("react/jsx-runtime");
3975
+ var import_react46 = __toESM(require("react"));
3976
+ var import_jsx_runtime62 = require("react/jsx-runtime");
4014
3977
  var Slider = ({
4015
3978
  children,
4016
3979
  slidesToShow = 4,
@@ -4028,13 +3991,13 @@ var Slider = ({
4028
3991
  pillStyle = "cumulative",
4029
3992
  progressPosition = "bottom"
4030
3993
  }) => {
4031
- const [currentSlide, setCurrentSlide] = (0, import_react48.useState)(0);
4032
- const [transition, setTransition] = (0, import_react48.useState)(true);
4033
- const [slidesToShowState, setSlidesToShowState] = (0, import_react48.useState)(
3994
+ const [currentSlide, setCurrentSlide] = (0, import_react46.useState)(0);
3995
+ const [transition, setTransition] = (0, import_react46.useState)(true);
3996
+ const [slidesToShowState, setSlidesToShowState] = (0, import_react46.useState)(
4034
3997
  typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
4035
3998
  );
4036
- const [isPlaying, setIsPlaying] = (0, import_react48.useState)(autoplay);
4037
- (0, import_react48.useEffect)(() => {
3999
+ const [isPlaying, setIsPlaying] = (0, import_react46.useState)(autoplay);
4000
+ (0, import_react46.useEffect)(() => {
4038
4001
  if (typeof slidesToShow === "number") return;
4039
4002
  const handleResize = () => {
4040
4003
  if (window.innerWidth >= 1024) {
@@ -4049,7 +4012,7 @@ var Slider = ({
4049
4012
  window.addEventListener("resize", handleResize);
4050
4013
  return () => window.removeEventListener("resize", handleResize);
4051
4014
  }, [slidesToShow]);
4052
- (0, import_react48.useEffect)(() => {
4015
+ (0, import_react46.useEffect)(() => {
4053
4016
  if (!autoplay) return;
4054
4017
  const timer = setInterval(() => {
4055
4018
  if (isPlaying) {
@@ -4058,7 +4021,7 @@ var Slider = ({
4058
4021
  }, autoplay_speed);
4059
4022
  return () => clearInterval(timer);
4060
4023
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
4061
- const totalSlides = import_react48.Children.count(children);
4024
+ const totalSlides = import_react46.Children.count(children);
4062
4025
  const maxSlide = totalSlides - slidesToShowState;
4063
4026
  const nextSlide = () => {
4064
4027
  if (currentSlide >= maxSlide) {
@@ -4103,16 +4066,16 @@ var Slider = ({
4103
4066
  }
4104
4067
  };
4105
4068
  const translateX = -currentSlide * (100 / slidesToShowState);
4106
- const slides = import_react48.Children.map(children, (child, index) => {
4107
- if (!import_react48.default.isValidElement(child)) return null;
4069
+ const slides = import_react46.Children.map(children, (child, index) => {
4070
+ if (!import_react46.default.isValidElement(child)) return null;
4108
4071
  const childProps = child.props;
4109
4072
  const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
4110
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4073
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4111
4074
  "div",
4112
4075
  {
4113
4076
  className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
4114
4077
  style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
4115
- children: (0, import_react48.cloneElement)(child, {
4078
+ children: (0, import_react46.cloneElement)(child, {
4116
4079
  className: mergedClassName
4117
4080
  })
4118
4081
  },
@@ -4130,14 +4093,14 @@ var Slider = ({
4130
4093
  return "bottom-4";
4131
4094
  }
4132
4095
  };
4133
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4096
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4134
4097
  "div",
4135
4098
  {
4136
4099
  className: `relative w-full overflow-hidden ${className}`,
4137
4100
  onMouseEnter: handleMouseEnter,
4138
4101
  onMouseLeave: handleMouseLeave,
4139
4102
  children: [
4140
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4103
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4141
4104
  "div",
4142
4105
  {
4143
4106
  className: "flex h-full",
@@ -4148,18 +4111,18 @@ var Slider = ({
4148
4111
  children: slides
4149
4112
  }
4150
4113
  ),
4151
- show_arrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
4152
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4114
+ show_arrows && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
4115
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4153
4116
  ArrowButton,
4154
4117
  {
4155
4118
  direction: "left",
4156
4119
  onClick: prevSlide,
4157
4120
  visible: infinite_scroll || currentSlide > 0,
4158
4121
  className: arrowClassName,
4159
- children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
4122
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
4160
4123
  }
4161
4124
  ),
4162
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4125
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4163
4126
  ArrowButton,
4164
4127
  {
4165
4128
  direction: "right",
@@ -4167,13 +4130,13 @@ var Slider = ({
4167
4130
  visible: infinite_scroll || currentSlide < maxSlide,
4168
4131
  className: arrowClassName,
4169
4132
  children: [
4170
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
4133
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
4171
4134
  " "
4172
4135
  ]
4173
4136
  }
4174
4137
  )
4175
4138
  ] }),
4176
- show_dots && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4139
+ show_dots && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4177
4140
  ProgressPill,
4178
4141
  {
4179
4142
  active: index === currentSlide,
@@ -4199,7 +4162,7 @@ var ArrowButton = ({
4199
4162
  visible,
4200
4163
  children,
4201
4164
  className = ""
4202
- }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4165
+ }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4203
4166
  "button",
4204
4167
  {
4205
4168
  className: `
@@ -4225,13 +4188,13 @@ var ProgressPill = ({
4225
4188
  currentSlide,
4226
4189
  totalSlides
4227
4190
  }) => {
4228
- const [progress, setProgress] = (0, import_react48.useState)(0);
4229
- (0, import_react48.useEffect)(() => {
4191
+ const [progress, setProgress] = (0, import_react46.useState)(0);
4192
+ (0, import_react46.useEffect)(() => {
4230
4193
  if (active) {
4231
4194
  setProgress(0);
4232
4195
  }
4233
4196
  }, [active, index]);
4234
- (0, import_react48.useEffect)(() => {
4197
+ (0, import_react46.useEffect)(() => {
4235
4198
  if (!active || !isPlaying) {
4236
4199
  if (!active) {
4237
4200
  setProgress(0);
@@ -4286,7 +4249,7 @@ var ProgressPill = ({
4286
4249
  const renderProgressBar = () => {
4287
4250
  if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
4288
4251
  const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
4289
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4252
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4290
4253
  "div",
4291
4254
  {
4292
4255
  className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
@@ -4298,7 +4261,7 @@ var ProgressPill = ({
4298
4261
  };
4299
4262
  const renderCumulativeFill = () => {
4300
4263
  if (style === "cumulative" && isFilled && !isActive) {
4301
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4264
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4302
4265
  "div",
4303
4266
  {
4304
4267
  className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
@@ -4308,7 +4271,7 @@ var ProgressPill = ({
4308
4271
  }
4309
4272
  return null;
4310
4273
  };
4311
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4274
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4312
4275
  "button",
4313
4276
  {
4314
4277
  className: `${baseClasses} ${getStyleClasses()}`,
@@ -4484,10 +4447,10 @@ var PathUtility = class {
4484
4447
  var PathUtility_default = new PathUtility();
4485
4448
 
4486
4449
  // src/components/NoDataFound.tsx
4487
- var import_jsx_runtime65 = require("react/jsx-runtime");
4450
+ var import_jsx_runtime63 = require("react/jsx-runtime");
4488
4451
  var NoDataFound = () => {
4489
- return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
4490
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4452
+ return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
4453
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
4491
4454
  "svg",
4492
4455
  {
4493
4456
  className: "w-10 h-10",
@@ -4495,7 +4458,7 @@ var NoDataFound = () => {
4495
4458
  stroke: "currentColor",
4496
4459
  viewBox: "0 0 24 24",
4497
4460
  xmlns: "http://www.w3.org/2000/svg",
4498
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4461
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
4499
4462
  "path",
4500
4463
  {
4501
4464
  strokeLinecap: "round",
@@ -4506,18 +4469,18 @@ var NoDataFound = () => {
4506
4469
  )
4507
4470
  }
4508
4471
  ) }) }),
4509
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4510
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4472
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4473
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
4511
4474
  ] });
4512
4475
  };
4513
4476
  var NoDataFound_default = NoDataFound;
4514
4477
 
4515
4478
  // src/components/Pagination.tsx
4516
- var import_react49 = require("react");
4517
- var import_jsx_runtime66 = require("react/jsx-runtime");
4479
+ var import_react47 = require("react");
4480
+ var import_jsx_runtime64 = require("react/jsx-runtime");
4518
4481
  var Pagination = (props) => {
4519
4482
  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
4520
- const builder = (0, import_react49.useMemo)(() => {
4483
+ const builder = (0, import_react47.useMemo)(() => {
4521
4484
  const b = new OdataBuilder(path);
4522
4485
  if (query) b.setQuery(query);
4523
4486
  return b;
@@ -4558,7 +4521,7 @@ var Pagination = (props) => {
4558
4521
  return range;
4559
4522
  };
4560
4523
  const paginationRange = getPaginationRange();
4561
- const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4524
+ const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4562
4525
  Hyperlink,
4563
4526
  {
4564
4527
  linkType: "Link" /* Link */,
@@ -4573,9 +4536,9 @@ var Pagination = (props) => {
4573
4536
  );
4574
4537
  const NavigationButton = ({ page, disabled, children }) => {
4575
4538
  if (disabled) {
4576
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4539
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
4577
4540
  }
4578
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4541
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4579
4542
  Hyperlink,
4580
4543
  {
4581
4544
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -4585,35 +4548,35 @@ var Pagination = (props) => {
4585
4548
  );
4586
4549
  };
4587
4550
  if (totalPages <= 1 && totalItems === 0) return null;
4588
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "py-6 border-t bg-default", children: [
4589
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4590
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "text-sm", children: [
4551
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "py-6 border-t bg-default", children: [
4552
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4553
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "text-sm", children: [
4591
4554
  "Showing ",
4592
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "font-semibold", children: [
4555
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "font-semibold", children: [
4593
4556
  startItem,
4594
4557
  "-",
4595
4558
  endItem
4596
4559
  ] }),
4597
4560
  " ",
4598
4561
  "out of ",
4599
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4562
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4600
4563
  " results"
4601
4564
  ] }),
4602
- totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-1", children: [
4603
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4565
+ totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center space-x-1", children: [
4566
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4604
4567
  NavigationButton,
4605
4568
  {
4606
4569
  page: activePageNumber - 1,
4607
4570
  disabled: activePageNumber === 1,
4608
4571
  children: [
4609
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4610
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Prev" })
4572
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
4573
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Prev" })
4611
4574
  ]
4612
4575
  }
4613
4576
  ),
4614
4577
  paginationRange.map((item, index) => {
4615
4578
  if (item === "...") {
4616
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4579
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4617
4580
  "span",
4618
4581
  {
4619
4582
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -4623,23 +4586,23 @@ var Pagination = (props) => {
4623
4586
  );
4624
4587
  }
4625
4588
  const page = item;
4626
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PageButton, { page, children: page }, page);
4589
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PageButton, { page, children: page }, page);
4627
4590
  }),
4628
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4591
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4629
4592
  NavigationButton,
4630
4593
  {
4631
4594
  page: activePageNumber + 1,
4632
4595
  disabled: activePageNumber === totalPages,
4633
4596
  children: [
4634
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Next" }),
4635
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4597
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Next" }),
4598
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
4636
4599
  ]
4637
4600
  }
4638
4601
  )
4639
4602
  ] }),
4640
- showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-2", children: [
4641
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Go to:" }),
4642
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4603
+ showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center space-x-2", children: [
4604
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Go to:" }),
4605
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4643
4606
  "input",
4644
4607
  {
4645
4608
  type: "number",
@@ -4660,9 +4623,9 @@ var Pagination = (props) => {
4660
4623
  ) })
4661
4624
  ] })
4662
4625
  ] }),
4663
- showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
4664
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Show:" }),
4665
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4626
+ showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
4627
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Show:" }),
4628
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4666
4629
  Hyperlink,
4667
4630
  {
4668
4631
  className: `
@@ -4674,7 +4637,7 @@ var Pagination = (props) => {
4674
4637
  },
4675
4638
  size
4676
4639
  )) }),
4677
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "per page" })
4640
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "per page" })
4678
4641
  ] }) })
4679
4642
  ] });
4680
4643
  };
@@ -4682,7 +4645,7 @@ var Pagination_default = Pagination;
4682
4645
 
4683
4646
  // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
4684
4647
  var import_dynamic4 = __toESM(require("next/dynamic"));
4685
- var import_jsx_runtime67 = require("react/jsx-runtime");
4648
+ var import_jsx_runtime65 = require("react/jsx-runtime");
4686
4649
  var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
4687
4650
  ssr: false
4688
4651
  });
@@ -4719,7 +4682,7 @@ var ImageGalleryNode = (props) => {
4719
4682
  right: "justify-end"
4720
4683
  };
4721
4684
  const formatClasses = FormatClass[props.node.format || ""] || "";
4722
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
4685
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
4723
4686
  const imageUrl = resolveImageUrl(img.imageUrl);
4724
4687
  if (!imageUrl) return null;
4725
4688
  const posterUrl = resolvePosterUrl(img.posterUrl);
@@ -4727,7 +4690,7 @@ var ImageGalleryNode = (props) => {
4727
4690
  const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
4728
4691
  const isHls = imageUrl.endsWith(".m3u8");
4729
4692
  const alt = img.title || "Gallery image";
4730
- return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4693
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4731
4694
  HlsPlayer1,
4732
4695
  {
4733
4696
  assetUrl: imageUrl,
@@ -4742,7 +4705,7 @@ var ImageGalleryNode = (props) => {
4742
4705
  }
4743
4706
  ) : (
4744
4707
  /* eslint-disable-next-line @next/next/no-img-element */
4745
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4708
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4746
4709
  "img",
4747
4710
  {
4748
4711
  loading: "lazy",
@@ -4759,7 +4722,7 @@ var ImageGalleryNode = (props) => {
4759
4722
  var ImageGalleryNode_default = ImageGalleryNode;
4760
4723
 
4761
4724
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
4762
- var import_jsx_runtime68 = require("react/jsx-runtime");
4725
+ var import_jsx_runtime66 = require("react/jsx-runtime");
4763
4726
  function toCamelCase(str) {
4764
4727
  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
4765
4728
  }
@@ -4942,7 +4905,7 @@ var DivContainer = async (props) => {
4942
4905
  response = await serviceClient.get(endpoint);
4943
4906
  result = response?.result;
4944
4907
  if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
4945
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NoDataFound_default, {});
4908
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NoDataFound_default, {});
4946
4909
  }
4947
4910
  if (dataBindingProperties.childCollectionName && props.dataitem) {
4948
4911
  childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4954,7 +4917,7 @@ var DivContainer = async (props) => {
4954
4917
  }
4955
4918
  const SelectedNode = NodeTypes2[node.type];
4956
4919
  if (!SelectedNode) return null;
4957
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4920
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4958
4921
  SelectedNode,
4959
4922
  {
4960
4923
  node,
@@ -5054,9 +5017,9 @@ var DivContainer = async (props) => {
5054
5017
  props.node.autoFormat && "auto-format",
5055
5018
  props.node.bgClass
5056
5019
  ].filter(Boolean).join(" ");
5057
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react50.default.Fragment, { children: [
5058
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
5059
- /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
5020
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react48.default.Fragment, { children: [
5021
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
5022
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5060
5023
  Wrapper,
5061
5024
  {
5062
5025
  id: guid,
@@ -5065,18 +5028,18 @@ var DivContainer = async (props) => {
5065
5028
  ...wrapperProps,
5066
5029
  children: dataToRender.map(
5067
5030
  (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
5068
- (child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: child }, i)
5031
+ (child, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: child }, i)
5069
5032
  ) : renderChildren(props.node.children, props, item, idx)
5070
5033
  )
5071
5034
  }
5072
5035
  ) }),
5073
- dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
5036
+ dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
5074
5037
  ] });
5075
5038
  };
5076
5039
  var DivContainer_default = DivContainer;
5077
5040
 
5078
5041
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
5079
- var import_jsx_runtime69 = require("react/jsx-runtime");
5042
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5080
5043
  var NodeTypes = {
5081
5044
  ["paragraph"]: ParagraphNode_default,
5082
5045
  ["heading"]: HeadingNode_default,
@@ -5104,11 +5067,11 @@ var PageBodyRenderer = (props) => {
5104
5067
  if (pageBodyTree && pageBodyTree.root) {
5105
5068
  rootNode = pageBodyTree.root;
5106
5069
  }
5107
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
5070
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
5108
5071
  {
5109
5072
  }
5110
5073
  const SelectedNode = NodeTypes[node.type];
5111
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
5074
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5112
5075
  SelectedNode,
5113
5076
  {
5114
5077
  node,
@@ -5123,7 +5086,7 @@ var PageBodyRenderer = (props) => {
5123
5086
  assetBaseUrl: props.assetBaseUrl,
5124
5087
  device: props.device
5125
5088
  }
5126
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
5089
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5127
5090
  SelectedNode,
5128
5091
  {
5129
5092
  node,