@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326054115 → 0.8.1-dev.20260326061134

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 +637 -671
  4. package/dist/index.mjs +515 -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,112 @@ 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:" + props.controlType });
534
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react9.default.Fragment, { children: [
535
+ props.controlType,
536
+ SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
537
+ ] });
572
538
  }
573
539
  );
574
540
  ViewControl.displayName = "ViewControl";
575
541
  var ViewControl_default = ViewControl;
576
542
 
577
543
  // src/components/controls/edit/InputControl.tsx
578
- var import_react31 = __toESM(require("react"));
544
+ var import_react29 = __toESM(require("react"));
579
545
 
580
546
  // src/components/controls/edit/MultilineTextInput.tsx
581
- var import_react12 = __toESM(require("react"));
582
- var import_jsx_runtime12 = require("react/jsx-runtime");
547
+ var import_react10 = __toESM(require("react"));
548
+ var import_jsx_runtime10 = require("react/jsx-runtime");
583
549
  var MultilineTextInput = (props) => {
584
550
  const textChangeHandler = (event) => {
585
551
  const text = event.target.value;
@@ -598,11 +564,11 @@ var MultilineTextInput = (props) => {
598
564
  if (props.value !== void 0 && props.value !== null) {
599
565
  value = props.value;
600
566
  }
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 }),
567
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "block mb-1", children: [
568
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
603
569
  " ",
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)(
570
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-alert", children: "*" }),
571
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
606
572
  "textarea",
607
573
  {
608
574
  name: props.name,
@@ -619,14 +585,14 @@ var MultilineTextInput = (props) => {
619
585
  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
586
  }
621
587
  ),
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 : "" })
588
+ /* @__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
589
  ] }) });
624
590
  };
625
591
  var MultilineTextInput_default = MultilineTextInput;
626
592
 
627
593
  // src/components/controls/edit/LineTextInput.tsx
628
- var import_react13 = __toESM(require("react"));
629
- var import_jsx_runtime13 = require("react/jsx-runtime");
594
+ var import_react11 = __toESM(require("react"));
595
+ var import_jsx_runtime11 = require("react/jsx-runtime");
630
596
  var LineTextInput = (props) => {
631
597
  const textChangeHandler = (event) => {
632
598
  const text = event.target.value;
@@ -645,11 +611,11 @@ var LineTextInput = (props) => {
645
611
  if (props.value !== void 0 && props.value !== null) {
646
612
  value = props.value;
647
613
  }
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 }),
614
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block", children: [
615
+ props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
650
616
  " ",
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)(
617
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
618
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
653
619
  "input",
654
620
  {
655
621
  type: "text",
@@ -671,14 +637,14 @@ var LineTextInput = (props) => {
671
637
  `
672
638
  }
673
639
  ),
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 : "" })
640
+ /* @__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
641
  ] }) });
676
642
  };
677
643
  var LineTextInput_default = LineTextInput;
678
644
 
679
645
  // src/components/controls/edit/MoneyInput.tsx
680
- var import_react14 = __toESM(require("react"));
681
- var import_jsx_runtime14 = require("react/jsx-runtime");
646
+ var import_react12 = __toESM(require("react"));
647
+ var import_jsx_runtime12 = require("react/jsx-runtime");
682
648
  var MoneyInput = (props) => {
683
649
  const textChangeHandler = (event) => {
684
650
  const rawValue = event.target.value;
@@ -707,11 +673,11 @@ var MoneyInput = (props) => {
707
673
  e.preventDefault();
708
674
  }
709
675
  };
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 }),
676
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block mb-1", children: [
677
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
712
678
  " ",
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)(
679
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
680
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
715
681
  "input",
716
682
  {
717
683
  type: "number",
@@ -731,7 +697,7 @@ var MoneyInput = (props) => {
731
697
  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
698
  }
733
699
  ),
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 : "" })
700
+ /* @__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
701
  ] }) });
736
702
  };
737
703
  var MoneyInput_default = MoneyInput;
@@ -761,10 +727,10 @@ var InputControlType = {
761
727
  var InputControlType_default = InputControlType;
762
728
 
763
729
  // src/components/controls/edit/Select.tsx
764
- var import_react15 = require("react");
765
- var import_jsx_runtime15 = require("react/jsx-runtime");
730
+ var import_react13 = require("react");
731
+ var import_jsx_runtime13 = require("react/jsx-runtime");
766
732
  var Select = (props) => {
767
- const [list, setList] = (0, import_react15.useState)([]);
733
+ const [list, setList] = (0, import_react13.useState)([]);
768
734
  const getSafeValue = (val) => {
769
735
  if (val === null || val === void 0) return "";
770
736
  if (typeof val === "boolean") return val ? "1" : "0";
@@ -793,7 +759,7 @@ var Select = (props) => {
793
759
  groupKey: props.groupKey
794
760
  });
795
761
  };
796
- (0, import_react15.useEffect)(() => {
762
+ (0, import_react13.useEffect)(() => {
797
763
  async function fetchData() {
798
764
  if (props.dataset) {
799
765
  setList(props.dataset);
@@ -820,10 +786,10 @@ var Select = (props) => {
820
786
  props.dataSourceDependsOn
821
787
  ]);
822
788
  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)(
789
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block", children: [
790
+ props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
791
+ props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
792
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
827
793
  "select",
828
794
  {
829
795
  name: props.name,
@@ -834,23 +800,23 @@ var Select = (props) => {
834
800
  disabled: props.attributes?.readOnly,
835
801
  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
802
  children: [
837
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
803
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
838
804
  list.map((item, index) => {
839
805
  const keyField = props.dataKeyFieldName;
840
806
  const textField = props.dataTextFieldName;
841
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: item[keyField], children: item[textField] }, index);
807
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: item[keyField], children: item[textField] }, index);
842
808
  })
843
809
  ]
844
810
  }
845
811
  ),
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 || "" })
812
+ /* @__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
813
  ] });
848
814
  };
849
815
  var Select_default = Select;
850
816
 
851
817
  // src/components/controls/edit/PercentageInput.tsx
852
- var import_react16 = __toESM(require("react"));
853
- var import_jsx_runtime16 = require("react/jsx-runtime");
818
+ var import_react14 = __toESM(require("react"));
819
+ var import_jsx_runtime14 = require("react/jsx-runtime");
854
820
  var PercentageInput = (props) => {
855
821
  const textChangeHandler = (event) => {
856
822
  const rawValue = event.target.value;
@@ -879,11 +845,11 @@ var PercentageInput = (props) => {
879
845
  e.preventDefault();
880
846
  }
881
847
  };
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 + " %" : "" }),
848
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block mb-1", children: [
849
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
884
850
  " ",
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)(
851
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
852
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
887
853
  "input",
888
854
  {
889
855
  type: "number",
@@ -902,14 +868,14 @@ var PercentageInput = (props) => {
902
868
  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
869
  }
904
870
  ),
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 : "" })
871
+ /* @__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
872
  ] }) });
907
873
  };
908
874
  var PercentageInput_default = PercentageInput;
909
875
 
910
876
  // src/components/controls/edit/PhoneInput.tsx
911
- var import_react17 = __toESM(require("react"));
912
- var import_jsx_runtime17 = require("react/jsx-runtime");
877
+ var import_react15 = __toESM(require("react"));
878
+ var import_jsx_runtime15 = require("react/jsx-runtime");
913
879
  var PhoneInput = (props) => {
914
880
  const textChangeHandler = (event) => {
915
881
  const text = event.target.value;
@@ -928,11 +894,11 @@ var PhoneInput = (props) => {
928
894
  if (props.value !== void 0 && props.value !== null) {
929
895
  value = props.value;
930
896
  }
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)(
897
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
898
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
899
+ /* @__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: [
900
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
901
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
936
902
  "input",
937
903
  {
938
904
  type: "text",
@@ -950,14 +916,14 @@ var PhoneInput = (props) => {
950
916
  }
951
917
  )
952
918
  ] }),
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 : "" })
919
+ /* @__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
920
  ] }) });
955
921
  };
956
922
  var PhoneInput_default = PhoneInput;
957
923
 
958
924
  // src/components/controls/edit/NumberInput.tsx
959
- var import_react18 = __toESM(require("react"));
960
- var import_jsx_runtime18 = require("react/jsx-runtime");
925
+ var import_react16 = __toESM(require("react"));
926
+ var import_jsx_runtime16 = require("react/jsx-runtime");
961
927
  var NumberInput = (props) => {
962
928
  const textChangeHandler = (event) => {
963
929
  const text = event.target.value;
@@ -980,11 +946,11 @@ var NumberInput = (props) => {
980
946
  if (props.value !== void 0 && props.value !== null) {
981
947
  value = props.value;
982
948
  }
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 }),
949
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block", children: [
950
+ props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
985
951
  " ",
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)(
952
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-alert", children: "*" }),
953
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
988
954
  "input",
989
955
  {
990
956
  type: "number",
@@ -1003,14 +969,14 @@ var NumberInput = (props) => {
1003
969
  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
970
  }
1005
971
  ),
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 : "" })
972
+ /* @__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
973
  ] }) });
1008
974
  };
1009
975
  var NumberInput_default = NumberInput;
1010
976
 
1011
977
  // src/components/controls/edit/CheckboxInput.tsx
1012
- var import_react19 = __toESM(require("react"));
1013
- var import_jsx_runtime19 = require("react/jsx-runtime");
978
+ var import_react17 = __toESM(require("react"));
979
+ var import_jsx_runtime17 = require("react/jsx-runtime");
1014
980
  var CheckboxInput = (props) => {
1015
981
  const textChangeHandler = (event) => {
1016
982
  let text = event.target.checked;
@@ -1029,11 +995,11 @@ var CheckboxInput = (props) => {
1029
995
  if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
1030
996
  value = true;
1031
997
  }
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 }),
998
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block mb-1", children: [
999
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
1034
1000
  " ",
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)(
1001
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
1002
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1037
1003
  "input",
1038
1004
  {
1039
1005
  type: "checkbox",
@@ -1050,14 +1016,14 @@ var CheckboxInput = (props) => {
1050
1016
  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
1017
  }
1052
1018
  ),
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 : "" })
1019
+ /* @__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
1020
  ] }) });
1055
1021
  };
1056
1022
  var CheckboxInput_default = CheckboxInput;
1057
1023
 
1058
1024
  // src/components/controls/edit/OtpInput.tsx
1059
- var import_react20 = __toESM(require("react"));
1060
- var import_jsx_runtime20 = require("react/jsx-runtime");
1025
+ var import_react18 = __toESM(require("react"));
1026
+ var import_jsx_runtime18 = require("react/jsx-runtime");
1061
1027
  var OtpInput = (props) => {
1062
1028
  const textChangeHandler = (event) => {
1063
1029
  const text = event.target.value;
@@ -1079,9 +1045,9 @@ var OtpInput = (props) => {
1079
1045
  if (props.value !== void 0 && props.value !== null) {
1080
1046
  value = props.value;
1081
1047
  }
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)(
1048
+ 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: [
1049
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1050
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1085
1051
  "input",
1086
1052
  {
1087
1053
  type: "text",
@@ -1101,7 +1067,7 @@ var OtpInput = (props) => {
1101
1067
  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
1068
  }
1103
1069
  ),
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 : "" })
1070
+ /* @__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
1071
  ] }) });
1106
1072
  };
1107
1073
  var OtpInput_default = OtpInput;
@@ -1183,8 +1149,8 @@ var DateTimeUtility = class {
1183
1149
  var DateTimeUtility_default = DateTimeUtility;
1184
1150
 
1185
1151
  // src/components/controls/edit/DateTimeInput.tsx
1186
- var import_react21 = __toESM(require("react"));
1187
- var import_jsx_runtime21 = require("react/jsx-runtime");
1152
+ var import_react19 = __toESM(require("react"));
1153
+ var import_jsx_runtime19 = require("react/jsx-runtime");
1188
1154
  var DateTimeInput = (props) => {
1189
1155
  const textChangeHandler = (event) => {
1190
1156
  const localDate = new Date(event.target.value);
@@ -1219,12 +1185,12 @@ var DateTimeInput = (props) => {
1219
1185
  timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
1220
1186
  localvalue = localDate?.toISOString()?.slice(0, 16);
1221
1187
  }
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 }),
1188
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block mb-1", children: [
1189
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1224
1190
  " ",
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)(
1191
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-alert", children: "*" }),
1192
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
1193
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1228
1194
  "input",
1229
1195
  {
1230
1196
  type: "datetime-local",
@@ -1241,19 +1207,19 @@ var DateTimeInput = (props) => {
1241
1207
  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
1208
  }
1243
1209
  ),
1244
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: timeZoneAbbr })
1210
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: timeZoneAbbr })
1245
1211
  ] }),
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 : "" })
1212
+ /* @__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
1213
  ] }) });
1248
1214
  };
1249
1215
  var DateTimeInput_default = DateTimeInput;
1250
1216
 
1251
1217
  // src/components/controls/edit/ColorInput.tsx
1252
- var import_react22 = __toESM(require("react"));
1253
- var import_jsx_runtime22 = require("react/jsx-runtime");
1218
+ var import_react20 = __toESM(require("react"));
1219
+ var import_jsx_runtime20 = require("react/jsx-runtime");
1254
1220
  var ColorInput = (props) => {
1255
- const [color, setColor] = import_react22.default.useState("#3b82f6");
1256
- (0, import_react22.useEffect)(() => {
1221
+ const [color, setColor] = import_react20.default.useState("#3b82f6");
1222
+ (0, import_react20.useEffect)(() => {
1257
1223
  if (props.value !== void 0 && props.value !== null) {
1258
1224
  if (typeof props.value === "string") {
1259
1225
  setColor(props.value);
@@ -1272,11 +1238,11 @@ var ColorInput = (props) => {
1272
1238
  });
1273
1239
  }
1274
1240
  };
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 }),
1241
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
1242
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
1277
1243
  " ",
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)(
1244
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
1245
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1280
1246
  "input",
1281
1247
  {
1282
1248
  type: "color",
@@ -1289,21 +1255,21 @@ var ColorInput = (props) => {
1289
1255
  className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
1290
1256
  }
1291
1257
  ),
1292
- props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
1258
+ props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
1293
1259
  ] });
1294
1260
  };
1295
1261
  var ColorInput_default = ColorInput;
1296
1262
 
1297
1263
  // src/components/controls/edit/SelectWithSearchInput.tsx
1298
- var import_react23 = require("react");
1299
- var import_jsx_runtime23 = require("react/jsx-runtime");
1264
+ var import_react21 = require("react");
1265
+ var import_jsx_runtime21 = require("react/jsx-runtime");
1300
1266
  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)(() => {
1267
+ const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
1268
+ const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
1269
+ const [highlightedIndex, setHighlightedIndex] = (0, import_react21.useState)(-1);
1270
+ const [selectedItem, setSelectedItem] = (0, import_react21.useState)(null);
1271
+ const [list, setList] = (0, import_react21.useState)([]);
1272
+ (0, import_react21.useEffect)(() => {
1307
1273
  async function fetchData() {
1308
1274
  if (props.dataset) {
1309
1275
  setList(props.dataset);
@@ -1357,8 +1323,8 @@ var SelectWithSearchInput = (props) => {
1357
1323
  handleSelect(e, filteredItems[highlightedIndex]);
1358
1324
  }
1359
1325
  };
1360
- const dropdownRef = (0, import_react23.useRef)(null);
1361
- (0, import_react23.useEffect)(() => {
1326
+ const dropdownRef = (0, import_react21.useRef)(null);
1327
+ (0, import_react21.useEffect)(() => {
1362
1328
  if (highlightedIndex >= 0 && dropdownRef.current) {
1363
1329
  const highlightedItem = dropdownRef.current.children[highlightedIndex];
1364
1330
  highlightedItem?.scrollIntoView({
@@ -1367,12 +1333,12 @@ var SelectWithSearchInput = (props) => {
1367
1333
  });
1368
1334
  }
1369
1335
  }, [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 }),
1336
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
1337
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { children: props.attributes?.label }),
1372
1338
  " ",
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)(
1339
+ props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
1340
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
1341
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1376
1342
  "input",
1377
1343
  {
1378
1344
  type: "text",
@@ -1388,13 +1354,13 @@ var SelectWithSearchInput = (props) => {
1388
1354
  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
1355
  }
1390
1356
  ),
1391
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1357
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1392
1358
  "button",
1393
1359
  {
1394
1360
  type: "button",
1395
1361
  onClick: () => setIsOpen(!isOpen),
1396
1362
  className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
1397
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1363
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1398
1364
  "svg",
1399
1365
  {
1400
1366
  xmlns: "http://www.w3.org/2000/svg",
@@ -1403,7 +1369,7 @@ var SelectWithSearchInput = (props) => {
1403
1369
  strokeWidth: 1.5,
1404
1370
  stroke: "currentColor",
1405
1371
  className: "w-full h-full",
1406
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1372
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1407
1373
  "path",
1408
1374
  {
1409
1375
  strokeLinecap: "round",
@@ -1416,12 +1382,12 @@ var SelectWithSearchInput = (props) => {
1416
1382
  }
1417
1383
  )
1418
1384
  ] }),
1419
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1385
+ isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1420
1386
  "div",
1421
1387
  {
1422
1388
  ref: dropdownRef,
1423
1389
  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)(
1390
+ children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1425
1391
  "button",
1426
1392
  {
1427
1393
  onClick: (e) => handleSelect(e, item),
@@ -1429,10 +1395,10 @@ var SelectWithSearchInput = (props) => {
1429
1395
  role: "option",
1430
1396
  tabIndex: -1,
1431
1397
  onMouseEnter: () => setHighlightedIndex(index),
1432
- children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: item[props.dataTextFieldName] })
1398
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item[props.dataTextFieldName] })
1433
1399
  },
1434
1400
  item[props.dataKeyFieldName]
1435
- )) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1401
+ )) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1436
1402
  }
1437
1403
  )
1438
1404
  ] });
@@ -1440,7 +1406,7 @@ var SelectWithSearchInput = (props) => {
1440
1406
  var SelectWithSearchInput_default = SelectWithSearchInput;
1441
1407
 
1442
1408
  // src/components/Button.tsx
1443
- var import_react26 = __toESM(require("react"));
1409
+ var import_react24 = __toESM(require("react"));
1444
1410
 
1445
1411
  // src/components/ToastService.tsx
1446
1412
  var ToastService = class _ToastService {
@@ -1494,11 +1460,11 @@ var progressClasses = /* @__PURE__ */ new Map([
1494
1460
  ]);
1495
1461
 
1496
1462
  // src/components/Confirm.tsx
1497
- var import_react25 = require("react");
1463
+ var import_react23 = require("react");
1498
1464
 
1499
1465
  // src/components/ClientButton.tsx
1500
- var import_react24 = __toESM(require("react"));
1501
- var import_jsx_runtime24 = require("react/jsx-runtime");
1466
+ var import_react22 = __toESM(require("react"));
1467
+ var import_jsx_runtime22 = require("react/jsx-runtime");
1502
1468
  var ClientButton = (props) => {
1503
1469
  const execute = async (event) => {
1504
1470
  if (props.onClick !== void 0) {
@@ -1508,7 +1474,7 @@ var ClientButton = (props) => {
1508
1474
  }
1509
1475
  };
1510
1476
  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)(
1477
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1512
1478
  "button",
1513
1479
  {
1514
1480
  type: "button",
@@ -1521,9 +1487,9 @@ var ClientButton = (props) => {
1521
1487
  var ClientButton_default = ClientButton;
1522
1488
 
1523
1489
  // src/components/Confirm.tsx
1524
- var import_jsx_runtime25 = require("react/jsx-runtime");
1490
+ var import_jsx_runtime23 = require("react/jsx-runtime");
1525
1491
  var Confirm = ({ message, onConfirm, onCancel }) => {
1526
- const [showModal, setShowModal] = (0, import_react25.useState)(true);
1492
+ const [showModal, setShowModal] = (0, import_react23.useState)(true);
1527
1493
  const handleConfirmAction = () => {
1528
1494
  setShowModal(false);
1529
1495
  if (onConfirm) {
@@ -1536,13 +1502,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
1536
1502
  onCancel();
1537
1503
  }
1538
1504
  };
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)(
1505
+ 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: [
1506
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
1507
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
1508
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
1509
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mb-4", children: message }),
1510
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-end gap-8", children: [
1511
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1546
1512
  ClientButton_default,
1547
1513
  {
1548
1514
  onClick: handleCancelAction,
@@ -1550,7 +1516,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
1550
1516
  children: "Cancel"
1551
1517
  }
1552
1518
  ),
1553
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1519
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1554
1520
  ClientButton_default,
1555
1521
  {
1556
1522
  onClick: handleConfirmAction,
@@ -1566,12 +1532,12 @@ var Confirm_default = Confirm;
1566
1532
  }
1567
1533
 
1568
1534
  // src/components/Button.tsx
1569
- var import_jsx_runtime26 = require("react/jsx-runtime");
1535
+ var import_jsx_runtime24 = require("react/jsx-runtime");
1570
1536
  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);
1537
+ const [inProgress, setInProgress] = (0, import_react24.useState)(false);
1538
+ const [isActionPerformed, setIsActionPerformed] = (0, import_react24.useState)(false);
1539
+ const [responseMessage, setResponseMessage] = (0, import_react24.useState)(null);
1540
+ const [showModal, setShowModal] = (0, import_react24.useState)(null);
1575
1541
  const execute = async (event) => {
1576
1542
  event.preventDefault();
1577
1543
  event.stopPropagation();
@@ -1615,14 +1581,14 @@ var Button = (props) => {
1615
1581
  return new Promise((resolve) => {
1616
1582
  const onConfirm = () => resolve(true);
1617
1583
  const onCancel = () => resolve(false);
1618
- setShowModal(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
1584
+ setShowModal(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
1619
1585
  });
1620
1586
  };
1621
1587
  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
1622
1588
  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
1623
1589
  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)(
1590
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react24.default.Fragment, { children: [
1591
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
1626
1592
  "button",
1627
1593
  {
1628
1594
  type: "submit",
@@ -1632,9 +1598,9 @@ var Button = (props) => {
1632
1598
  className: buttonClass + " relative " + props.className,
1633
1599
  children: [
1634
1600
  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" })
1601
+ 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: [
1602
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
1603
+ /* @__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
1604
  ] }) })
1639
1605
  ]
1640
1606
  }
@@ -1645,22 +1611,22 @@ var Button = (props) => {
1645
1611
  var Button_default = Button;
1646
1612
 
1647
1613
  // src/components/controls/edit/SelectWithSearchPanel.tsx
1648
- var import_react27 = __toESM(require("react"));
1649
- var import_jsx_runtime27 = require("react/jsx-runtime");
1614
+ var import_react25 = __toESM(require("react"));
1615
+ var import_jsx_runtime25 = require("react/jsx-runtime");
1650
1616
  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)({});
1617
+ const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
1618
+ const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
1619
+ const [highlightedIndex, setHighlightedIndex] = (0, import_react25.useState)(0);
1620
+ const [list, setList] = (0, import_react25.useState)([]);
1621
+ const listRef = (0, import_react25.useRef)(null);
1622
+ const [isError, setIsError] = (0, import_react25.useState)(false);
1623
+ const containerRef = (0, import_react25.useRef)(null);
1624
+ const [isCreateOpen, setIsCreateOpen] = (0, import_react25.useState)(false);
1625
+ const [formData, setFormData] = (0, import_react25.useState)({});
1660
1626
  const getNestedValue3 = (obj, path) => {
1661
1627
  return path.split(".").reduce((acc, key) => acc?.[key], obj);
1662
1628
  };
1663
- (0, import_react27.useEffect)(() => {
1629
+ (0, import_react25.useEffect)(() => {
1664
1630
  const handleClickOutside = (event) => {
1665
1631
  if (containerRef.current && !containerRef.current.contains(event.target)) {
1666
1632
  setIsOpen(false);
@@ -1671,7 +1637,7 @@ var SelectWithSearchPanel = (props) => {
1671
1637
  document.removeEventListener("mousedown", handleClickOutside);
1672
1638
  };
1673
1639
  }, []);
1674
- (0, import_react27.useEffect)(() => {
1640
+ (0, import_react25.useEffect)(() => {
1675
1641
  async function fetchData() {
1676
1642
  if (props.dataset) {
1677
1643
  setList(props.dataset);
@@ -1713,7 +1679,7 @@ var SelectWithSearchPanel = (props) => {
1713
1679
  audioCtx.close();
1714
1680
  }, 250);
1715
1681
  };
1716
- (0, import_react27.useEffect)(() => {
1682
+ (0, import_react25.useEffect)(() => {
1717
1683
  const filteredItems2 = list?.filter(
1718
1684
  (item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
1719
1685
  );
@@ -1778,13 +1744,13 @@ var SelectWithSearchPanel = (props) => {
1778
1744
  const handleInputChange = (event, field) => {
1779
1745
  setFormData((prev) => ({ ...prev, [field]: event.target.value }));
1780
1746
  };
1781
- const handleSaveModal = (0, import_react27.useCallback)(async () => {
1747
+ const handleSaveModal = (0, import_react25.useCallback)(async () => {
1782
1748
  console.log("Form Data:", formData);
1783
1749
  return formData;
1784
1750
  }, []);
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)(
1751
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
1752
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
1753
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1788
1754
  "input",
1789
1755
  {
1790
1756
  type: "text",
@@ -1798,14 +1764,14 @@ var SelectWithSearchPanel = (props) => {
1798
1764
  disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
1799
1765
  }
1800
1766
  ) }),
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: [
1767
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react25.default.Fragment, { children: [
1768
+ /* @__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: [
1769
+ /* @__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
1770
  "Select a",
1805
1771
  " ",
1806
1772
  props.attributes?.label || props.attributes?.heading
1807
1773
  ] }) }),
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)(
1774
+ /* @__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
1775
  "button",
1810
1776
  {
1811
1777
  type: "button",
@@ -1818,12 +1784,12 @@ var SelectWithSearchPanel = (props) => {
1818
1784
  }
1819
1785
  ) })
1820
1786
  ] }),
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: [
1787
+ 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: [
1788
+ /* @__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
1789
  "Create New ",
1824
1790
  props.attributes?.label
1825
1791
  ] }) }),
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)(
1792
+ /* @__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
1793
  "button",
1828
1794
  {
1829
1795
  type: "button",
@@ -1832,10 +1798,10 @@ var SelectWithSearchPanel = (props) => {
1832
1798
  children: "Close"
1833
1799
  }
1834
1800
  ) }),
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)(
1801
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-4", children: [
1802
+ props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-4", children: [
1803
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
1804
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1839
1805
  "input",
1840
1806
  {
1841
1807
  type: field.type,
@@ -1851,7 +1817,7 @@ var SelectWithSearchPanel = (props) => {
1851
1817
  }
1852
1818
  )
1853
1819
  ] }, field.name)),
1854
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button_default, { onClick: async () => {
1820
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Button_default, { onClick: async () => {
1855
1821
  handleSaveModal();
1856
1822
  return { isSuccessful: true };
1857
1823
  }, className: "w-full", children: [
@@ -1860,13 +1826,13 @@ var SelectWithSearchPanel = (props) => {
1860
1826
  ] })
1861
1827
  ] })
1862
1828
  ] }),
1863
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1829
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1864
1830
  "div",
1865
1831
  {
1866
1832
  ref: listRef,
1867
1833
  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
1834
  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)(
1835
+ children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1870
1836
  "button",
1871
1837
  {
1872
1838
  onClick: (e) => {
@@ -1876,9 +1842,9 @@ var SelectWithSearchPanel = (props) => {
1876
1842
  role: "option",
1877
1843
  tabIndex: -1,
1878
1844
  onMouseEnter: () => setHighlightedIndex(index),
1879
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
1845
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
1880
1846
  }
1881
- ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1847
+ ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
1882
1848
  }
1883
1849
  )
1884
1850
  ] }) })
@@ -1887,10 +1853,10 @@ var SelectWithSearchPanel = (props) => {
1887
1853
  var SelectWithSearchPanel_default = SelectWithSearchPanel;
1888
1854
 
1889
1855
  // src/components/controls/edit/BooleanSelect.tsx
1890
- var import_react28 = __toESM(require("react"));
1891
- var import_jsx_runtime28 = require("react/jsx-runtime");
1856
+ var import_react26 = __toESM(require("react"));
1857
+ var import_jsx_runtime26 = require("react/jsx-runtime");
1892
1858
  var BooleanSelect = (props) => {
1893
- const [list, setList] = (0, import_react28.useState)();
1859
+ const [list, setList] = (0, import_react26.useState)();
1894
1860
  const textChangeHandler = (event) => {
1895
1861
  const text = event.target.value;
1896
1862
  const boolValue = text?.toLowerCase() === "true" || text === "1";
@@ -1903,7 +1869,7 @@ var BooleanSelect = (props) => {
1903
1869
  });
1904
1870
  }
1905
1871
  };
1906
- (0, import_react28.useEffect)(() => {
1872
+ (0, import_react26.useEffect)(() => {
1907
1873
  async function fetchData() {
1908
1874
  console.log("in select");
1909
1875
  if (props.dataset) {
@@ -1937,11 +1903,11 @@ var BooleanSelect = (props) => {
1937
1903
  if (props.value !== void 0 && props.value !== null) {
1938
1904
  value = props.value;
1939
1905
  }
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 }),
1906
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "block", children: [
1907
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
1942
1908
  " ",
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)(
1909
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-alert", children: "*" }),
1910
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
1945
1911
  "select",
1946
1912
  {
1947
1913
  name: props.name,
@@ -1953,9 +1919,9 @@ var BooleanSelect = (props) => {
1953
1919
  disabled: props?.attributes?.readOnly,
1954
1920
  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
1921
  children: [
1956
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
1922
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
1957
1923
  list && list.map((item, i) => {
1958
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
1924
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1959
1925
  "option",
1960
1926
  {
1961
1927
  className: "fac-select-option",
@@ -1968,14 +1934,14 @@ var BooleanSelect = (props) => {
1968
1934
  ]
1969
1935
  }
1970
1936
  ),
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 : "" })
1937
+ /* @__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
1938
  ] }) });
1973
1939
  };
1974
1940
  var BooleanSelect_default = BooleanSelect;
1975
1941
 
1976
1942
  // src/components/controls/edit/EmailInput.tsx
1977
- var import_react29 = __toESM(require("react"));
1978
- var import_jsx_runtime29 = require("react/jsx-runtime");
1943
+ var import_react27 = __toESM(require("react"));
1944
+ var import_jsx_runtime27 = require("react/jsx-runtime");
1979
1945
  var EmailInput = (props) => {
1980
1946
  const textChangeHandler = (event) => {
1981
1947
  const text = event.target.value;
@@ -2000,11 +1966,11 @@ var EmailInput = (props) => {
2000
1966
  if (props.value !== void 0 && props.value !== null) {
2001
1967
  value = props.value;
2002
1968
  }
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 }),
1969
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block mb-1", children: [
1970
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
2005
1971
  " ",
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)(
1972
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
1973
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
2008
1974
  "input",
2009
1975
  {
2010
1976
  type: "email",
@@ -2020,14 +1986,14 @@ var EmailInput = (props) => {
2020
1986
  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
1987
  }
2022
1988
  ),
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 : "" })
1989
+ /* @__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
1990
  ] }) });
2025
1991
  };
2026
1992
  var EmailInput_default = EmailInput;
2027
1993
 
2028
1994
  // src/components/controls/edit/TimeInput.tsx
2029
- var import_react30 = __toESM(require("react"));
2030
- var import_jsx_runtime30 = require("react/jsx-runtime");
1995
+ var import_react28 = __toESM(require("react"));
1996
+ var import_jsx_runtime28 = require("react/jsx-runtime");
2031
1997
  var TimeInput = (props) => {
2032
1998
  const timeChangeHandler = (event) => {
2033
1999
  const timeValue = event.target.value;
@@ -2040,10 +2006,10 @@ var TimeInput = (props) => {
2040
2006
  });
2041
2007
  }
2042
2008
  };
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)(
2009
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
2010
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
2011
+ props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
2012
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
2047
2013
  "input",
2048
2014
  {
2049
2015
  type: "time",
@@ -2056,14 +2022,14 @@ var TimeInput = (props) => {
2056
2022
  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
2023
  }
2058
2024
  ) }),
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 ?? "" })
2025
+ /* @__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
2026
  ] }) });
2061
2027
  };
2062
2028
  var TimeInput_default = TimeInput;
2063
2029
 
2064
2030
  // src/components/controls/edit/InputControl.tsx
2065
- var import_jsx_runtime31 = require("react/jsx-runtime");
2066
- var InputControl = import_react31.default.forwardRef(
2031
+ var import_jsx_runtime29 = require("react/jsx-runtime");
2032
+ var InputControl = import_react29.default.forwardRef(
2067
2033
  (props, ref) => {
2068
2034
  const ControlComponents = {
2069
2035
  [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -2084,58 +2050,58 @@ var InputControl = import_react31.default.forwardRef(
2084
2050
  [InputControlType_default.timeInput]: TimeInput_default
2085
2051
  };
2086
2052
  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" });
2053
+ 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
2054
  }
2089
2055
  );
2090
2056
  InputControl.displayName = "InputControl";
2091
2057
  var InputControl_default = InputControl;
2092
2058
 
2093
2059
  // src/components/dataForm/DataList.tsx
2094
- var import_react34 = __toESM(require("react"));
2060
+ var import_react32 = __toESM(require("react"));
2095
2061
  var import_navigation = require("next/navigation");
2096
2062
 
2097
2063
  // src/components/dataForm/NoContentView.tsx
2098
- var import_react32 = __toESM(require("react"));
2099
- var import_jsx_runtime32 = require("react/jsx-runtime");
2064
+ var import_react30 = __toESM(require("react"));
2065
+ var import_jsx_runtime30 = require("react/jsx-runtime");
2100
2066
  var NoContentView = (props) => {
2101
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react32.default.Fragment, { children: props.isDataFound === false && props.children });
2067
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react30.default.Fragment, { children: props.isDataFound === false && props.children });
2102
2068
  };
2103
2069
  var NoContentView_default = NoContentView;
2104
2070
 
2105
2071
  // src/components/dataForm/ContentView.tsx
2106
- var import_react33 = __toESM(require("react"));
2107
- var import_jsx_runtime33 = require("react/jsx-runtime");
2072
+ var import_react31 = __toESM(require("react"));
2073
+ var import_jsx_runtime31 = require("react/jsx-runtime");
2108
2074
  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" })
2075
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react31.default.Fragment, { children: [
2076
+ 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: [
2077
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center mb-4", children: [
2078
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
2079
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "ml-2", children: [
2080
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
2081
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
2116
2082
  ] })
2117
2083
  ] }),
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" })
2084
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
2085
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2086
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2087
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2088
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2089
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2090
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2125
2091
  ] }),
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" })
2092
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2093
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2094
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2095
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2096
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2097
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2132
2098
  ] }),
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" })
2099
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "animate-pulse", children: [
2100
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
2101
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
2102
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
2103
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
2104
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
2139
2105
  ] })
2140
2106
  ] })
2141
2107
  ] }) }),
@@ -2146,7 +2112,7 @@ var ContentView_default = ContentView;
2146
2112
 
2147
2113
  // src/components/dataForm/Hyperlink.tsx
2148
2114
  var import_link = __toESM(require("next/link"));
2149
- var import_jsx_runtime34 = require("react/jsx-runtime");
2115
+ var import_jsx_runtime32 = require("react/jsx-runtime");
2150
2116
  function Hyperlink(props) {
2151
2117
  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
2152
2118
  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
@@ -2154,7 +2120,7 @@ function Hyperlink(props) {
2154
2120
  if (target == "_blank") {
2155
2121
  additionalProps.rel = "noopener noreferrer";
2156
2122
  }
2157
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
2123
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
2158
2124
  import_link.default,
2159
2125
  {
2160
2126
  href: props.href,
@@ -2164,7 +2130,7 @@ function Hyperlink(props) {
2164
2130
  target,
2165
2131
  children: props.children
2166
2132
  }
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 }) });
2133
+ ) : 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
2134
  }
2169
2135
 
2170
2136
  // src/clients/OdataBuilder.tsx
@@ -2322,30 +2288,30 @@ var OdataBuilder = class {
2322
2288
  };
2323
2289
 
2324
2290
  // src/svg/chevron-updown.tsx
2325
- var import_jsx_runtime35 = require("react/jsx-runtime");
2291
+ var import_jsx_runtime33 = require("react/jsx-runtime");
2326
2292
  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" }) });
2293
+ 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
2294
  };
2329
2295
  var chevron_updown_default = ChevronUpDown;
2330
2296
 
2331
2297
  // src/svg/chevron-down.tsx
2332
- var import_jsx_runtime36 = require("react/jsx-runtime");
2298
+ var import_jsx_runtime34 = require("react/jsx-runtime");
2333
2299
  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" }) });
2300
+ 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
2301
  };
2336
2302
  var chevron_down_default = ChevronDown;
2337
2303
 
2338
2304
  // src/svg/chevron-up.tsx
2339
- var import_jsx_runtime37 = require("react/jsx-runtime");
2305
+ var import_jsx_runtime35 = require("react/jsx-runtime");
2340
2306
  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" }) });
2307
+ 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
2308
  };
2343
2309
  var chevron_up_default = ChevronUp;
2344
2310
 
2345
2311
  // src/svg/plus.tsx
2346
- var import_jsx_runtime38 = require("react/jsx-runtime");
2312
+ var import_jsx_runtime36 = require("react/jsx-runtime");
2347
2313
  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" }) });
2314
+ 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
2315
  };
2350
2316
  var plus_default = Plus;
2351
2317
 
@@ -2359,14 +2325,14 @@ var Icons = {
2359
2325
  var Icons_default = Icons;
2360
2326
 
2361
2327
  // src/svg/Icon.tsx
2362
- var import_jsx_runtime39 = require("react/jsx-runtime");
2328
+ var import_jsx_runtime37 = require("react/jsx-runtime");
2363
2329
  var Icon = ({ name, className, ...props }) => {
2364
2330
  const IconComponent = Icons_default[name];
2365
2331
  if (!IconComponent) {
2366
2332
  console.error(`Icon "${name}" not found.`);
2367
2333
  return null;
2368
2334
  }
2369
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconComponent, { ...props, className });
2335
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconComponent, { ...props, className });
2370
2336
  };
2371
2337
  var Icon_default = Icon;
2372
2338
 
@@ -2415,7 +2381,7 @@ function FormReducer(state, action) {
2415
2381
  var FormReducer_default = FormReducer;
2416
2382
 
2417
2383
  // src/components/dataForm/DataList.tsx
2418
- var import_jsx_runtime40 = require("react/jsx-runtime");
2384
+ var import_jsx_runtime38 = require("react/jsx-runtime");
2419
2385
  var DataList = (props) => {
2420
2386
  console.log(props.dataset, "datasetssssss");
2421
2387
  const router = (0, import_navigation.useRouter)();
@@ -2424,8 +2390,8 @@ var DataList = (props) => {
2424
2390
  let activePageNumber = 0;
2425
2391
  let pages = 0;
2426
2392
  console.log(props.addLinkText);
2427
- const [isDataFound, setIsDataFound] = (0, import_react34.useState)(null);
2428
- (0, import_react34.useEffect)(() => {
2393
+ const [isDataFound, setIsDataFound] = (0, import_react32.useState)(null);
2394
+ (0, import_react32.useEffect)(() => {
2429
2395
  if (props?.dataset) {
2430
2396
  if (props?.dataset.result && props.dataset.result.length > 0) {
2431
2397
  setIsDataFound(true);
@@ -2438,7 +2404,7 @@ var DataList = (props) => {
2438
2404
  if (path.includes(".")) {
2439
2405
  return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
2440
2406
  } else if (Array.isArray(obj[path])) {
2441
- return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: item }, index));
2407
+ return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: item }, index));
2442
2408
  } else {
2443
2409
  return obj[path];
2444
2410
  }
@@ -2447,8 +2413,8 @@ var DataList = (props) => {
2447
2413
  inputValues: {},
2448
2414
  lastPropertyChanged: ""
2449
2415
  };
2450
- const [formState, dispatch] = (0, import_react34.useReducer)(FormReducer_default, initialState);
2451
- const handleFilterChange = (0, import_react34.useCallback)(
2416
+ const [formState, dispatch] = (0, import_react32.useReducer)(FormReducer_default, initialState);
2417
+ const handleFilterChange = (0, import_react32.useCallback)(
2452
2418
  (updatedValues) => {
2453
2419
  dispatch({
2454
2420
  type: FORM_INPUT_UPDATE,
@@ -2494,30 +2460,30 @@ var DataList = (props) => {
2494
2460
  const renderPageNumbers = () => {
2495
2461
  if (pages <= 10) {
2496
2462
  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)(
2463
+ (page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2498
2464
  Hyperlink,
2499
2465
  {
2500
2466
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2501
2467
  href: builder.getNewPageUrl(page),
2502
2468
  children: page
2503
2469
  }
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)
2470
+ ) : /* @__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
2471
  );
2506
2472
  } else {
2507
2473
  const showFirstPages = activePageNumber <= 5;
2508
2474
  const showLastPages = activePageNumber > pages - 5;
2509
2475
  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)(
2476
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2477
+ 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
2478
  Hyperlink,
2513
2479
  {
2514
2480
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2515
2481
  href: builder.getNewPageUrl(page),
2516
2482
  children: page
2517
2483
  }
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)(
2484
+ ) : /* @__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)),
2485
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2486
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2521
2487
  Hyperlink,
2522
2488
  {
2523
2489
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2525,7 +2491,7 @@ var DataList = (props) => {
2525
2491
  children: pages - 1
2526
2492
  }
2527
2493
  ),
2528
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2494
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2529
2495
  Hyperlink,
2530
2496
  {
2531
2497
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2533,7 +2499,7 @@ var DataList = (props) => {
2533
2499
  children: pages
2534
2500
  }
2535
2501
  ),
2536
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2502
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2537
2503
  "select",
2538
2504
  {
2539
2505
  className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -2545,18 +2511,18 @@ var DataList = (props) => {
2545
2511
  }
2546
2512
  },
2547
2513
  children: [
2548
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { className: "", value: "", children: "Jump to" }),
2514
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { className: "", value: "", children: "Jump to" }),
2549
2515
  Array.from(
2550
2516
  { length: Math.max(0, pages - 10) },
2551
2517
  (_, index) => index + 9
2552
- ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: page, children: page }, page))
2518
+ ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: page, children: page }, page))
2553
2519
  ]
2554
2520
  }
2555
2521
  ) })
2556
2522
  ] });
2557
2523
  } else if (showLastPages) {
2558
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
2559
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2524
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2525
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2560
2526
  Hyperlink,
2561
2527
  {
2562
2528
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2564,7 +2530,7 @@ var DataList = (props) => {
2564
2530
  children: "1"
2565
2531
  }
2566
2532
  ),
2567
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2533
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2568
2534
  Hyperlink,
2569
2535
  {
2570
2536
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2572,21 +2538,21 @@ var DataList = (props) => {
2572
2538
  children: "2"
2573
2539
  }
2574
2540
  ),
2575
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2541
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2576
2542
  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)(
2543
+ (page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2578
2544
  Hyperlink,
2579
2545
  {
2580
2546
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2581
2547
  href: builder.getNewPageUrl(page),
2582
2548
  children: page
2583
2549
  }
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)
2550
+ ) : /* @__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
2551
  )
2586
2552
  ] });
2587
2553
  } else {
2588
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
2589
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2554
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
2555
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2590
2556
  Hyperlink,
2591
2557
  {
2592
2558
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2594,7 +2560,7 @@ var DataList = (props) => {
2594
2560
  children: "1"
2595
2561
  }
2596
2562
  ),
2597
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2563
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2598
2564
  Hyperlink,
2599
2565
  {
2600
2566
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2602,20 +2568,20 @@ var DataList = (props) => {
2602
2568
  children: "2"
2603
2569
  }
2604
2570
  ),
2605
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
2571
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2606
2572
  Array.from(
2607
2573
  { length: 5 },
2608
2574
  (_, 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)(
2575
+ ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2610
2576
  Hyperlink,
2611
2577
  {
2612
2578
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
2613
2579
  href: builder.getNewPageUrl(page),
2614
2580
  children: page
2615
2581
  }
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)(
2582
+ ) : /* @__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)),
2583
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "px-2 py-1", children: "..." }),
2584
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2619
2585
  Hyperlink,
2620
2586
  {
2621
2587
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2623,7 +2589,7 @@ var DataList = (props) => {
2623
2589
  children: pages - 1
2624
2590
  }
2625
2591
  ),
2626
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2592
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2627
2593
  Hyperlink,
2628
2594
  {
2629
2595
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -2631,7 +2597,7 @@ var DataList = (props) => {
2631
2597
  children: pages
2632
2598
  }
2633
2599
  ),
2634
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2600
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2635
2601
  "select",
2636
2602
  {
2637
2603
  className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -2643,8 +2609,8 @@ var DataList = (props) => {
2643
2609
  }
2644
2610
  },
2645
2611
  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))
2612
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: "", children: "Jump to" }),
2613
+ 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
2614
  ]
2649
2615
  }
2650
2616
  ) })
@@ -2652,16 +2618,16 @@ var DataList = (props) => {
2652
2618
  }
2653
2619
  }
2654
2620
  };
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)(
2621
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react32.default.Fragment, { children: [
2622
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(ContentView_default, { isDataFound, children: [
2623
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2658
2624
  "div",
2659
2625
  {
2660
2626
  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
2627
  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)(
2628
+ 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", {}),
2629
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
2630
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2665
2631
  InputControl_default,
2666
2632
  {
2667
2633
  name: filter.name,
@@ -2676,15 +2642,15 @@ var DataList = (props) => {
2676
2642
  },
2677
2643
  filter.name
2678
2644
  )),
2679
- props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2645
+ props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2680
2646
  Hyperlink,
2681
2647
  {
2682
2648
  className: "gap-1",
2683
2649
  linkType: "Primary" /* Solid */,
2684
2650
  href: props.addLinkHref,
2685
2651
  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" })
2652
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2653
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2688
2654
  ]
2689
2655
  }
2690
2656
  )
@@ -2692,8 +2658,8 @@ var DataList = (props) => {
2692
2658
  ]
2693
2659
  }
2694
2660
  ),
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) => {
2661
+ /* @__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: [
2662
+ /* @__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
2663
  let url = builder.getNewOrderByUrl(column.name);
2698
2664
  let icon = "chevronUpDown";
2699
2665
  if (orderBy.includes(`${column.name} desc`)) {
@@ -2703,36 +2669,36 @@ var DataList = (props) => {
2703
2669
  icon = "chevronUp";
2704
2670
  url = builder.getNewOrderByUrl(column.name + " desc");
2705
2671
  }
2706
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2672
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2707
2673
  "th",
2708
2674
  {
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 })
2675
+ className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
2676
+ 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: [
2677
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-black", children: column.label }),
2678
+ column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2713
2679
  ] }) })
2714
2680
  },
2715
2681
  column.name
2716
2682
  );
2717
2683
  }) }) }),
2718
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
2684
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
2719
2685
  let validityClass = "";
2720
2686
  console.log("dataitem", dataitem);
2721
2687
  if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
2722
2688
  validityClass = "bg-alert-200";
2723
2689
  }
2724
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
2690
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
2725
2691
  console.log("column", column);
2726
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2692
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2727
2693
  "td",
2728
2694
  {
2729
- className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.moneyView ? "" : ""),
2730
- children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2695
+ className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
2696
+ children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2731
2697
  Hyperlink,
2732
2698
  {
2733
2699
  className: "",
2734
2700
  href: `https://${dataitem[column.name]}`,
2735
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2701
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2736
2702
  ViewControl_default,
2737
2703
  {
2738
2704
  controlType: column.controlType,
@@ -2745,11 +2711,11 @@ var DataList = (props) => {
2745
2711
  }
2746
2712
  )
2747
2713
  }
2748
- ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2714
+ ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2749
2715
  Hyperlink,
2750
2716
  {
2751
2717
  href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
2752
- children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2718
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2753
2719
  ViewControl_default,
2754
2720
  {
2755
2721
  controlType: column.controlType,
@@ -2759,7 +2725,7 @@ var DataList = (props) => {
2759
2725
  }
2760
2726
  )
2761
2727
  }
2762
- ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2728
+ ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2763
2729
  ViewControl_default,
2764
2730
  {
2765
2731
  controlType: column.controlType,
@@ -2773,10 +2739,10 @@ var DataList = (props) => {
2773
2739
  }) }, index);
2774
2740
  }) })
2775
2741
  ] }) }),
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)(
2742
+ /* @__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: [
2743
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-gray-700", children: label }),
2744
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex space-x-2 items-center", children: [
2745
+ activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2780
2746
  Hyperlink,
2781
2747
  {
2782
2748
  className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -2784,9 +2750,9 @@ var DataList = (props) => {
2784
2750
  children: "Prev"
2785
2751
  }
2786
2752
  ),
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" }),
2753
+ 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
2754
  renderPageNumbers(),
2789
- activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2755
+ activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2790
2756
  Hyperlink,
2791
2757
  {
2792
2758
  className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -2794,19 +2760,19 @@ var DataList = (props) => {
2794
2760
  children: "Next"
2795
2761
  }
2796
2762
  ),
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" })
2763
+ 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
2764
  ] })
2799
2765
  ] }) })
2800
2766
  ] }),
2801
- /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(NoContentView_default, { isDataFound, children: [
2802
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2767
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(NoContentView_default, { isDataFound, children: [
2768
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2803
2769
  "div",
2804
2770
  {
2805
2771
  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
2772
  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)(
2773
+ 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", {}),
2774
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
2775
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2810
2776
  InputControl_default,
2811
2777
  {
2812
2778
  name: filter.name,
@@ -2821,15 +2787,15 @@ var DataList = (props) => {
2821
2787
  },
2822
2788
  filter.name
2823
2789
  )),
2824
- props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
2790
+ props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
2825
2791
  Hyperlink,
2826
2792
  {
2827
2793
  className: "gap-1",
2828
2794
  linkType: "Primary" /* Solid */,
2829
2795
  href: props.addLinkHref,
2830
2796
  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" })
2797
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
2798
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
2833
2799
  ]
2834
2800
  }
2835
2801
  )
@@ -2837,8 +2803,8 @@ var DataList = (props) => {
2837
2803
  ]
2838
2804
  }
2839
2805
  ),
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) => {
2806
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
2807
+ /* @__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
2808
  let url = builder.getNewOrderByUrl(column.name);
2843
2809
  let icon = "chevronUpDown";
2844
2810
  if (orderBy.includes(`${column.name} desc`)) {
@@ -2848,19 +2814,19 @@ var DataList = (props) => {
2848
2814
  icon = "chevronUp";
2849
2815
  url = builder.getNewOrderByUrl(column.name + " desc");
2850
2816
  }
2851
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
2817
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
2852
2818
  "th",
2853
2819
  {
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 })
2820
+ className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
2821
+ 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: [
2822
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: column.label }),
2823
+ column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
2858
2824
  ] }) })
2859
2825
  },
2860
2826
  column.name
2861
2827
  );
2862
2828
  }) }) }) }) }),
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." })
2829
+ /* @__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
2830
  ] })
2865
2831
  ] })
2866
2832
  ] });
@@ -2868,13 +2834,13 @@ var DataList = (props) => {
2868
2834
  var DataList_default = DataList;
2869
2835
 
2870
2836
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
2871
- var import_react51 = __toESM(require("react"));
2837
+ var import_react49 = __toESM(require("react"));
2872
2838
 
2873
2839
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
2874
- var import_react36 = __toESM(require("react"));
2840
+ var import_react34 = __toESM(require("react"));
2875
2841
 
2876
2842
  // src/components/pageRenderingEngine/nodes/TextNode.tsx
2877
- var import_jsx_runtime41 = (
2843
+ var import_jsx_runtime39 = (
2878
2844
  // @ts-expect-error custom code
2879
2845
  require("react/jsx-runtime")
2880
2846
  );
@@ -2935,21 +2901,21 @@ var TextNode = (props) => {
2935
2901
  });
2936
2902
  }
2937
2903
  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 });
2904
+ 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
2905
  };
2940
2906
  var TextNode_default = TextNode;
2941
2907
 
2942
2908
  // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
2943
- var import_jsx_runtime42 = require("react/jsx-runtime");
2909
+ var import_jsx_runtime40 = require("react/jsx-runtime");
2944
2910
  var LineBreakNode = () => {
2945
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "py-0.5 lg:py-1.5" });
2911
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "py-0.5 lg:py-1.5" });
2946
2912
  };
2947
2913
  var LineBreakNode_default = LineBreakNode;
2948
2914
 
2949
2915
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
2950
- var import_react35 = __toESM(require("react"));
2916
+ var import_react33 = __toESM(require("react"));
2951
2917
  var import_link2 = __toESM(require("next/link"));
2952
- var import_jsx_runtime43 = require("react/jsx-runtime");
2918
+ var import_jsx_runtime41 = require("react/jsx-runtime");
2953
2919
  var LinkNode = (props) => {
2954
2920
  const NodeTypes2 = {
2955
2921
  ["text"]: TextNode_default
@@ -2957,21 +2923,21 @@ var LinkNode = (props) => {
2957
2923
  {
2958
2924
  }
2959
2925
  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: [
2926
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
2961
2927
  props.node.children && props.node.children.map((node, index) => {
2962
2928
  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);
2929
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectedNode, { node }) }, index);
2964
2930
  }),
2965
- props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("br", {})
2931
+ props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("br", {})
2966
2932
  ] });
2967
2933
  };
2968
2934
  var LinkNode_default = LinkNode;
2969
2935
 
2970
2936
  // src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
2971
- var import_jsx_runtime44 = require("react/jsx-runtime");
2937
+ var import_jsx_runtime42 = require("react/jsx-runtime");
2972
2938
  var SVGIconNode = ({ node }) => {
2973
2939
  if (!node?.svgCode) return null;
2974
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
2940
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
2975
2941
  "span",
2976
2942
  {
2977
2943
  style: {
@@ -2988,7 +2954,7 @@ var SVGIconNode_default = SVGIconNode;
2988
2954
 
2989
2955
  // src/components/pageRenderingEngine/nodes/EquationNode.tsx
2990
2956
  var import_katex = __toESM(require("katex"));
2991
- var import_jsx_runtime45 = require("react/jsx-runtime");
2957
+ var import_jsx_runtime43 = require("react/jsx-runtime");
2992
2958
  var EquationNode = ({ node }) => {
2993
2959
  const { equation, inline } = node;
2994
2960
  let html = "";
@@ -3003,7 +2969,7 @@ var EquationNode = ({ node }) => {
3003
2969
  });
3004
2970
  }
3005
2971
  if (inline) {
3006
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2972
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
3007
2973
  "span",
3008
2974
  {
3009
2975
  className: "katex-inline",
@@ -3011,7 +2977,7 @@ var EquationNode = ({ node }) => {
3011
2977
  }
3012
2978
  );
3013
2979
  }
3014
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
2980
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
3015
2981
  "div",
3016
2982
  {
3017
2983
  className: "katex-block my-3 text-center",
@@ -3022,7 +2988,7 @@ var EquationNode = ({ node }) => {
3022
2988
  var EquationNode_default = EquationNode;
3023
2989
 
3024
2990
  // src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
3025
- var import_jsx_runtime46 = require("react/jsx-runtime");
2991
+ var import_jsx_runtime44 = require("react/jsx-runtime");
3026
2992
  function getNestedProperty(obj, path) {
3027
2993
  if (!obj || !path) return null;
3028
2994
  if (path.includes(".")) {
@@ -3035,7 +3001,7 @@ function getNestedProperty(obj, path) {
3035
3001
  }
3036
3002
  const value = obj[path];
3037
3003
  if (Array.isArray(value)) {
3038
- return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: String(item) }, index));
3004
+ return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: String(item) }, index));
3039
3005
  }
3040
3006
  return value;
3041
3007
  }
@@ -3096,7 +3062,7 @@ var DatafieldNode = (props) => {
3096
3062
  const dataType = props.node.dataType;
3097
3063
  if (isEmptyValue) return null;
3098
3064
  if (dataType === "rawContent") {
3099
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3065
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3100
3066
  PageBodyRenderer_default,
3101
3067
  {
3102
3068
  rawBody: String(value ?? `@databound[${fieldName}]`),
@@ -3111,12 +3077,12 @@ var DatafieldNode = (props) => {
3111
3077
  }
3112
3078
  );
3113
3079
  }
3114
- return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3080
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3115
3081
  "span",
3116
3082
  {
3117
3083
  className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
3118
3084
  style: styles,
3119
- children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
3085
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3120
3086
  ViewControl_default,
3121
3087
  {
3122
3088
  controlType: dataType,
@@ -3129,7 +3095,7 @@ var DatafieldNode = (props) => {
3129
3095
  var DatafieldNode_default = DatafieldNode;
3130
3096
 
3131
3097
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
3132
- var import_jsx_runtime47 = require("react/jsx-runtime");
3098
+ var import_jsx_runtime45 = require("react/jsx-runtime");
3133
3099
  var ParagraphNode = (props) => {
3134
3100
  const NodeTypes2 = {
3135
3101
  ["text"]: TextNode_default,
@@ -3149,9 +3115,9 @@ var ParagraphNode = (props) => {
3149
3115
  const isInlineOnlyParent = props.parentTag === "summary";
3150
3116
  const hasChildren = props.node.children && props.node.children.length > 0;
3151
3117
  if (isInlineOnlyParent) {
3152
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
3118
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
3153
3119
  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)(
3120
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
3155
3121
  SelectedNode,
3156
3122
  {
3157
3123
  node,
@@ -3163,10 +3129,10 @@ var ParagraphNode = (props) => {
3163
3129
  ) }, index);
3164
3130
  }) });
3165
3131
  }
3166
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: " " + formatClasses, children: [
3132
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: " " + formatClasses, children: [
3167
3133
  hasChildren && props.node.children.map((node, index) => {
3168
3134
  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)(
3135
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
3170
3136
  SelectedNode,
3171
3137
  {
3172
3138
  node,
@@ -3177,14 +3143,14 @@ var ParagraphNode = (props) => {
3177
3143
  }
3178
3144
  ) }, index);
3179
3145
  }),
3180
- !hasChildren && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-1.5 lg:py-2" })
3146
+ !hasChildren && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "py-1.5 lg:py-2" })
3181
3147
  ] });
3182
3148
  };
3183
3149
  var ParagraphNode_default = ParagraphNode;
3184
3150
 
3185
3151
  // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
3186
- var import_react37 = __toESM(require("react"));
3187
- var import_jsx_runtime48 = require("react/jsx-runtime");
3152
+ var import_react35 = __toESM(require("react"));
3153
+ var import_jsx_runtime46 = require("react/jsx-runtime");
3188
3154
  var HeadingNode = (props) => {
3189
3155
  const NodeTypes2 = {
3190
3156
  ["text"]: TextNode_default,
@@ -3200,23 +3166,23 @@ var HeadingNode = (props) => {
3200
3166
  {
3201
3167
  }
3202
3168
  const formatClasses = FormatClass[props.node.format] || "";
3203
- return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: import_react37.default.createElement(
3169
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: import_react35.default.createElement(
3204
3170
  HeadingTag,
3205
3171
  { className: formatClasses },
3206
3172
  props.node.children && props.node.children.map((childNode, index) => {
3207
3173
  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);
3174
+ 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
3175
  })
3210
3176
  ) });
3211
3177
  };
3212
3178
  var HeadingNode_default = HeadingNode;
3213
3179
 
3214
3180
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
3215
- var import_react39 = __toESM(require("react"));
3181
+ var import_react37 = __toESM(require("react"));
3216
3182
 
3217
3183
  // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
3218
- var import_react38 = __toESM(require("react"));
3219
- var import_jsx_runtime49 = require("react/jsx-runtime");
3184
+ var import_react36 = __toESM(require("react"));
3185
+ var import_jsx_runtime47 = require("react/jsx-runtime");
3220
3186
  var ListItemNode = (props) => {
3221
3187
  const NodeTypes2 = {
3222
3188
  text: TextNode_default,
@@ -3233,66 +3199,66 @@ var ListItemNode = (props) => {
3233
3199
  liStyle.fontSize = match[1].trim();
3234
3200
  }
3235
3201
  }
3236
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
3202
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
3237
3203
  const SelectedNode = NodeTypes2[node.type];
3238
3204
  if (node.type === "linebreak") {
3239
3205
  if (!foundFirstBreak) {
3240
3206
  foundFirstBreak = true;
3241
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}, index);
3207
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {}, index);
3242
3208
  } else {
3243
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-1 lg:py-2" }, index);
3209
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-1 lg:py-2" }, index);
3244
3210
  }
3245
3211
  } else {
3246
3212
  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);
3213
+ 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
3214
  }
3249
3215
  }) });
3250
3216
  };
3251
3217
  var ListItemNode_default = ListItemNode;
3252
3218
 
3253
3219
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
3254
- var import_jsx_runtime50 = require("react/jsx-runtime");
3220
+ var import_jsx_runtime48 = require("react/jsx-runtime");
3255
3221
  var ListNode = (props) => {
3256
3222
  const NodeTypes2 = {
3257
3223
  listitem: ListItemNode_default
3258
3224
  };
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) => {
3225
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react37.default.Fragment, { children: [
3226
+ props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
3261
3227
  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);
3228
+ 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
3229
  }) }),
3264
- props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
3230
+ props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
3265
3231
  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);
3232
+ 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
3233
  }) })
3268
3234
  ] });
3269
3235
  };
3270
3236
  var ListNode_default = ListNode;
3271
3237
 
3272
3238
  // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
3273
- var import_react40 = __toESM(require("react"));
3274
- var import_jsx_runtime51 = require("react/jsx-runtime");
3239
+ var import_react38 = __toESM(require("react"));
3240
+ var import_jsx_runtime49 = require("react/jsx-runtime");
3275
3241
  var QuoteNode = (props) => {
3276
3242
  const NodeTypes2 = {
3277
3243
  ["text"]: TextNode_default,
3278
3244
  ["linebreak"]: LineBreakNode_default,
3279
3245
  ["link"]: LinkNode_default
3280
3246
  };
3281
- return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
3247
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
3282
3248
  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);
3249
+ 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
3250
  }) });
3285
3251
  };
3286
3252
  var QuoteNode_default = QuoteNode;
3287
3253
 
3288
3254
  // src/components/pageRenderingEngine/nodes/CodeNode.tsx
3289
- var import_react42 = __toESM(require("react"));
3255
+ var import_react40 = __toESM(require("react"));
3290
3256
  var import_dynamic = __toESM(require("next/dynamic"));
3291
- var import_jsx_runtime53 = require("react/jsx-runtime");
3257
+ var import_jsx_runtime51 = require("react/jsx-runtime");
3292
3258
  var CopyButton2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
3293
3259
  ssr: false,
3294
3260
  // optional: fallback UI while loading
3295
- loading: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
3261
+ loading: () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
3296
3262
  });
3297
3263
  var CodeNode = (props) => {
3298
3264
  const NodeTypes2 = {
@@ -3306,14 +3272,14 @@ var CodeNode = (props) => {
3306
3272
  if (node.type === "link") return node.text || node.url || "";
3307
3273
  return "";
3308
3274
  }).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 })
3275
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
3276
+ /* @__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: [
3277
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: "Code Snippet" }),
3278
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CopyButton2, { text: textContent })
3313
3279
  ] }),
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) => {
3280
+ /* @__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
3281
  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)(
3282
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
3317
3283
  SelectedNode,
3318
3284
  {
3319
3285
  node,
@@ -3328,14 +3294,14 @@ var CodeNode = (props) => {
3328
3294
  var CodeNode_default = CodeNode;
3329
3295
 
3330
3296
  // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
3331
- var import_jsx_runtime54 = require("react/jsx-runtime");
3297
+ var import_jsx_runtime52 = require("react/jsx-runtime");
3332
3298
  var HorizontalRuleNode = () => {
3333
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", {});
3299
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("hr", {});
3334
3300
  };
3335
3301
  var HorizontalRuleNode_default = HorizontalRuleNode;
3336
3302
 
3337
3303
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
3338
- var import_react44 = __toESM(require("react"));
3304
+ var import_react42 = __toESM(require("react"));
3339
3305
 
3340
3306
  // src/components/utilities/AssetUtility.tsx
3341
3307
  var AssetUtility = class {
@@ -3352,7 +3318,7 @@ var AssetUtility = class {
3352
3318
  // return `https://cdn.g-assets.com/${domainName}`;
3353
3319
  // }
3354
3320
  static getAssetFullPath(apiBaseUrl, relativePath) {
3355
- let domainName = apiBaseUrl.replace("https://", "");
3321
+ const domainName = apiBaseUrl.replace("https://", "");
3356
3322
  return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
3357
3323
  }
3358
3324
  };
@@ -3363,7 +3329,7 @@ var import_dynamic2 = __toESM(require("next/dynamic"));
3363
3329
 
3364
3330
  // src/components/DeviceAssetSelector.tsx
3365
3331
  init_HlsPlayer();
3366
- var import_jsx_runtime56 = require("react/jsx-runtime");
3332
+ var import_jsx_runtime54 = require("react/jsx-runtime");
3367
3333
  var DeviceAssetSelector = ({
3368
3334
  assets,
3369
3335
  assetBaseUrl,
@@ -3438,7 +3404,7 @@ var DeviceAssetSelector = ({
3438
3404
  const formatClasses = FormatClass[nodeProps?.format || ""] || "";
3439
3405
  const renderMedia = () => {
3440
3406
  if (isHls) {
3441
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3407
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
3442
3408
  HlsPlayer_default,
3443
3409
  {
3444
3410
  assetUrl: resolvedAssetUrl,
@@ -3455,7 +3421,7 @@ var DeviceAssetSelector = ({
3455
3421
  } else {
3456
3422
  return (
3457
3423
  /* eslint-disable-next-line @next/next/no-img-element */
3458
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3424
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
3459
3425
  "img",
3460
3426
  {
3461
3427
  style: styles,
@@ -3471,17 +3437,17 @@ var DeviceAssetSelector = ({
3471
3437
  }
3472
3438
  };
3473
3439
  if (width) {
3474
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { width }, children: renderMedia() });
3440
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { width }, children: renderMedia() });
3475
3441
  }
3476
3442
  if (nodeProps?.format) {
3477
- return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3443
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3478
3444
  }
3479
3445
  return renderMedia();
3480
3446
  };
3481
3447
  var DeviceAssetSelector_default = DeviceAssetSelector;
3482
3448
 
3483
3449
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
3484
- var import_jsx_runtime57 = require("react/jsx-runtime");
3450
+ var import_jsx_runtime55 = require("react/jsx-runtime");
3485
3451
  var HlsPlayer2 = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
3486
3452
  ssr: false
3487
3453
  });
@@ -3524,7 +3490,7 @@ var ImageNode = (props) => {
3524
3490
  console.error("Error parsing assets in ImageNode:", error);
3525
3491
  }
3526
3492
  if (assets && assets.length > 0) {
3527
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3493
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3528
3494
  DeviceAssetSelector_default,
3529
3495
  {
3530
3496
  device: props.device,
@@ -3573,7 +3539,7 @@ var ImageNode = (props) => {
3573
3539
  const isHls = imageUrl?.endsWith(".m3u8");
3574
3540
  const renderMedia = () => {
3575
3541
  if (isHls) {
3576
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3542
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3577
3543
  HlsPlayer2,
3578
3544
  {
3579
3545
  assetUrl: imageUrl,
@@ -3588,7 +3554,7 @@ var ImageNode = (props) => {
3588
3554
  }
3589
3555
  );
3590
3556
  } else {
3591
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react44.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3557
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
3592
3558
  "img",
3593
3559
  {
3594
3560
  style: styles,
@@ -3603,14 +3569,14 @@ var ImageNode = (props) => {
3603
3569
  }
3604
3570
  };
3605
3571
  if (props.node.width) {
3606
- return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3572
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
3607
3573
  }
3608
3574
  return renderMedia();
3609
3575
  };
3610
3576
  var ImageNode_default = ImageNode;
3611
3577
 
3612
3578
  // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
3613
- var import_jsx_runtime58 = require("react/jsx-runtime");
3579
+ var import_jsx_runtime56 = require("react/jsx-runtime");
3614
3580
  var WidgetNode = (props) => {
3615
3581
  const getWidgetParameters = () => {
3616
3582
  const widgetInputParameters = {
@@ -3667,14 +3633,14 @@ var WidgetNode = (props) => {
3667
3633
  };
3668
3634
  const widgetCode = props.node?.widgetCode;
3669
3635
  if (!widgetCode) {
3670
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: "Invalid widget" });
3636
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: "Invalid widget" });
3671
3637
  }
3672
3638
  const SelectedWidget = getWidget(widgetCode);
3673
3639
  if (!SelectedWidget) {
3674
3640
  if (process.env.NODE_ENV !== "production") {
3675
3641
  console.warn("Widget not found:", widgetCode);
3676
3642
  }
3677
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
3643
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
3678
3644
  "Widget not found: ",
3679
3645
  widgetCode
3680
3646
  ] });
@@ -3682,7 +3648,7 @@ var WidgetNode = (props) => {
3682
3648
  const widgetParams = getWidgetParameters();
3683
3649
  return (
3684
3650
  // eslint-disable-next-line react-hooks/static-components
3685
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
3651
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
3686
3652
  SelectedWidget,
3687
3653
  {
3688
3654
  params: widgetParams,
@@ -3698,12 +3664,12 @@ var WidgetNode = (props) => {
3698
3664
  var WidgetNode_default = WidgetNode;
3699
3665
 
3700
3666
  // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
3701
- var import_react45 = __toESM(require("react"));
3667
+ var import_react43 = __toESM(require("react"));
3702
3668
 
3703
3669
  // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
3704
- var import_jsx_runtime59 = require("react/jsx-runtime");
3670
+ var import_jsx_runtime57 = require("react/jsx-runtime");
3705
3671
  var InputControlNode = (props) => {
3706
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
3672
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
3707
3673
  InputControl_default,
3708
3674
  {
3709
3675
  name: props.node.name,
@@ -3937,22 +3903,22 @@ var ServiceClient = class {
3937
3903
  var ServiceClient_default = ServiceClient;
3938
3904
 
3939
3905
  // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
3940
- var import_jsx_runtime60 = require("react/jsx-runtime");
3906
+ var import_jsx_runtime58 = require("react/jsx-runtime");
3941
3907
  var FormContainerNode = (props) => {
3942
3908
  const NodeTypes2 = {
3943
3909
  ["input-control"]: InputControlNode_default
3944
3910
  };
3945
3911
  const { node } = props;
3946
- const formRef = (0, import_react45.useRef)(null);
3912
+ const formRef = (0, import_react43.useRef)(null);
3947
3913
  const initialState = {
3948
3914
  inputValues: {},
3949
3915
  lastPropertyChanged: ""
3950
3916
  };
3951
- const [formState, dispatch] = (0, import_react45.useReducer)(FormReducer_default, initialState);
3952
- const handleInputChange = (0, import_react45.useCallback)((updatedValues) => {
3917
+ const [formState, dispatch] = (0, import_react43.useReducer)(FormReducer_default, initialState);
3918
+ const handleInputChange = (0, import_react43.useCallback)((updatedValues) => {
3953
3919
  dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
3954
3920
  }, [dispatch]);
3955
- (0, import_react45.useEffect)(() => {
3921
+ (0, import_react43.useEffect)(() => {
3956
3922
  const fetchInitialData = async () => {
3957
3923
  const client = new ServiceClient_default(props.apiBaseUrl, props.session);
3958
3924
  const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
@@ -3967,12 +3933,12 @@ var FormContainerNode = (props) => {
3967
3933
  };
3968
3934
  fetchInitialData();
3969
3935
  }, [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: [
3936
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
3971
3937
  node.children && node.children.map((node2, index) => {
3972
3938
  {
3973
3939
  }
3974
3940
  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)(
3941
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
3976
3942
  InputControlNode_default,
3977
3943
  {
3978
3944
  value: formState.inputValues[node2.name],
@@ -3981,17 +3947,17 @@ var FormContainerNode = (props) => {
3981
3947
  }
3982
3948
  ) }, index);
3983
3949
  }),
3984
- node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "py-0.5 lg:py-1.5" })
3950
+ node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "py-0.5 lg:py-1.5" })
3985
3951
  ] });
3986
3952
  };
3987
3953
  var FormContainerNode_default = FormContainerNode;
3988
3954
 
3989
3955
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
3990
- var import_react50 = __toESM(require("react"));
3956
+ var import_react48 = __toESM(require("react"));
3991
3957
 
3992
3958
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
3993
3959
  var import_dynamic3 = __toESM(require("next/dynamic"));
3994
- var import_jsx_runtime63 = require("react/jsx-runtime");
3960
+ var import_jsx_runtime61 = require("react/jsx-runtime");
3995
3961
  var IframeClient2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
3996
3962
  ssr: false
3997
3963
  });
@@ -4004,13 +3970,13 @@ var EmbedNode = (props) => {
4004
3970
  } else {
4005
3971
  src = props.node.embedSrc;
4006
3972
  }
4007
- return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IframeClient2, { src }) });
3973
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IframeClient2, { src }) });
4008
3974
  };
4009
3975
  var EmbedNode_default = EmbedNode;
4010
3976
 
4011
3977
  // src/components/Slider.tsx
4012
- var import_react48 = __toESM(require("react"));
4013
- var import_jsx_runtime64 = require("react/jsx-runtime");
3978
+ var import_react46 = __toESM(require("react"));
3979
+ var import_jsx_runtime62 = require("react/jsx-runtime");
4014
3980
  var Slider = ({
4015
3981
  children,
4016
3982
  slidesToShow = 4,
@@ -4028,13 +3994,13 @@ var Slider = ({
4028
3994
  pillStyle = "cumulative",
4029
3995
  progressPosition = "bottom"
4030
3996
  }) => {
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)(
3997
+ const [currentSlide, setCurrentSlide] = (0, import_react46.useState)(0);
3998
+ const [transition, setTransition] = (0, import_react46.useState)(true);
3999
+ const [slidesToShowState, setSlidesToShowState] = (0, import_react46.useState)(
4034
4000
  typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
4035
4001
  );
4036
- const [isPlaying, setIsPlaying] = (0, import_react48.useState)(autoplay);
4037
- (0, import_react48.useEffect)(() => {
4002
+ const [isPlaying, setIsPlaying] = (0, import_react46.useState)(autoplay);
4003
+ (0, import_react46.useEffect)(() => {
4038
4004
  if (typeof slidesToShow === "number") return;
4039
4005
  const handleResize = () => {
4040
4006
  if (window.innerWidth >= 1024) {
@@ -4049,7 +4015,7 @@ var Slider = ({
4049
4015
  window.addEventListener("resize", handleResize);
4050
4016
  return () => window.removeEventListener("resize", handleResize);
4051
4017
  }, [slidesToShow]);
4052
- (0, import_react48.useEffect)(() => {
4018
+ (0, import_react46.useEffect)(() => {
4053
4019
  if (!autoplay) return;
4054
4020
  const timer = setInterval(() => {
4055
4021
  if (isPlaying) {
@@ -4058,7 +4024,7 @@ var Slider = ({
4058
4024
  }, autoplay_speed);
4059
4025
  return () => clearInterval(timer);
4060
4026
  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
4061
- const totalSlides = import_react48.Children.count(children);
4027
+ const totalSlides = import_react46.Children.count(children);
4062
4028
  const maxSlide = totalSlides - slidesToShowState;
4063
4029
  const nextSlide = () => {
4064
4030
  if (currentSlide >= maxSlide) {
@@ -4103,16 +4069,16 @@ var Slider = ({
4103
4069
  }
4104
4070
  };
4105
4071
  const translateX = -currentSlide * (100 / slidesToShowState);
4106
- const slides = import_react48.Children.map(children, (child, index) => {
4107
- if (!import_react48.default.isValidElement(child)) return null;
4072
+ const slides = import_react46.Children.map(children, (child, index) => {
4073
+ if (!import_react46.default.isValidElement(child)) return null;
4108
4074
  const childProps = child.props;
4109
4075
  const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
4110
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4076
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4111
4077
  "div",
4112
4078
  {
4113
4079
  className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
4114
4080
  style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
4115
- children: (0, import_react48.cloneElement)(child, {
4081
+ children: (0, import_react46.cloneElement)(child, {
4116
4082
  className: mergedClassName
4117
4083
  })
4118
4084
  },
@@ -4130,14 +4096,14 @@ var Slider = ({
4130
4096
  return "bottom-4";
4131
4097
  }
4132
4098
  };
4133
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4099
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4134
4100
  "div",
4135
4101
  {
4136
4102
  className: `relative w-full overflow-hidden ${className}`,
4137
4103
  onMouseEnter: handleMouseEnter,
4138
4104
  onMouseLeave: handleMouseLeave,
4139
4105
  children: [
4140
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4106
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4141
4107
  "div",
4142
4108
  {
4143
4109
  className: "flex h-full",
@@ -4148,18 +4114,18 @@ var Slider = ({
4148
4114
  children: slides
4149
4115
  }
4150
4116
  ),
4151
- show_arrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
4152
- /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4117
+ show_arrows && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
4118
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4153
4119
  ArrowButton,
4154
4120
  {
4155
4121
  direction: "left",
4156
4122
  onClick: prevSlide,
4157
4123
  visible: infinite_scroll || currentSlide > 0,
4158
4124
  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" }) })
4125
+ 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
4126
  }
4161
4127
  ),
4162
- /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4128
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4163
4129
  ArrowButton,
4164
4130
  {
4165
4131
  direction: "right",
@@ -4167,13 +4133,13 @@ var Slider = ({
4167
4133
  visible: infinite_scroll || currentSlide < maxSlide,
4168
4134
  className: arrowClassName,
4169
4135
  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" }) }),
4136
+ /* @__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
4137
  " "
4172
4138
  ]
4173
4139
  }
4174
4140
  )
4175
4141
  ] }),
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)(
4142
+ 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
4143
  ProgressPill,
4178
4144
  {
4179
4145
  active: index === currentSlide,
@@ -4199,7 +4165,7 @@ var ArrowButton = ({
4199
4165
  visible,
4200
4166
  children,
4201
4167
  className = ""
4202
- }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4168
+ }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4203
4169
  "button",
4204
4170
  {
4205
4171
  className: `
@@ -4225,13 +4191,13 @@ var ProgressPill = ({
4225
4191
  currentSlide,
4226
4192
  totalSlides
4227
4193
  }) => {
4228
- const [progress, setProgress] = (0, import_react48.useState)(0);
4229
- (0, import_react48.useEffect)(() => {
4194
+ const [progress, setProgress] = (0, import_react46.useState)(0);
4195
+ (0, import_react46.useEffect)(() => {
4230
4196
  if (active) {
4231
4197
  setProgress(0);
4232
4198
  }
4233
4199
  }, [active, index]);
4234
- (0, import_react48.useEffect)(() => {
4200
+ (0, import_react46.useEffect)(() => {
4235
4201
  if (!active || !isPlaying) {
4236
4202
  if (!active) {
4237
4203
  setProgress(0);
@@ -4286,7 +4252,7 @@ var ProgressPill = ({
4286
4252
  const renderProgressBar = () => {
4287
4253
  if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
4288
4254
  const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
4289
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4255
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4290
4256
  "div",
4291
4257
  {
4292
4258
  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 +4264,7 @@ var ProgressPill = ({
4298
4264
  };
4299
4265
  const renderCumulativeFill = () => {
4300
4266
  if (style === "cumulative" && isFilled && !isActive) {
4301
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4267
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
4302
4268
  "div",
4303
4269
  {
4304
4270
  className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
@@ -4308,7 +4274,7 @@ var ProgressPill = ({
4308
4274
  }
4309
4275
  return null;
4310
4276
  };
4311
- return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4277
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
4312
4278
  "button",
4313
4279
  {
4314
4280
  className: `${baseClasses} ${getStyleClasses()}`,
@@ -4484,10 +4450,10 @@ var PathUtility = class {
4484
4450
  var PathUtility_default = new PathUtility();
4485
4451
 
4486
4452
  // src/components/NoDataFound.tsx
4487
- var import_jsx_runtime65 = require("react/jsx-runtime");
4453
+ var import_jsx_runtime63 = require("react/jsx-runtime");
4488
4454
  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)(
4455
+ 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: [
4456
+ /* @__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
4457
  "svg",
4492
4458
  {
4493
4459
  className: "w-10 h-10",
@@ -4495,7 +4461,7 @@ var NoDataFound = () => {
4495
4461
  stroke: "currentColor",
4496
4462
  viewBox: "0 0 24 24",
4497
4463
  xmlns: "http://www.w3.org/2000/svg",
4498
- children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4464
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
4499
4465
  "path",
4500
4466
  {
4501
4467
  strokeLinecap: "round",
@@ -4506,18 +4472,18 @@ var NoDataFound = () => {
4506
4472
  )
4507
4473
  }
4508
4474
  ) }) }),
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." })
4475
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
4476
+ /* @__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
4477
  ] });
4512
4478
  };
4513
4479
  var NoDataFound_default = NoDataFound;
4514
4480
 
4515
4481
  // src/components/Pagination.tsx
4516
- var import_react49 = require("react");
4517
- var import_jsx_runtime66 = require("react/jsx-runtime");
4482
+ var import_react47 = require("react");
4483
+ var import_jsx_runtime64 = require("react/jsx-runtime");
4518
4484
  var Pagination = (props) => {
4519
4485
  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
4520
- const builder = (0, import_react49.useMemo)(() => {
4486
+ const builder = (0, import_react47.useMemo)(() => {
4521
4487
  const b = new OdataBuilder(path);
4522
4488
  if (query) b.setQuery(query);
4523
4489
  return b;
@@ -4558,7 +4524,7 @@ var Pagination = (props) => {
4558
4524
  return range;
4559
4525
  };
4560
4526
  const paginationRange = getPaginationRange();
4561
- const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4527
+ const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4562
4528
  Hyperlink,
4563
4529
  {
4564
4530
  linkType: "Link" /* Link */,
@@ -4573,9 +4539,9 @@ var Pagination = (props) => {
4573
4539
  );
4574
4540
  const NavigationButton = ({ page, disabled, children }) => {
4575
4541
  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 });
4542
+ 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
4543
  }
4578
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4544
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4579
4545
  Hyperlink,
4580
4546
  {
4581
4547
  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 +4551,35 @@ var Pagination = (props) => {
4585
4551
  );
4586
4552
  };
4587
4553
  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: [
4554
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "py-6 border-t bg-default", children: [
4555
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
4556
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "text-sm", children: [
4591
4557
  "Showing ",
4592
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "font-semibold", children: [
4558
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "font-semibold", children: [
4593
4559
  startItem,
4594
4560
  "-",
4595
4561
  endItem
4596
4562
  ] }),
4597
4563
  " ",
4598
4564
  "out of ",
4599
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4565
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
4600
4566
  " results"
4601
4567
  ] }),
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)(
4568
+ totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center space-x-1", children: [
4569
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4604
4570
  NavigationButton,
4605
4571
  {
4606
4572
  page: activePageNumber - 1,
4607
4573
  disabled: activePageNumber === 1,
4608
4574
  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" })
4575
+ /* @__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" }) }),
4576
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Prev" })
4611
4577
  ]
4612
4578
  }
4613
4579
  ),
4614
4580
  paginationRange.map((item, index) => {
4615
4581
  if (item === "...") {
4616
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4582
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4617
4583
  "span",
4618
4584
  {
4619
4585
  className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -4623,23 +4589,23 @@ var Pagination = (props) => {
4623
4589
  );
4624
4590
  }
4625
4591
  const page = item;
4626
- return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PageButton, { page, children: page }, page);
4592
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PageButton, { page, children: page }, page);
4627
4593
  }),
4628
- /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4594
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
4629
4595
  NavigationButton,
4630
4596
  {
4631
4597
  page: activePageNumber + 1,
4632
4598
  disabled: activePageNumber === totalPages,
4633
4599
  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" }) })
4600
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Next" }),
4601
+ /* @__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
4602
  ]
4637
4603
  }
4638
4604
  )
4639
4605
  ] }),
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)(
4606
+ showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center space-x-2", children: [
4607
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Go to:" }),
4608
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4643
4609
  "input",
4644
4610
  {
4645
4611
  type: "number",
@@ -4660,9 +4626,9 @@ var Pagination = (props) => {
4660
4626
  ) })
4661
4627
  ] })
4662
4628
  ] }),
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)(
4629
+ 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: [
4630
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "Show:" }),
4631
+ /* @__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
4632
  Hyperlink,
4667
4633
  {
4668
4634
  className: `
@@ -4674,7 +4640,7 @@ var Pagination = (props) => {
4674
4640
  },
4675
4641
  size
4676
4642
  )) }),
4677
- /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "per page" })
4643
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm", children: "per page" })
4678
4644
  ] }) })
4679
4645
  ] });
4680
4646
  };
@@ -4682,7 +4648,7 @@ var Pagination_default = Pagination;
4682
4648
 
4683
4649
  // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
4684
4650
  var import_dynamic4 = __toESM(require("next/dynamic"));
4685
- var import_jsx_runtime67 = require("react/jsx-runtime");
4651
+ var import_jsx_runtime65 = require("react/jsx-runtime");
4686
4652
  var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
4687
4653
  ssr: false
4688
4654
  });
@@ -4719,7 +4685,7 @@ var ImageGalleryNode = (props) => {
4719
4685
  right: "justify-end"
4720
4686
  };
4721
4687
  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) => {
4688
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
4723
4689
  const imageUrl = resolveImageUrl(img.imageUrl);
4724
4690
  if (!imageUrl) return null;
4725
4691
  const posterUrl = resolvePosterUrl(img.posterUrl);
@@ -4727,7 +4693,7 @@ var ImageGalleryNode = (props) => {
4727
4693
  const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
4728
4694
  const isHls = imageUrl.endsWith(".m3u8");
4729
4695
  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)(
4696
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4731
4697
  HlsPlayer1,
4732
4698
  {
4733
4699
  assetUrl: imageUrl,
@@ -4742,7 +4708,7 @@ var ImageGalleryNode = (props) => {
4742
4708
  }
4743
4709
  ) : (
4744
4710
  /* eslint-disable-next-line @next/next/no-img-element */
4745
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
4711
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
4746
4712
  "img",
4747
4713
  {
4748
4714
  loading: "lazy",
@@ -4759,7 +4725,7 @@ var ImageGalleryNode = (props) => {
4759
4725
  var ImageGalleryNode_default = ImageGalleryNode;
4760
4726
 
4761
4727
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
4762
- var import_jsx_runtime68 = require("react/jsx-runtime");
4728
+ var import_jsx_runtime66 = require("react/jsx-runtime");
4763
4729
  function toCamelCase(str) {
4764
4730
  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
4765
4731
  }
@@ -4942,7 +4908,7 @@ var DivContainer = async (props) => {
4942
4908
  response = await serviceClient.get(endpoint);
4943
4909
  result = response?.result;
4944
4910
  if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
4945
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NoDataFound_default, {});
4911
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NoDataFound_default, {});
4946
4912
  }
4947
4913
  if (dataBindingProperties.childCollectionName && props.dataitem) {
4948
4914
  childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4954,7 +4920,7 @@ var DivContainer = async (props) => {
4954
4920
  }
4955
4921
  const SelectedNode = NodeTypes2[node.type];
4956
4922
  if (!SelectedNode) return null;
4957
- return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
4923
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
4958
4924
  SelectedNode,
4959
4925
  {
4960
4926
  node,
@@ -5054,9 +5020,9 @@ var DivContainer = async (props) => {
5054
5020
  props.node.autoFormat && "auto-format",
5055
5021
  props.node.bgClass
5056
5022
  ].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)(
5023
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react48.default.Fragment, { children: [
5024
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
5025
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
5060
5026
  Wrapper,
5061
5027
  {
5062
5028
  id: guid,
@@ -5065,18 +5031,18 @@ var DivContainer = async (props) => {
5065
5031
  ...wrapperProps,
5066
5032
  children: dataToRender.map(
5067
5033
  (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)
5034
+ (child, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react48.default.Fragment, { children: child }, i)
5069
5035
  ) : renderChildren(props.node.children, props, item, idx)
5070
5036
  )
5071
5037
  }
5072
5038
  ) }),
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 }) })
5039
+ 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
5040
  ] });
5075
5041
  };
5076
5042
  var DivContainer_default = DivContainer;
5077
5043
 
5078
5044
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
5079
- var import_jsx_runtime69 = require("react/jsx-runtime");
5045
+ var import_jsx_runtime67 = require("react/jsx-runtime");
5080
5046
  var NodeTypes = {
5081
5047
  ["paragraph"]: ParagraphNode_default,
5082
5048
  ["heading"]: HeadingNode_default,
@@ -5104,11 +5070,11 @@ var PageBodyRenderer = (props) => {
5104
5070
  if (pageBodyTree && pageBodyTree.root) {
5105
5071
  rootNode = pageBodyTree.root;
5106
5072
  }
5107
- return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
5073
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
5108
5074
  {
5109
5075
  }
5110
5076
  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)(
5077
+ 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
5078
  SelectedNode,
5113
5079
  {
5114
5080
  node,
@@ -5123,7 +5089,7 @@ var PageBodyRenderer = (props) => {
5123
5089
  assetBaseUrl: props.assetBaseUrl,
5124
5090
  device: props.device
5125
5091
  }
5126
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
5092
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
5127
5093
  SelectedNode,
5128
5094
  {
5129
5095
  node,