@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260827063633 → 0.8.1-dev.20260827101734

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 (7) hide show
  1. package/dist/index.d.mts +2 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +1300 -862
  4. package/dist/index.mjs +863 -428
  5. package/dist/server.js +892 -495
  6. package/dist/server.mjs +567 -173
  7. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -477,16 +477,408 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
477
477
  };
478
478
  var CommentImageNode_default = CommentImageNode;
479
479
 
480
- // src/components/controls/view/CommentNodeRenderer.tsx
480
+ // src/components/controls/view/FileIcon.tsx
481
481
  import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
482
+ var PdfIcon = () => /* @__PURE__ */ jsxs6(
483
+ "svg",
484
+ {
485
+ xmlns: "http://www.w3.org/2000/svg",
486
+ viewBox: "0 0 48 48",
487
+ className: "w-10 h-10",
488
+ children: [
489
+ /* @__PURE__ */ jsx16(
490
+ "path",
491
+ {
492
+ fill: "#e53935",
493
+ d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
494
+ }
495
+ ),
496
+ /* @__PURE__ */ jsx16(
497
+ "path",
498
+ {
499
+ fill: "#fff",
500
+ d: "M34.841,26.799c-1.692-1.757-6.314-1.041-7.42-0.911c-1.627-1.562-2.734-3.45-3.124-4.101 c0.586-1.757,0.976-3.515,1.041-5.402c0-1.627-0.651-3.385-2.473-3.385c-0.651,0-1.237,0.391-1.562,0.911 c-0.781,1.367-0.456,4.101,0.781,6.899c-0.716,2.018-1.367,3.97-3.189,7.42c-1.888,0.781-5.858,2.604-6.183,4.556 c-0.13,0.586,0.065,1.172,0.521,1.627C13.688,34.805,14.273,35,14.859,35c2.408,0,4.751-3.32,6.379-6.118 c1.367-0.456,3.515-1.107,5.663-1.497c2.538,2.213,4.751,2.538,5.923,2.538c1.562,0,2.148-0.651,2.343-1.237 C35.492,28.036,35.297,27.32,34.841,26.799z M33.214,27.905c-0.065,0.456-0.651,0.911-1.692,0.651 c-1.237-0.325-2.343-0.911-3.32-1.692c0.846-0.13,2.734-0.325,4.101-0.065C32.824,26.929,33.344,27.254,33.214,27.905z M22.344,14.497c0.13-0.195,0.325-0.325,0.521-0.325c0.586,0,0.716,0.716,0.716,1.302c-0.065,1.367-0.325,2.734-0.781,4.036 C21.824,16.905,22.019,15.083,22.344,14.497z M22.214,27.124c0.521-1.041,1.237-2.864,1.497-3.645 c0.586,0.976,1.562,2.148,2.083,2.669C25.794,26.213,23.776,26.604,22.214,27.124z M18.374,29.728 c-1.497,2.473-3.059,4.036-3.905,4.036c-0.13,0-0.26-0.065-0.391-0.13c-0.195-0.13-0.26-0.325-0.195-0.586 C14.078,32.136,15.77,30.899,18.374,29.728z"
501
+ }
502
+ )
503
+ ]
504
+ }
505
+ );
506
+ var ExcelIcon = () => /* @__PURE__ */ jsxs6(
507
+ "svg",
508
+ {
509
+ xmlns: "http://www.w3.org/2000/svg",
510
+ viewBox: "0 0 48 48",
511
+ className: "w-10 h-10",
512
+ children: [
513
+ /* @__PURE__ */ jsx16(
514
+ "path",
515
+ {
516
+ fill: "#169154",
517
+ d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
518
+ }
519
+ ),
520
+ /* @__PURE__ */ jsx16(
521
+ "path",
522
+ {
523
+ fill: "#18482a",
524
+ d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
525
+ }
526
+ ),
527
+ /* @__PURE__ */ jsx16("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
528
+ /* @__PURE__ */ jsx16("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
529
+ /* @__PURE__ */ jsxs6("g", { children: [
530
+ /* @__PURE__ */ jsx16(
531
+ "path",
532
+ {
533
+ fill: "#29c27f",
534
+ d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
535
+ }
536
+ ),
537
+ /* @__PURE__ */ jsx16(
538
+ "path",
539
+ {
540
+ fill: "#27663f",
541
+ d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
542
+ }
543
+ ),
544
+ /* @__PURE__ */ jsx16("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
545
+ /* @__PURE__ */ jsx16("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
546
+ ] }),
547
+ /* @__PURE__ */ jsx16(
548
+ "path",
549
+ {
550
+ fill: "#0c7238",
551
+ d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
552
+ }
553
+ ),
554
+ /* @__PURE__ */ jsx16(
555
+ "path",
556
+ {
557
+ fill: "#fff",
558
+ d: "M9.807 19L12.193 19 14.129 22.754 16.175 19 18.404 19 15.333 24 18.474 29 16.123 29 14.013 25.07 11.912 29 9.526 29 12.719 23.982z"
559
+ }
560
+ )
561
+ ]
562
+ }
563
+ );
564
+ var WordIcon = () => /* @__PURE__ */ jsxs6(
565
+ "svg",
566
+ {
567
+ xmlns: "http://www.w3.org/2000/svg",
568
+ viewBox: "0 0 48 48",
569
+ className: "w-10 h-10",
570
+ baseProfile: "basic",
571
+ children: [
572
+ /* @__PURE__ */ jsx16(
573
+ "path",
574
+ {
575
+ fill: "#283593",
576
+ d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
577
+ }
578
+ ),
579
+ /* @__PURE__ */ jsxs6(
580
+ "linearGradient",
581
+ {
582
+ id: "qh2LT5tehRDFkLLfb-odWa",
583
+ x1: "9",
584
+ x2: "33.506",
585
+ y1: "364.445",
586
+ y2: "364.445",
587
+ gradientTransform: "translate(0 -339.89)",
588
+ gradientUnits: "userSpaceOnUse",
589
+ children: [
590
+ /* @__PURE__ */ jsx16("stop", { offset: "0", "stop-color": "#66c0ff" }),
591
+ /* @__PURE__ */ jsx16("stop", { offset: ".26", "stop-color": "#0094f0" })
592
+ ]
593
+ }
594
+ ),
595
+ /* @__PURE__ */ jsx16(
596
+ "path",
597
+ {
598
+ fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
599
+ d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
600
+ }
601
+ ),
602
+ /* @__PURE__ */ jsx16(
603
+ "path",
604
+ {
605
+ fill: "#1e88e5",
606
+ "fill-opacity": ".6",
607
+ d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
608
+ }
609
+ ),
610
+ /* @__PURE__ */ jsx16(
611
+ "path",
612
+ {
613
+ fill: "#00e5ff",
614
+ d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
615
+ }
616
+ ),
617
+ /* @__PURE__ */ jsx16(
618
+ "path",
619
+ {
620
+ fill: "#1565c0",
621
+ d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
622
+ }
623
+ ),
624
+ /* @__PURE__ */ jsx16(
625
+ "path",
626
+ {
627
+ fill: "#fff",
628
+ d: "M18.327,26.643l-2.092,9.713l-2.501,0.002L12.5,30.529l-1.293,5.829H8.683l-2.01-9.713h2.062 l1.24,6.41l1.232-6.41h2.528l1.291,6.41l1.21-6.41L18.327,26.643L18.327,26.643z"
629
+ }
630
+ )
631
+ ]
632
+ }
633
+ );
634
+ var StandardIcon = () => /* @__PURE__ */ jsxs6(
635
+ "svg",
636
+ {
637
+ xmlns: "http://www.w3.org/2000/svg",
638
+ viewBox: "0 0 48 48",
639
+ className: "w-10 h-10",
640
+ children: [
641
+ /* @__PURE__ */ jsx16("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
642
+ /* @__PURE__ */ jsx16("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
643
+ ]
644
+ }
645
+ );
646
+ var PowerPointIcon = () => /* @__PURE__ */ jsxs6(
647
+ "svg",
648
+ {
649
+ xmlns: "http://www.w3.org/2000/svg",
650
+ viewBox: "0 0 48 48",
651
+ className: "w-10 h-10",
652
+ children: [
653
+ /* @__PURE__ */ jsx16(
654
+ "path",
655
+ {
656
+ fill: "#dc4c2c",
657
+ d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
658
+ }
659
+ ),
660
+ /* @__PURE__ */ jsx16("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
661
+ /* @__PURE__ */ jsx16("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
662
+ /* @__PURE__ */ jsx16(
663
+ "path",
664
+ {
665
+ fill: "#9b341f",
666
+ d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
667
+ }
668
+ ),
669
+ /* @__PURE__ */ jsx16(
670
+ "path",
671
+ {
672
+ fill: "#fff",
673
+ d: "M14.673,19.012H10v10h2.024v-3.521H14.3c1.876,0,3.397-1.521,3.397-3.397v-0.058 C17.697,20.366,16.343,19.012,14.673,19.012z M15.57,22.358c0,0.859-0.697,1.556-1.556,1.556h-1.99v-3.325h1.99 c0.859,0,1.556,0.697,1.556,1.556V22.358z"
674
+ }
675
+ )
676
+ ]
677
+ }
678
+ );
679
+ var TextIcon = () => /* @__PURE__ */ jsxs6(
680
+ "svg",
681
+ {
682
+ xmlns: "http://www.w3.org/2000/svg",
683
+ viewBox: "0 0 48 48",
684
+ className: "w-10 h-10",
685
+ children: [
686
+ /* @__PURE__ */ jsx16("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
687
+ /* @__PURE__ */ jsx16("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
688
+ /* @__PURE__ */ jsx16(
689
+ "path",
690
+ {
691
+ fill: "#1976D2",
692
+ d: "M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"
693
+ }
694
+ )
695
+ ]
696
+ }
697
+ );
698
+ var ArchiveIcon = () => /* @__PURE__ */ jsxs6(
699
+ "svg",
700
+ {
701
+ xmlns: "http://www.w3.org/2000/svg",
702
+ zoomAndPan: "magnify",
703
+ viewBox: "0 0 75 74.999997",
704
+ preserveAspectRatio: "xMidYMid meet",
705
+ version: "1.0",
706
+ className: "w-10 h-10",
707
+ children: [
708
+ /* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx16(
709
+ "path",
710
+ {
711
+ d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
712
+ "clip-rule": "nonzero"
713
+ }
714
+ ) }) }),
715
+ /* @__PURE__ */ jsx16("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx16(
716
+ "path",
717
+ {
718
+ fill: "#ff9100",
719
+ d: "M 65.882812 75 L 8.929688 75 L 8.929688 0 L 48.085938 0 L 65.882812 17.855469 Z M 65.882812 75 ",
720
+ "fill-opacity": "1",
721
+ "fill-rule": "nonzero"
722
+ }
723
+ ) }),
724
+ /* @__PURE__ */ jsx16(
725
+ "path",
726
+ {
727
+ fill: "#fbe9e7",
728
+ d: "M 63.214844 19.644531 L 46.304688 19.644531 L 46.304688 2.679688 Z M 63.214844 19.644531 ",
729
+ "fill-opacity": "1",
730
+ "fill-rule": "nonzero"
731
+ }
732
+ ),
733
+ /* @__PURE__ */ jsx16(
734
+ "path",
735
+ {
736
+ fill: "#ffe0b2",
737
+ d: "M 26.523438 50.59375 L 33.824219 50.59375 L 33.824219 53.570312 L 22.339844 53.570312 L 22.339844 51.410156 L 29.566406 38.789062 L 22.265625 38.789062 L 22.265625 35.796875 L 33.691406 35.796875 L 33.691406 37.910156 Z M 26.523438 50.59375 ",
738
+ "fill-opacity": "1",
739
+ "fill-rule": "nonzero"
740
+ }
741
+ ),
742
+ /* @__PURE__ */ jsx16(
743
+ "path",
744
+ {
745
+ fill: "#ffe0b2",
746
+ d: "M 36.183594 35.796875 L 39.757812 35.796875 L 39.757812 53.570312 L 36.183594 53.570312 Z M 36.183594 35.796875 ",
747
+ "fill-opacity": "1",
748
+ "fill-rule": "nonzero"
749
+ }
750
+ ),
751
+ /* @__PURE__ */ jsx16(
752
+ "path",
753
+ {
754
+ fill: "#ffe0b2",
755
+ d: "M 46.34375 47.320312 L 46.34375 53.570312 L 42.765625 53.570312 L 42.765625 35.796875 L 48.800781 35.796875 C 50.550781 35.796875 51.953125 36.34375 52.992188 37.433594 C 54.035156 38.523438 54.554688 39.9375 54.554688 41.683594 C 54.554688 43.425781 54.039062 44.796875 53.011719 45.808594 C 51.980469 46.820312 50.550781 47.320312 48.726562 47.320312 Z M 46.34375 44.332031 L 48.800781 44.332031 C 49.484375 44.332031 50.007812 44.105469 50.382812 43.660156 C 50.757812 43.210938 50.941406 42.5625 50.941406 41.707031 C 50.941406 40.816406 50.753906 40.113281 50.371094 39.585938 C 49.988281 39.0625 49.476562 38.796875 48.839844 38.789062 L 46.34375 38.789062 Z M 46.34375 44.332031 ",
756
+ "fill-opacity": "1",
757
+ "fill-rule": "nonzero"
758
+ }
759
+ )
760
+ ]
761
+ }
762
+ );
763
+ var getFileDetails = (url) => {
764
+ const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
765
+ const ext = extMatch ? extMatch[1].toLowerCase() : "";
766
+ let Icon = StandardIcon;
767
+ let extLabel = "FILE";
768
+ if (ext === "pdf") {
769
+ Icon = PdfIcon;
770
+ extLabel = "PDF";
771
+ } else if (["xls", "xlsx", "csv"].includes(ext)) {
772
+ Icon = ExcelIcon;
773
+ extLabel = "Excel";
774
+ } else if (["doc", "docx"].includes(ext)) {
775
+ Icon = WordIcon;
776
+ extLabel = "Word";
777
+ } else if (["ppt", "pptx"].includes(ext)) {
778
+ Icon = PowerPointIcon;
779
+ extLabel = "PowerPoint";
780
+ } else if (["txt", "rtf"].includes(ext)) {
781
+ Icon = TextIcon;
782
+ extLabel = "Text";
783
+ } else if (["zip", "rar", "7z"].includes(ext)) {
784
+ Icon = ArchiveIcon;
785
+ extLabel = "Archive";
786
+ } else if (ext) {
787
+ extLabel = ext.toUpperCase();
788
+ }
789
+ return { Icon, extLabel };
790
+ };
791
+ var FileIcon = ({ fileName, className }) => {
792
+ const { Icon } = getFileDetails(fileName);
793
+ return /* @__PURE__ */ jsx16("span", { className, children: /* @__PURE__ */ jsx16(Icon, {}) });
794
+ };
795
+ var FileIcon_default = FileIcon;
796
+
797
+ // src/components/controls/view/CommentFileNode.tsx
798
+ import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
799
+ var formatFileSize = (sizeBytes) => {
800
+ const bytes = typeof sizeBytes === "number" ? sizeBytes : Number(sizeBytes);
801
+ if (!Number.isFinite(bytes) || bytes <= 0) {
802
+ return "";
803
+ }
804
+ if (bytes < 1024) {
805
+ return `${bytes} B`;
806
+ }
807
+ const units = ["KB", "MB", "GB"];
808
+ let value = bytes / 1024;
809
+ let unitIndex = 0;
810
+ while (value >= 1024 && unitIndex < units.length - 1) {
811
+ value /= 1024;
812
+ unitIndex += 1;
813
+ }
814
+ return `${value.toFixed(value < 10 ? 1 : 0)} ${units[unitIndex]}`;
815
+ };
816
+ var CommentFileNode = ({ node, assetBaseUrl }) => {
817
+ const rawUrl = typeof node.url === "string" && node.url || typeof node.src === "string" && node.src || typeof node.assetUrl === "string" && node.assetUrl || "";
818
+ if (!rawUrl) {
819
+ return null;
820
+ }
821
+ const href = AssetUtility_default.resolveUrl(assetBaseUrl, rawUrl);
822
+ if (!href) {
823
+ return null;
824
+ }
825
+ const fileName = typeof node.fileName === "string" && node.fileName || typeof node.name === "string" && node.name || rawUrl.split("/").pop() || "file";
826
+ const sizeLabel = formatFileSize(node.fileSize);
827
+ return /* @__PURE__ */ jsxs7(
828
+ "a",
829
+ {
830
+ href,
831
+ target: "_blank",
832
+ rel: "noopener noreferrer",
833
+ download: fileName,
834
+ className: "comment-node-file",
835
+ style: {
836
+ display: "inline-flex",
837
+ alignItems: "center",
838
+ gap: "8px",
839
+ padding: "8px 12px",
840
+ border: "1px solid rgba(0,0,0,0.12)",
841
+ borderRadius: "8px",
842
+ textDecoration: "none",
843
+ color: "inherit",
844
+ maxWidth: "100%"
845
+ },
846
+ children: [
847
+ /* @__PURE__ */ jsx17(FileIcon_default, { fileName, className: "comment-node-file-icon" }),
848
+ /* @__PURE__ */ jsxs7(
849
+ "span",
850
+ {
851
+ className: "comment-node-file-text",
852
+ style: { display: "flex", flexDirection: "column", minWidth: 0 },
853
+ children: [
854
+ /* @__PURE__ */ jsx17(
855
+ "span",
856
+ {
857
+ className: "comment-node-file-name",
858
+ style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
859
+ children: fileName
860
+ }
861
+ ),
862
+ sizeLabel ? /* @__PURE__ */ jsx17("span", { className: "comment-node-file-size", style: { fontSize: "0.8em", opacity: 0.7 }, children: sizeLabel }) : null
863
+ ]
864
+ }
865
+ )
866
+ ]
867
+ }
868
+ );
869
+ };
870
+ var CommentFileNode_default = CommentFileNode;
871
+
872
+ // src/components/controls/view/CommentNodeRenderer.tsx
873
+ import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
482
874
  var TextLeafNode = ({ node }) => {
483
875
  let content = node.text;
484
- if (node.code) content = /* @__PURE__ */ jsx16("code", { className: "comment-node-code", children: content });
485
- if (node.bold) content = /* @__PURE__ */ jsx16("strong", { children: content });
486
- if (node.italic) content = /* @__PURE__ */ jsx16("em", { children: content });
487
- if (node.underline) content = /* @__PURE__ */ jsx16("u", { children: content });
488
- if (node.strikethrough) content = /* @__PURE__ */ jsx16("s", { children: content });
489
- return /* @__PURE__ */ jsx16(React14.Fragment, { children: content });
876
+ if (node.code) content = /* @__PURE__ */ jsx18("code", { className: "comment-node-code", children: content });
877
+ if (node.bold) content = /* @__PURE__ */ jsx18("strong", { children: content });
878
+ if (node.italic) content = /* @__PURE__ */ jsx18("em", { children: content });
879
+ if (node.underline) content = /* @__PURE__ */ jsx18("u", { children: content });
880
+ if (node.strikethrough) content = /* @__PURE__ */ jsx18("s", { children: content });
881
+ return /* @__PURE__ */ jsx18(React14.Fragment, { children: content });
490
882
  };
491
883
  var renderChildren = (children, keyPrefix, assetBaseUrl) => {
492
884
  if (!children || children.length === 0) {
@@ -494,7 +886,7 @@ var renderChildren = (children, keyPrefix, assetBaseUrl) => {
494
886
  }
495
887
  return children.map((child, index) => {
496
888
  const childKey = isTextNode(child) ? void 0 : asElementNode(child).id;
497
- return /* @__PURE__ */ jsx16(
889
+ return /* @__PURE__ */ jsx18(
498
890
  CommentNodeRenderer,
499
891
  {
500
892
  node: child,
@@ -514,56 +906,58 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
514
906
  return null;
515
907
  }
516
908
  if (isTextNode(node)) {
517
- return /* @__PURE__ */ jsx16(TextLeafNode, { node });
909
+ return /* @__PURE__ */ jsx18(TextLeafNode, { node });
518
910
  }
519
911
  const element = asElementNode(node);
520
912
  const key = element.id ?? element.type;
521
913
  switch (element.type) {
522
914
  case "paragraph":
523
- return /* @__PURE__ */ jsx16("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ jsx16("br", {}) });
915
+ return /* @__PURE__ */ jsx18("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ jsx18("br", {}) });
524
916
  case "heading": {
525
917
  const level = headingLevelFromTag(element.tag ?? element.level);
526
918
  const HeadingTag = `h${level}`;
527
- return /* @__PURE__ */ jsx16(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
919
+ return /* @__PURE__ */ jsx18(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
528
920
  }
529
921
  case "list": {
530
922
  const ordered = element.listType === "number" || element.ordered === true;
531
923
  const ListTag = ordered ? "ol" : "ul";
532
- return /* @__PURE__ */ jsx16(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
924
+ return /* @__PURE__ */ jsx18(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
533
925
  }
534
926
  case "listitem":
535
927
  case "list-item":
536
- return /* @__PURE__ */ jsx16("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
928
+ return /* @__PURE__ */ jsx18("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
537
929
  case "quote":
538
930
  case "blockquote":
539
- return /* @__PURE__ */ jsx16("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
931
+ return /* @__PURE__ */ jsx18("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
540
932
  case "code":
541
933
  case "code-block":
542
- return /* @__PURE__ */ jsx16("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx16("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
934
+ return /* @__PURE__ */ jsx18("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx18("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
543
935
  case "image":
544
- return /* @__PURE__ */ jsx16(CommentImageNode_default, { node: element, assetBaseUrl });
936
+ return /* @__PURE__ */ jsx18(CommentImageNode_default, { node: element, assetBaseUrl });
937
+ case "file":
938
+ return /* @__PURE__ */ jsx18(CommentFileNode_default, { node: element, assetBaseUrl });
545
939
  case "link": {
546
940
  const url = typeof element.url === "string" ? element.url : "#";
547
- return /* @__PURE__ */ jsx16("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
941
+ return /* @__PURE__ */ jsx18("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
548
942
  }
549
943
  case "mention": {
550
944
  const label = element.label ?? element.mentionName ?? element.text ?? "";
551
- return /* @__PURE__ */ jsxs6("span", { className: "comment-node-mention", children: [
945
+ return /* @__PURE__ */ jsxs8("span", { className: "comment-node-mention", children: [
552
946
  "@",
553
947
  label
554
948
  ] });
555
949
  }
556
950
  case "linebreak":
557
951
  case "line-break":
558
- return /* @__PURE__ */ jsx16("br", {});
952
+ return /* @__PURE__ */ jsx18("br", {});
559
953
  default:
560
- return /* @__PURE__ */ jsx16(React14.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
954
+ return /* @__PURE__ */ jsx18(React14.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
561
955
  }
562
956
  };
563
957
  var CommentNodeRenderer_default = CommentNodeRenderer;
564
958
 
565
959
  // src/components/controls/view/Commentrenderer.tsx
566
- import { jsx as jsx17 } from "react/jsx-runtime";
960
+ import { jsx as jsx19 } from "react/jsx-runtime";
567
961
  var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
568
962
  const nodes = React15.useMemo(() => parseSerializedContent(value), [value]);
569
963
  if (!nodes || nodes.length === 0) {
@@ -571,7 +965,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
571
965
  }
572
966
  const resolvedAssetBaseUrl = assetBaseUrl ?? apiBaseUrl;
573
967
  console.log(resolvedAssetBaseUrl, "resolvedAssetBaseUrl");
574
- return /* @__PURE__ */ jsx17("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ jsx17(
968
+ return /* @__PURE__ */ jsx19("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ jsx19(
575
969
  CommentNodeRenderer_default,
576
970
  {
577
971
  node,
@@ -583,7 +977,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
583
977
  var Commentrenderer_default = CommentRenderer;
584
978
 
585
979
  // src/components/controls/view/ViewControl.tsx
586
- import { jsx as jsx18 } from "react/jsx-runtime";
980
+ import { jsx as jsx20 } from "react/jsx-runtime";
587
981
  var ViewControl = (props) => {
588
982
  const ControlComponents = {
589
983
  [ViewControlTypes_default.lineText]: LineTextView_default,
@@ -614,7 +1008,7 @@ var ViewControl = (props) => {
614
1008
  [ViewControlTypes_default.commentRenderer]: Commentrenderer_default
615
1009
  };
616
1010
  const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
617
- return /* @__PURE__ */ jsx18(React16.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx18(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
1011
+ return /* @__PURE__ */ jsx20(React16.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx20(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
618
1012
  };
619
1013
  var ViewControl_default = ViewControl;
620
1014
 
@@ -625,7 +1019,7 @@ import React26 from "react";
625
1019
  import React18 from "react";
626
1020
 
627
1021
  // src/components/pageRenderingEngine/nodes/TextNode.tsx
628
- import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
1022
+ import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
629
1023
  var TextNode = (props) => {
630
1024
  function cssStringToJson(cssString) {
631
1025
  const styleObject = {};
@@ -680,26 +1074,26 @@ var TextNode = (props) => {
680
1074
  });
681
1075
  }
682
1076
  function renderWithLineBreaks(text) {
683
- return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs7("span", { children: [
1077
+ return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs9("span", { children: [
684
1078
  line,
685
- index < arr.length - 1 && /* @__PURE__ */ jsx19("br", {})
1079
+ index < arr.length - 1 && /* @__PURE__ */ jsx21("br", {})
686
1080
  ] }, index));
687
1081
  }
688
1082
  const displayText = props.linkText ? props.linkText : props.node.text;
689
1083
  const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
690
1084
  const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
691
- const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx19("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx19("sub", { children: content }) : content;
1085
+ const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx21("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx21("sub", { children: content }) : content;
692
1086
  return (
693
1087
  // @ts-expect-error custom code
694
- /* @__PURE__ */ jsx19("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
1088
+ /* @__PURE__ */ jsx21("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
695
1089
  );
696
1090
  };
697
1091
  var TextNode_default = TextNode;
698
1092
 
699
1093
  // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
700
- import { jsx as jsx20 } from "react/jsx-runtime";
1094
+ import { jsx as jsx22 } from "react/jsx-runtime";
701
1095
  var LineBreakNode = () => {
702
- return /* @__PURE__ */ jsx20("div", { className: "py-0.5 lg:py-1.5" });
1096
+ return /* @__PURE__ */ jsx22("div", { className: "py-0.5 lg:py-1.5" });
703
1097
  };
704
1098
  var LineBreakNode_default = LineBreakNode;
705
1099
 
@@ -708,7 +1102,7 @@ import React17 from "react";
708
1102
 
709
1103
  // src/components/pageRenderingEngine/nodes/ImageNode.tsx
710
1104
  import dynamic5 from "next/dynamic";
711
- import { jsx as jsx21 } from "react/jsx-runtime";
1105
+ import { jsx as jsx23 } from "react/jsx-runtime";
712
1106
  var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
713
1107
  var getNestedValue = (obj, path) => {
714
1108
  if (!obj || !path) return void 0;
@@ -741,7 +1135,7 @@ var ImageNode = (props) => {
741
1135
  assets = [image];
742
1136
  }
743
1137
  if (assets && assets.length > 0) {
744
- return /* @__PURE__ */ jsx21(
1138
+ return /* @__PURE__ */ jsx23(
745
1139
  DeviceAssetSelector_default,
746
1140
  {
747
1141
  device: props.device,
@@ -782,7 +1176,7 @@ var ImageNode = (props) => {
782
1176
  right: "justify-end"
783
1177
  };
784
1178
  const isHls = imageUrl.endsWith(".m3u8");
785
- const renderMedia = () => isHls ? /* @__PURE__ */ jsx21(
1179
+ const renderMedia = () => isHls ? /* @__PURE__ */ jsx23(
786
1180
  HlsPlayer2,
787
1181
  {
788
1182
  assetUrl: imageUrl,
@@ -795,7 +1189,7 @@ var ImageNode = (props) => {
795
1189
  apiBaseUrl: props.apiBaseUrl,
796
1190
  session: props.session
797
1191
  }
798
- ) : /* @__PURE__ */ jsx21(
1192
+ ) : /* @__PURE__ */ jsx23(
799
1193
  "img",
800
1194
  {
801
1195
  style: styles,
@@ -808,7 +1202,7 @@ var ImageNode = (props) => {
808
1202
  }
809
1203
  );
810
1204
  if (props.node.width) {
811
- return /* @__PURE__ */ jsx21("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
1205
+ return /* @__PURE__ */ jsx23("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
812
1206
  }
813
1207
  return renderMedia();
814
1208
  };
@@ -816,7 +1210,7 @@ var ImageNode_default = ImageNode;
816
1210
 
817
1211
  // src/components/pageRenderingEngine/nodes/LinkNode.tsx
818
1212
  import dynamic6 from "next/dynamic";
819
- import { Fragment, jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
1213
+ import { Fragment, jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
820
1214
  var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-BEAX4I4C.mjs"), {
821
1215
  ssr: false
822
1216
  });
@@ -869,13 +1263,13 @@ var LinkNode = (props) => {
869
1263
  const isButton = node.isButton === true;
870
1264
  const renderChildren2 = () => {
871
1265
  if (!node.children || node.children.length === 0) return null;
872
- return /* @__PURE__ */ jsx22(Fragment, { children: node.children.map((childNode, index) => {
1266
+ return /* @__PURE__ */ jsx24(Fragment, { children: node.children.map((childNode, index) => {
873
1267
  const SelectedNode = NodeTypes2[childNode.type];
874
1268
  if (!SelectedNode) {
875
1269
  console.warn("Unknown node type:", childNode.type);
876
1270
  return null;
877
1271
  }
878
- return /* @__PURE__ */ jsx22(React17.Fragment, { children: /* @__PURE__ */ jsx22(
1272
+ return /* @__PURE__ */ jsx24(React17.Fragment, { children: /* @__PURE__ */ jsx24(
879
1273
  SelectedNode,
880
1274
  {
881
1275
  node: childNode,
@@ -888,15 +1282,15 @@ var LinkNode = (props) => {
888
1282
  };
889
1283
  const renderFallback = () => {
890
1284
  if ((!node.children || node.children.length === 0) && linkText) {
891
- return /* @__PURE__ */ jsx22("span", { children: linkText });
1285
+ return /* @__PURE__ */ jsx24("span", { children: linkText });
892
1286
  }
893
1287
  if ((!node.children || node.children.length === 0) && !linkText) {
894
- return /* @__PURE__ */ jsx22("br", {});
1288
+ return /* @__PURE__ */ jsx24("br", {});
895
1289
  }
896
1290
  return null;
897
1291
  };
898
1292
  if (isButton) {
899
- return /* @__PURE__ */ jsxs8(
1293
+ return /* @__PURE__ */ jsxs10(
900
1294
  LinkNodeButton,
901
1295
  {
902
1296
  node,
@@ -914,7 +1308,7 @@ var LinkNode = (props) => {
914
1308
  }
915
1309
  );
916
1310
  }
917
- return /* @__PURE__ */ jsxs8(
1311
+ return /* @__PURE__ */ jsxs10(
918
1312
  Hyperlink,
919
1313
  {
920
1314
  href: linkUrl || "#",
@@ -930,10 +1324,10 @@ var LinkNode = (props) => {
930
1324
  var LinkNode_default = LinkNode;
931
1325
 
932
1326
  // src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
933
- import { jsx as jsx23 } from "react/jsx-runtime";
1327
+ import { jsx as jsx25 } from "react/jsx-runtime";
934
1328
  var SVGIconNode = ({ node }) => {
935
1329
  if (!node?.svgCode) return null;
936
- return /* @__PURE__ */ jsx23(
1330
+ return /* @__PURE__ */ jsx25(
937
1331
  "span",
938
1332
  {
939
1333
  style: {
@@ -950,7 +1344,7 @@ var SVGIconNode_default = SVGIconNode;
950
1344
 
951
1345
  // src/components/pageRenderingEngine/nodes/EquationNode.tsx
952
1346
  import katex from "katex";
953
- import { jsx as jsx24 } from "react/jsx-runtime";
1347
+ import { jsx as jsx26 } from "react/jsx-runtime";
954
1348
  var EquationNode = ({ node }) => {
955
1349
  const { equation, inline } = node;
956
1350
  let html = "";
@@ -965,7 +1359,7 @@ var EquationNode = ({ node }) => {
965
1359
  });
966
1360
  }
967
1361
  if (inline) {
968
- return /* @__PURE__ */ jsx24(
1362
+ return /* @__PURE__ */ jsx26(
969
1363
  "span",
970
1364
  {
971
1365
  className: "katex-inline",
@@ -973,7 +1367,7 @@ var EquationNode = ({ node }) => {
973
1367
  }
974
1368
  );
975
1369
  }
976
- return /* @__PURE__ */ jsx24(
1370
+ return /* @__PURE__ */ jsx26(
977
1371
  "div",
978
1372
  {
979
1373
  className: "katex-block my-3 text-center",
@@ -984,7 +1378,7 @@ var EquationNode = ({ node }) => {
984
1378
  var EquationNode_default = EquationNode;
985
1379
 
986
1380
  // src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
987
- import { jsx as jsx25 } from "react/jsx-runtime";
1381
+ import { jsx as jsx27 } from "react/jsx-runtime";
988
1382
  function getNestedProperty(obj, path) {
989
1383
  if (!obj || !path) return null;
990
1384
  if (path.includes(".")) {
@@ -997,7 +1391,7 @@ function getNestedProperty(obj, path) {
997
1391
  }
998
1392
  const value = obj[path];
999
1393
  if (Array.isArray(value)) {
1000
- return value.map((item, index) => /* @__PURE__ */ jsx25("div", { children: String(item) }, index));
1394
+ return value.map((item, index) => /* @__PURE__ */ jsx27("div", { children: String(item) }, index));
1001
1395
  }
1002
1396
  return value;
1003
1397
  }
@@ -1060,7 +1454,7 @@ var DatafieldNode = (props) => {
1060
1454
  const dataType = props.node.dataType;
1061
1455
  if (isEmptyValue) return null;
1062
1456
  if (dataType === "rawContent") {
1063
- return /* @__PURE__ */ jsx25(
1457
+ return /* @__PURE__ */ jsx27(
1064
1458
  PageBodyRenderer_default,
1065
1459
  {
1066
1460
  rawBody: String(value ?? `@databound[${fieldName}]`),
@@ -1076,13 +1470,13 @@ var DatafieldNode = (props) => {
1076
1470
  }
1077
1471
  );
1078
1472
  }
1079
- return /* @__PURE__ */ jsx25(
1473
+ return /* @__PURE__ */ jsx27(
1080
1474
  "span",
1081
1475
  {
1082
1476
  className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
1083
1477
  style: styles,
1084
1478
  title,
1085
- children: /* @__PURE__ */ jsx25(
1479
+ children: /* @__PURE__ */ jsx27(
1086
1480
  ViewControl_default,
1087
1481
  {
1088
1482
  controlType: dataType,
@@ -1097,7 +1491,7 @@ var DatafieldNode = (props) => {
1097
1491
  var DatafieldNode_default = DatafieldNode;
1098
1492
 
1099
1493
  // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
1100
- import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
1494
+ import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
1101
1495
  var ParagraphNode = (props) => {
1102
1496
  const NodeTypes2 = {
1103
1497
  ["text"]: TextNode_default,
@@ -1117,9 +1511,9 @@ var ParagraphNode = (props) => {
1117
1511
  const isInlineOnlyParent = props.parentTag === "summary";
1118
1512
  const hasChildren = props.node.children && props.node.children.length > 0;
1119
1513
  if (isInlineOnlyParent) {
1120
- return /* @__PURE__ */ jsx26(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
1514
+ return /* @__PURE__ */ jsx28(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
1121
1515
  const SelectedNode = NodeTypes2[node.type];
1122
- return /* @__PURE__ */ jsx26(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx26(
1516
+ return /* @__PURE__ */ jsx28(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx28(
1123
1517
  SelectedNode,
1124
1518
  {
1125
1519
  node,
@@ -1132,10 +1526,10 @@ var ParagraphNode = (props) => {
1132
1526
  ) }, index);
1133
1527
  }) });
1134
1528
  }
1135
- return /* @__PURE__ */ jsxs9("div", { className: " " + formatClasses, children: [
1529
+ return /* @__PURE__ */ jsxs11("div", { className: " " + formatClasses, children: [
1136
1530
  hasChildren && props.node.children.map((node, index) => {
1137
1531
  const SelectedNode = NodeTypes2[node.type];
1138
- return /* @__PURE__ */ jsx26(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx26(
1532
+ return /* @__PURE__ */ jsx28(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx28(
1139
1533
  SelectedNode,
1140
1534
  {
1141
1535
  node,
@@ -1147,14 +1541,14 @@ var ParagraphNode = (props) => {
1147
1541
  }
1148
1542
  ) }, index);
1149
1543
  }),
1150
- !hasChildren && /* @__PURE__ */ jsx26("div", { className: "py-1.5 lg:py-2" })
1544
+ !hasChildren && /* @__PURE__ */ jsx28("div", { className: "py-1.5 lg:py-2" })
1151
1545
  ] });
1152
1546
  };
1153
1547
  var ParagraphNode_default = ParagraphNode;
1154
1548
 
1155
1549
  // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
1156
1550
  import React19 from "react";
1157
- import { Fragment as Fragment3, jsx as jsx27 } from "react/jsx-runtime";
1551
+ import { Fragment as Fragment3, jsx as jsx29 } from "react/jsx-runtime";
1158
1552
  var HeadingNode = (props) => {
1159
1553
  const NodeTypes2 = {
1160
1554
  ["text"]: TextNode_default,
@@ -1170,12 +1564,12 @@ var HeadingNode = (props) => {
1170
1564
  {
1171
1565
  }
1172
1566
  const formatClasses = FormatClass[props.node.format] || "";
1173
- return /* @__PURE__ */ jsx27(Fragment3, { children: React19.createElement(
1567
+ return /* @__PURE__ */ jsx29(Fragment3, { children: React19.createElement(
1174
1568
  HeadingTag,
1175
1569
  { className: formatClasses },
1176
1570
  props.node.children && props.node.children.map((childNode, index) => {
1177
1571
  const SelectedNode = NodeTypes2[childNode.type];
1178
- return /* @__PURE__ */ jsx27(React19.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx27(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
1572
+ return /* @__PURE__ */ jsx29(React19.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx29(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
1179
1573
  })
1180
1574
  ) });
1181
1575
  };
@@ -1186,7 +1580,7 @@ import React21 from "react";
1186
1580
 
1187
1581
  // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
1188
1582
  import React20 from "react";
1189
- import { jsx as jsx28 } from "react/jsx-runtime";
1583
+ import { jsx as jsx30 } from "react/jsx-runtime";
1190
1584
  var ListItemNode = (props) => {
1191
1585
  const NodeTypes2 = {
1192
1586
  text: TextNode_default,
@@ -1203,37 +1597,37 @@ var ListItemNode = (props) => {
1203
1597
  liStyle.fontSize = match[1].trim();
1204
1598
  }
1205
1599
  }
1206
- return /* @__PURE__ */ jsx28("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
1600
+ return /* @__PURE__ */ jsx30("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
1207
1601
  const SelectedNode = NodeTypes2[node.type];
1208
1602
  if (node.type === "linebreak") {
1209
1603
  if (!foundFirstBreak) {
1210
1604
  foundFirstBreak = true;
1211
- return /* @__PURE__ */ jsx28("div", {}, index);
1605
+ return /* @__PURE__ */ jsx30("div", {}, index);
1212
1606
  } else {
1213
- return /* @__PURE__ */ jsx28("div", { className: "py-1 lg:py-2" }, index);
1607
+ return /* @__PURE__ */ jsx30("div", { className: "py-1 lg:py-2" }, index);
1214
1608
  }
1215
1609
  } else {
1216
1610
  foundFirstBreak = false;
1217
- return /* @__PURE__ */ jsx28(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx28(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1611
+ return /* @__PURE__ */ jsx30(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx30(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1218
1612
  }
1219
1613
  }) });
1220
1614
  };
1221
1615
  var ListItemNode_default = ListItemNode;
1222
1616
 
1223
1617
  // src/components/pageRenderingEngine/nodes/ListNode.tsx
1224
- import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
1618
+ import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
1225
1619
  var ListNode = (props) => {
1226
1620
  const NodeTypes2 = {
1227
1621
  listitem: ListItemNode_default
1228
1622
  };
1229
- return /* @__PURE__ */ jsxs10(React21.Fragment, { children: [
1230
- props.node.listType == "bullet" && /* @__PURE__ */ jsx29("ul", { children: props.node.children && props.node.children.map((node, index) => {
1623
+ return /* @__PURE__ */ jsxs12(React21.Fragment, { children: [
1624
+ props.node.listType == "bullet" && /* @__PURE__ */ jsx31("ul", { children: props.node.children && props.node.children.map((node, index) => {
1231
1625
  const SelectedNode = NodeTypes2[node.type];
1232
- return /* @__PURE__ */ jsx29(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx29(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1626
+ return /* @__PURE__ */ jsx31(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx31(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1233
1627
  }) }),
1234
- props.node.listType == "number" && /* @__PURE__ */ jsx29("ol", { children: props.node.children && props.node.children.map((node, index) => {
1628
+ props.node.listType == "number" && /* @__PURE__ */ jsx31("ol", { children: props.node.children && props.node.children.map((node, index) => {
1235
1629
  const SelectedNode = NodeTypes2[node.type];
1236
- return /* @__PURE__ */ jsx29(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx29(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1630
+ return /* @__PURE__ */ jsx31(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx31(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
1237
1631
  }) })
1238
1632
  ] });
1239
1633
  };
@@ -1241,16 +1635,16 @@ var ListNode_default = ListNode;
1241
1635
 
1242
1636
  // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
1243
1637
  import React22 from "react";
1244
- import { jsx as jsx30 } from "react/jsx-runtime";
1638
+ import { jsx as jsx32 } from "react/jsx-runtime";
1245
1639
  var QuoteNode = (props) => {
1246
1640
  const NodeTypes2 = {
1247
1641
  ["text"]: TextNode_default,
1248
1642
  ["linebreak"]: LineBreakNode_default,
1249
1643
  ["link"]: LinkNode_default
1250
1644
  };
1251
- return /* @__PURE__ */ jsx30("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
1645
+ return /* @__PURE__ */ jsx32("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
1252
1646
  const SelectedNode = NodeTypes2[node.type];
1253
- return /* @__PURE__ */ jsx30(React22.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx30(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
1647
+ return /* @__PURE__ */ jsx32(React22.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx32(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
1254
1648
  }) });
1255
1649
  };
1256
1650
  var QuoteNode_default = QuoteNode;
@@ -1258,11 +1652,11 @@ var QuoteNode_default = QuoteNode;
1258
1652
  // src/components/pageRenderingEngine/nodes/CodeNode.tsx
1259
1653
  import React23 from "react";
1260
1654
  import dynamic7 from "next/dynamic";
1261
- import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
1655
+ import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
1262
1656
  var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
1263
1657
  ssr: false,
1264
1658
  // optional: fallback UI while loading
1265
- loading: () => /* @__PURE__ */ jsx31("span", { className: "text-gray-400 text-xs", children: "Copy" })
1659
+ loading: () => /* @__PURE__ */ jsx33("span", { className: "text-gray-400 text-xs", children: "Copy" })
1266
1660
  });
1267
1661
  var CodeNode = (props) => {
1268
1662
  const NodeTypes2 = {
@@ -1276,14 +1670,14 @@ var CodeNode = (props) => {
1276
1670
  if (node.type === "link") return node.text || node.url || "";
1277
1671
  return "";
1278
1672
  }).join("") ?? "";
1279
- return /* @__PURE__ */ jsxs11("div", { children: [
1280
- /* @__PURE__ */ jsxs11("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
1281
- /* @__PURE__ */ jsx31("span", { children: "Code Snippet" }),
1282
- /* @__PURE__ */ jsx31(CopyButton, { text: textContent })
1673
+ return /* @__PURE__ */ jsxs13("div", { children: [
1674
+ /* @__PURE__ */ jsxs13("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
1675
+ /* @__PURE__ */ jsx33("span", { children: "Code Snippet" }),
1676
+ /* @__PURE__ */ jsx33(CopyButton, { text: textContent })
1283
1677
  ] }),
1284
- /* @__PURE__ */ jsx31("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) => {
1678
+ /* @__PURE__ */ jsx33("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) => {
1285
1679
  const SelectedNode = NodeTypes2[node.type];
1286
- return /* @__PURE__ */ jsx31(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx31(
1680
+ return /* @__PURE__ */ jsx33(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx33(
1287
1681
  SelectedNode,
1288
1682
  {
1289
1683
  node,
@@ -1298,15 +1692,15 @@ var CodeNode = (props) => {
1298
1692
  var CodeNode_default = CodeNode;
1299
1693
 
1300
1694
  // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
1301
- import { jsx as jsx32 } from "react/jsx-runtime";
1695
+ import { jsx as jsx34 } from "react/jsx-runtime";
1302
1696
  var HorizontalRuleNode = () => {
1303
- return /* @__PURE__ */ jsx32("hr", {});
1697
+ return /* @__PURE__ */ jsx34("hr", {});
1304
1698
  };
1305
1699
  var HorizontalRuleNode_default = HorizontalRuleNode;
1306
1700
 
1307
1701
  // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
1308
1702
  import React24 from "react";
1309
- import { Fragment as Fragment4, jsx as jsx33 } from "react/jsx-runtime";
1703
+ import { Fragment as Fragment4, jsx as jsx35 } from "react/jsx-runtime";
1310
1704
  var WidgetNode = (props) => {
1311
1705
  const getWidgetParameters = () => {
1312
1706
  const widgetInputParameters = {
@@ -1370,7 +1764,7 @@ var WidgetNode = (props) => {
1370
1764
  };
1371
1765
  const widgetCode = props.node?.widgetCode;
1372
1766
  if (!widgetCode) {
1373
- return /* @__PURE__ */ jsx33(Fragment4, { children: "Invalid widget" });
1767
+ return /* @__PURE__ */ jsx35(Fragment4, { children: "Invalid widget" });
1374
1768
  }
1375
1769
  const widgetParams = getWidgetParameters();
1376
1770
  const WidgetRenderer = props.widgetRenderer;
@@ -1379,7 +1773,7 @@ var WidgetNode = (props) => {
1379
1773
  }
1380
1774
  return (
1381
1775
  // eslint-disable-next-line react-hooks/static-components
1382
- /* @__PURE__ */ jsx33(React24.Fragment, { children: /* @__PURE__ */ jsx33(
1776
+ /* @__PURE__ */ jsx35(React24.Fragment, { children: /* @__PURE__ */ jsx35(
1383
1777
  WidgetRenderer,
1384
1778
  {
1385
1779
  params: widgetParams,
@@ -1401,7 +1795,7 @@ import React25 from "react";
1401
1795
 
1402
1796
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
1403
1797
  import dynamic8 from "next/dynamic";
1404
- import { jsx as jsx34 } from "react/jsx-runtime";
1798
+ import { jsx as jsx36 } from "react/jsx-runtime";
1405
1799
  var IframeClient = dynamic8(() => import("./IframeClient-WF2KLXZB.mjs"), {
1406
1800
  ssr: false
1407
1801
  });
@@ -1414,7 +1808,7 @@ var EmbedNode = (props) => {
1414
1808
  } else {
1415
1809
  src = props.node.embedSrc;
1416
1810
  }
1417
- return /* @__PURE__ */ jsx34("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx34(IframeClient, { src }) });
1811
+ return /* @__PURE__ */ jsx36("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx36(IframeClient, { src }) });
1418
1812
  };
1419
1813
  var EmbedNode_default = EmbedNode;
1420
1814
 
@@ -1607,10 +2001,10 @@ var PathUtility = class {
1607
2001
  var PathUtility_default = new PathUtility();
1608
2002
 
1609
2003
  // src/components/NoDataFound.tsx
1610
- import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
2004
+ import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
1611
2005
  var NoDataFound = () => {
1612
- return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
1613
- /* @__PURE__ */ jsx35("div", { className: "mb-5", children: /* @__PURE__ */ jsx35("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx35(
2006
+ return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
2007
+ /* @__PURE__ */ jsx37("div", { className: "mb-5", children: /* @__PURE__ */ jsx37("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx37(
1614
2008
  "svg",
1615
2009
  {
1616
2010
  className: "w-10 h-10",
@@ -1618,7 +2012,7 @@ var NoDataFound = () => {
1618
2012
  stroke: "currentColor",
1619
2013
  viewBox: "0 0 24 24",
1620
2014
  xmlns: "http://www.w3.org/2000/svg",
1621
- children: /* @__PURE__ */ jsx35(
2015
+ children: /* @__PURE__ */ jsx37(
1622
2016
  "path",
1623
2017
  {
1624
2018
  strokeLinecap: "round",
@@ -1629,15 +2023,15 @@ var NoDataFound = () => {
1629
2023
  )
1630
2024
  }
1631
2025
  ) }) }),
1632
- /* @__PURE__ */ jsx35("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
1633
- /* @__PURE__ */ jsx35("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
2026
+ /* @__PURE__ */ jsx37("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
2027
+ /* @__PURE__ */ jsx37("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
1634
2028
  ] });
1635
2029
  };
1636
2030
  var NoDataFound_default = NoDataFound;
1637
2031
 
1638
2032
  // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
1639
2033
  import dynamic9 from "next/dynamic";
1640
- import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
2034
+ import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
1641
2035
  var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
1642
2036
  var deviceToMediaQuery = (device) => {
1643
2037
  switch (device) {
@@ -1793,8 +2187,8 @@ var ImageGalleryNode = (props) => {
1793
2187
  right: "justify-end"
1794
2188
  };
1795
2189
  const formatClasses = FormatClass[props.node.format || ""] || "";
1796
- return /* @__PURE__ */ jsxs13(Fragment5, { children: [
1797
- hlsSources.length > 0 && /* @__PURE__ */ jsx36(Fragment5, { children: /* @__PURE__ */ jsx36(
2190
+ return /* @__PURE__ */ jsxs15(Fragment5, { children: [
2191
+ hlsSources.length > 0 && /* @__PURE__ */ jsx38(Fragment5, { children: /* @__PURE__ */ jsx38(
1798
2192
  HlsPlayer3,
1799
2193
  {
1800
2194
  sources: hlsSources,
@@ -1809,7 +2203,7 @@ var ImageGalleryNode = (props) => {
1809
2203
  styles: hlsStyles
1810
2204
  }
1811
2205
  ) }),
1812
- (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx36(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs13("picture", { children: [
2206
+ (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx38(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs15("picture", { children: [
1813
2207
  DEVICE_ORDER.map((deviceKey) => {
1814
2208
  const match = staticSources.find(
1815
2209
  (img) => img.device === deviceKey
@@ -1825,7 +2219,7 @@ var ImageGalleryNode = (props) => {
1825
2219
  if (!srcUrl) {
1826
2220
  return null;
1827
2221
  }
1828
- return /* @__PURE__ */ jsx36(
2222
+ return /* @__PURE__ */ jsx38(
1829
2223
  "source",
1830
2224
  {
1831
2225
  media: deviceToMediaQuery(match.device),
@@ -1850,7 +2244,7 @@ var ImageGalleryNode = (props) => {
1850
2244
  if (img.borderRadius) {
1851
2245
  styles.borderRadius = img.borderRadius;
1852
2246
  }
1853
- return /* @__PURE__ */ jsx36(
2247
+ return /* @__PURE__ */ jsx38(
1854
2248
  "img",
1855
2249
  {
1856
2250
  loading: "lazy",
@@ -1865,7 +2259,7 @@ var ImageGalleryNode = (props) => {
1865
2259
  })()
1866
2260
  ] }) : (
1867
2261
  /* Case 2: Only device-specific images exist */
1868
- /* @__PURE__ */ jsx36(Fragment5, { children: staticSources.map((img, index) => {
2262
+ /* @__PURE__ */ jsx38(Fragment5, { children: staticSources.map((img, index) => {
1869
2263
  const resolved = resolveImage(img);
1870
2264
  const imageUrl = resolved?.imageUrl;
1871
2265
  if (!imageUrl) {
@@ -1892,7 +2286,7 @@ var ImageGalleryNode = (props) => {
1892
2286
  default:
1893
2287
  display = "block";
1894
2288
  }
1895
- return /* @__PURE__ */ jsx36(
2289
+ return /* @__PURE__ */ jsx38(
1896
2290
  "img",
1897
2291
  {
1898
2292
  loading: "lazy",
@@ -2032,28 +2426,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
2032
2426
  };
2033
2427
 
2034
2428
  // src/components/pageRenderingEngine/nodes/DocumentNode.tsx
2035
- import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
2429
+ import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
2036
2430
  var getNestedValue5 = (obj, path) => {
2037
2431
  if (!obj || !path) return void 0;
2038
2432
  return path.split(".").reduce((current, key) => {
2039
2433
  return current && current[key] !== void 0 ? current[key] : void 0;
2040
2434
  }, obj);
2041
2435
  };
2042
- var PdfIcon = () => /* @__PURE__ */ jsxs14(
2436
+ var PdfIcon2 = () => /* @__PURE__ */ jsxs16(
2043
2437
  "svg",
2044
2438
  {
2045
2439
  xmlns: "http://www.w3.org/2000/svg",
2046
2440
  viewBox: "0 0 48 48",
2047
2441
  className: "w-10 h-10",
2048
2442
  children: [
2049
- /* @__PURE__ */ jsx37(
2443
+ /* @__PURE__ */ jsx39(
2050
2444
  "path",
2051
2445
  {
2052
2446
  fill: "#e53935",
2053
2447
  d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
2054
2448
  }
2055
2449
  ),
2056
- /* @__PURE__ */ jsx37(
2450
+ /* @__PURE__ */ jsx39(
2057
2451
  "path",
2058
2452
  {
2059
2453
  fill: "#fff",
@@ -2063,55 +2457,55 @@ var PdfIcon = () => /* @__PURE__ */ jsxs14(
2063
2457
  ]
2064
2458
  }
2065
2459
  );
2066
- var ExcelIcon = () => /* @__PURE__ */ jsxs14(
2460
+ var ExcelIcon2 = () => /* @__PURE__ */ jsxs16(
2067
2461
  "svg",
2068
2462
  {
2069
2463
  xmlns: "http://www.w3.org/2000/svg",
2070
2464
  viewBox: "0 0 48 48",
2071
2465
  className: "w-10 h-10",
2072
2466
  children: [
2073
- /* @__PURE__ */ jsx37(
2467
+ /* @__PURE__ */ jsx39(
2074
2468
  "path",
2075
2469
  {
2076
2470
  fill: "#169154",
2077
2471
  d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
2078
2472
  }
2079
2473
  ),
2080
- /* @__PURE__ */ jsx37(
2474
+ /* @__PURE__ */ jsx39(
2081
2475
  "path",
2082
2476
  {
2083
2477
  fill: "#18482a",
2084
2478
  d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
2085
2479
  }
2086
2480
  ),
2087
- /* @__PURE__ */ jsx37("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
2088
- /* @__PURE__ */ jsx37("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
2089
- /* @__PURE__ */ jsxs14("g", { children: [
2090
- /* @__PURE__ */ jsx37(
2481
+ /* @__PURE__ */ jsx39("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
2482
+ /* @__PURE__ */ jsx39("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
2483
+ /* @__PURE__ */ jsxs16("g", { children: [
2484
+ /* @__PURE__ */ jsx39(
2091
2485
  "path",
2092
2486
  {
2093
2487
  fill: "#29c27f",
2094
2488
  d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
2095
2489
  }
2096
2490
  ),
2097
- /* @__PURE__ */ jsx37(
2491
+ /* @__PURE__ */ jsx39(
2098
2492
  "path",
2099
2493
  {
2100
2494
  fill: "#27663f",
2101
2495
  d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
2102
2496
  }
2103
2497
  ),
2104
- /* @__PURE__ */ jsx37("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
2105
- /* @__PURE__ */ jsx37("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
2498
+ /* @__PURE__ */ jsx39("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
2499
+ /* @__PURE__ */ jsx39("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
2106
2500
  ] }),
2107
- /* @__PURE__ */ jsx37(
2501
+ /* @__PURE__ */ jsx39(
2108
2502
  "path",
2109
2503
  {
2110
2504
  fill: "#0c7238",
2111
2505
  d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
2112
2506
  }
2113
2507
  ),
2114
- /* @__PURE__ */ jsx37(
2508
+ /* @__PURE__ */ jsx39(
2115
2509
  "path",
2116
2510
  {
2117
2511
  fill: "#fff",
@@ -2121,7 +2515,7 @@ var ExcelIcon = () => /* @__PURE__ */ jsxs14(
2121
2515
  ]
2122
2516
  }
2123
2517
  );
2124
- var WordIcon = () => /* @__PURE__ */ jsxs14(
2518
+ var WordIcon2 = () => /* @__PURE__ */ jsxs16(
2125
2519
  "svg",
2126
2520
  {
2127
2521
  xmlns: "http://www.w3.org/2000/svg",
@@ -2129,14 +2523,14 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
2129
2523
  className: "w-10 h-10",
2130
2524
  baseProfile: "basic",
2131
2525
  children: [
2132
- /* @__PURE__ */ jsx37(
2526
+ /* @__PURE__ */ jsx39(
2133
2527
  "path",
2134
2528
  {
2135
2529
  fill: "#283593",
2136
2530
  d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
2137
2531
  }
2138
2532
  ),
2139
- /* @__PURE__ */ jsxs14(
2533
+ /* @__PURE__ */ jsxs16(
2140
2534
  "linearGradient",
2141
2535
  {
2142
2536
  id: "qh2LT5tehRDFkLLfb-odWa",
@@ -2147,19 +2541,19 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
2147
2541
  gradientTransform: "translate(0 -339.89)",
2148
2542
  gradientUnits: "userSpaceOnUse",
2149
2543
  children: [
2150
- /* @__PURE__ */ jsx37("stop", { offset: "0", "stop-color": "#66c0ff" }),
2151
- /* @__PURE__ */ jsx37("stop", { offset: ".26", "stop-color": "#0094f0" })
2544
+ /* @__PURE__ */ jsx39("stop", { offset: "0", "stop-color": "#66c0ff" }),
2545
+ /* @__PURE__ */ jsx39("stop", { offset: ".26", "stop-color": "#0094f0" })
2152
2546
  ]
2153
2547
  }
2154
2548
  ),
2155
- /* @__PURE__ */ jsx37(
2549
+ /* @__PURE__ */ jsx39(
2156
2550
  "path",
2157
2551
  {
2158
2552
  fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
2159
2553
  d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
2160
2554
  }
2161
2555
  ),
2162
- /* @__PURE__ */ jsx37(
2556
+ /* @__PURE__ */ jsx39(
2163
2557
  "path",
2164
2558
  {
2165
2559
  fill: "#1e88e5",
@@ -2167,21 +2561,21 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
2167
2561
  d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
2168
2562
  }
2169
2563
  ),
2170
- /* @__PURE__ */ jsx37(
2564
+ /* @__PURE__ */ jsx39(
2171
2565
  "path",
2172
2566
  {
2173
2567
  fill: "#00e5ff",
2174
2568
  d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
2175
2569
  }
2176
2570
  ),
2177
- /* @__PURE__ */ jsx37(
2571
+ /* @__PURE__ */ jsx39(
2178
2572
  "path",
2179
2573
  {
2180
2574
  fill: "#1565c0",
2181
2575
  d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
2182
2576
  }
2183
2577
  ),
2184
- /* @__PURE__ */ jsx37(
2578
+ /* @__PURE__ */ jsx39(
2185
2579
  "path",
2186
2580
  {
2187
2581
  fill: "#fff",
@@ -2191,42 +2585,42 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
2191
2585
  ]
2192
2586
  }
2193
2587
  );
2194
- var StandardIcon = () => /* @__PURE__ */ jsxs14(
2588
+ var StandardIcon2 = () => /* @__PURE__ */ jsxs16(
2195
2589
  "svg",
2196
2590
  {
2197
2591
  xmlns: "http://www.w3.org/2000/svg",
2198
2592
  viewBox: "0 0 48 48",
2199
2593
  className: "w-10 h-10",
2200
2594
  children: [
2201
- /* @__PURE__ */ jsx37("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
2202
- /* @__PURE__ */ jsx37("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
2595
+ /* @__PURE__ */ jsx39("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
2596
+ /* @__PURE__ */ jsx39("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
2203
2597
  ]
2204
2598
  }
2205
2599
  );
2206
- var PowerPointIcon = () => /* @__PURE__ */ jsxs14(
2600
+ var PowerPointIcon2 = () => /* @__PURE__ */ jsxs16(
2207
2601
  "svg",
2208
2602
  {
2209
2603
  xmlns: "http://www.w3.org/2000/svg",
2210
2604
  viewBox: "0 0 48 48",
2211
2605
  className: "w-10 h-10",
2212
2606
  children: [
2213
- /* @__PURE__ */ jsx37(
2607
+ /* @__PURE__ */ jsx39(
2214
2608
  "path",
2215
2609
  {
2216
2610
  fill: "#dc4c2c",
2217
2611
  d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
2218
2612
  }
2219
2613
  ),
2220
- /* @__PURE__ */ jsx37("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
2221
- /* @__PURE__ */ jsx37("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
2222
- /* @__PURE__ */ jsx37(
2614
+ /* @__PURE__ */ jsx39("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
2615
+ /* @__PURE__ */ jsx39("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
2616
+ /* @__PURE__ */ jsx39(
2223
2617
  "path",
2224
2618
  {
2225
2619
  fill: "#9b341f",
2226
2620
  d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
2227
2621
  }
2228
2622
  ),
2229
- /* @__PURE__ */ jsx37(
2623
+ /* @__PURE__ */ jsx39(
2230
2624
  "path",
2231
2625
  {
2232
2626
  fill: "#fff",
@@ -2236,16 +2630,16 @@ var PowerPointIcon = () => /* @__PURE__ */ jsxs14(
2236
2630
  ]
2237
2631
  }
2238
2632
  );
2239
- var TextIcon = () => /* @__PURE__ */ jsxs14(
2633
+ var TextIcon2 = () => /* @__PURE__ */ jsxs16(
2240
2634
  "svg",
2241
2635
  {
2242
2636
  xmlns: "http://www.w3.org/2000/svg",
2243
2637
  viewBox: "0 0 48 48",
2244
2638
  className: "w-10 h-10",
2245
2639
  children: [
2246
- /* @__PURE__ */ jsx37("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
2247
- /* @__PURE__ */ jsx37("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
2248
- /* @__PURE__ */ jsx37(
2640
+ /* @__PURE__ */ jsx39("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
2641
+ /* @__PURE__ */ jsx39("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
2642
+ /* @__PURE__ */ jsx39(
2249
2643
  "path",
2250
2644
  {
2251
2645
  fill: "#1976D2",
@@ -2255,7 +2649,7 @@ var TextIcon = () => /* @__PURE__ */ jsxs14(
2255
2649
  ]
2256
2650
  }
2257
2651
  );
2258
- var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2652
+ var ArchiveIcon2 = () => /* @__PURE__ */ jsxs16(
2259
2653
  "svg",
2260
2654
  {
2261
2655
  xmlns: "http://www.w3.org/2000/svg",
@@ -2265,14 +2659,14 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2265
2659
  version: "1.0",
2266
2660
  className: "w-10 h-10",
2267
2661
  children: [
2268
- /* @__PURE__ */ jsx37("defs", { children: /* @__PURE__ */ jsx37("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx37(
2662
+ /* @__PURE__ */ jsx39("defs", { children: /* @__PURE__ */ jsx39("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx39(
2269
2663
  "path",
2270
2664
  {
2271
2665
  d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
2272
2666
  "clip-rule": "nonzero"
2273
2667
  }
2274
2668
  ) }) }),
2275
- /* @__PURE__ */ jsx37("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx37(
2669
+ /* @__PURE__ */ jsx39("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx39(
2276
2670
  "path",
2277
2671
  {
2278
2672
  fill: "#ff9100",
@@ -2281,7 +2675,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2281
2675
  "fill-rule": "nonzero"
2282
2676
  }
2283
2677
  ) }),
2284
- /* @__PURE__ */ jsx37(
2678
+ /* @__PURE__ */ jsx39(
2285
2679
  "path",
2286
2680
  {
2287
2681
  fill: "#fbe9e7",
@@ -2290,7 +2684,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2290
2684
  "fill-rule": "nonzero"
2291
2685
  }
2292
2686
  ),
2293
- /* @__PURE__ */ jsx37(
2687
+ /* @__PURE__ */ jsx39(
2294
2688
  "path",
2295
2689
  {
2296
2690
  fill: "#ffe0b2",
@@ -2299,7 +2693,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2299
2693
  "fill-rule": "nonzero"
2300
2694
  }
2301
2695
  ),
2302
- /* @__PURE__ */ jsx37(
2696
+ /* @__PURE__ */ jsx39(
2303
2697
  "path",
2304
2698
  {
2305
2699
  fill: "#ffe0b2",
@@ -2308,7 +2702,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2308
2702
  "fill-rule": "nonzero"
2309
2703
  }
2310
2704
  ),
2311
- /* @__PURE__ */ jsx37(
2705
+ /* @__PURE__ */ jsx39(
2312
2706
  "path",
2313
2707
  {
2314
2708
  fill: "#ffe0b2",
@@ -2320,28 +2714,28 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
2320
2714
  ]
2321
2715
  }
2322
2716
  );
2323
- var getFileDetails = (url) => {
2717
+ var getFileDetails2 = (url) => {
2324
2718
  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
2325
2719
  const ext = extMatch ? extMatch[1].toLowerCase() : "";
2326
- let Icon = StandardIcon;
2720
+ let Icon = StandardIcon2;
2327
2721
  let extLabel = "FILE";
2328
2722
  if (ext === "pdf") {
2329
- Icon = PdfIcon;
2723
+ Icon = PdfIcon2;
2330
2724
  extLabel = "PDF";
2331
2725
  } else if (["xls", "xlsx", "csv"].includes(ext)) {
2332
- Icon = ExcelIcon;
2726
+ Icon = ExcelIcon2;
2333
2727
  extLabel = "Excel";
2334
2728
  } else if (["doc", "docx"].includes(ext)) {
2335
- Icon = WordIcon;
2729
+ Icon = WordIcon2;
2336
2730
  extLabel = "Word";
2337
2731
  } else if (["ppt", "pptx"].includes(ext)) {
2338
- Icon = PowerPointIcon;
2732
+ Icon = PowerPointIcon2;
2339
2733
  extLabel = "PowerPoint";
2340
2734
  } else if (["txt", "rtf"].includes(ext)) {
2341
- Icon = TextIcon;
2735
+ Icon = TextIcon2;
2342
2736
  extLabel = "Text";
2343
2737
  } else if (["zip", "rar", "7z"].includes(ext)) {
2344
- Icon = ArchiveIcon;
2738
+ Icon = ArchiveIcon2;
2345
2739
  extLabel = "Archive";
2346
2740
  } else if (ext) {
2347
2741
  extLabel = ext.toUpperCase();
@@ -2383,8 +2777,8 @@ var DocumentNode = (props) => {
2383
2777
  }
2384
2778
  }
2385
2779
  if (documents.length === 0) {
2386
- return /* @__PURE__ */ jsx37(Fragment6, { children: /* @__PURE__ */ jsxs14("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
2387
- /* @__PURE__ */ jsx37("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx37(
2780
+ return /* @__PURE__ */ jsx39(Fragment6, { children: /* @__PURE__ */ jsxs16("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
2781
+ /* @__PURE__ */ jsx39("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx39(
2388
2782
  "svg",
2389
2783
  {
2390
2784
  className: "w-5 h-5",
@@ -2392,7 +2786,7 @@ var DocumentNode = (props) => {
2392
2786
  stroke: "currentColor",
2393
2787
  viewBox: "0 0 24 24",
2394
2788
  xmlns: "http://www.w3.org/2000/svg",
2395
- children: /* @__PURE__ */ jsx37(
2789
+ children: /* @__PURE__ */ jsx39(
2396
2790
  "path",
2397
2791
  {
2398
2792
  strokeLinecap: "round",
@@ -2403,11 +2797,11 @@ var DocumentNode = (props) => {
2403
2797
  )
2404
2798
  }
2405
2799
  ) }),
2406
- /* @__PURE__ */ jsx37("div", { className: "text-sm font-medium", children: "No documents found" }),
2407
- /* @__PURE__ */ jsx37("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
2800
+ /* @__PURE__ */ jsx39("div", { className: "text-sm font-medium", children: "No documents found" }),
2801
+ /* @__PURE__ */ jsx39("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
2408
2802
  ] }) });
2409
2803
  }
2410
- return /* @__PURE__ */ jsx37("div", { className: "", children: documents.map((doc, index) => {
2804
+ return /* @__PURE__ */ jsx39("div", { className: "", children: documents.map((doc, index) => {
2411
2805
  const documentUrl = AssetUtility_default.resolveUrl(
2412
2806
  props.assetBaseUrl,
2413
2807
  doc.assetUrl
@@ -2424,17 +2818,17 @@ var DocumentNode = (props) => {
2424
2818
  documentTitle = documentUrl.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
2425
2819
  }
2426
2820
  }
2427
- const { Icon, extLabel } = getFileDetails(documentUrl);
2428
- return /* @__PURE__ */ jsxs14(
2821
+ const { Icon, extLabel } = getFileDetails2(documentUrl);
2822
+ return /* @__PURE__ */ jsxs16(
2429
2823
  "div",
2430
2824
  {
2431
2825
  className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
2432
2826
  children: [
2433
- /* @__PURE__ */ jsxs14("div", { className: "flex items-center space-x-4", children: [
2434
- /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx37(Icon, {}) }),
2435
- /* @__PURE__ */ jsx37("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx37("h4", { className: "text-base font-semibold", children: documentTitle }) })
2827
+ /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-4", children: [
2828
+ /* @__PURE__ */ jsx39("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx39(Icon, {}) }),
2829
+ /* @__PURE__ */ jsx39("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx39("h4", { className: "text-base font-semibold", children: documentTitle }) })
2436
2830
  ] }),
2437
- /* @__PURE__ */ jsxs14(
2831
+ /* @__PURE__ */ jsxs16(
2438
2832
  "a",
2439
2833
  {
2440
2834
  href: documentUrl,
@@ -2442,7 +2836,7 @@ var DocumentNode = (props) => {
2442
2836
  rel: "noopener noreferrer",
2443
2837
  className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
2444
2838
  children: [
2445
- /* @__PURE__ */ jsxs14(
2839
+ /* @__PURE__ */ jsxs16(
2446
2840
  "svg",
2447
2841
  {
2448
2842
  className: "w-4 h-4 mr-2",
@@ -2450,7 +2844,7 @@ var DocumentNode = (props) => {
2450
2844
  stroke: "currentColor",
2451
2845
  viewBox: "0 0 24 24",
2452
2846
  children: [
2453
- /* @__PURE__ */ jsx37(
2847
+ /* @__PURE__ */ jsx39(
2454
2848
  "path",
2455
2849
  {
2456
2850
  strokeLinecap: "round",
@@ -2459,7 +2853,7 @@ var DocumentNode = (props) => {
2459
2853
  d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
2460
2854
  }
2461
2855
  ),
2462
- /* @__PURE__ */ jsx37(
2856
+ /* @__PURE__ */ jsx39(
2463
2857
  "path",
2464
2858
  {
2465
2859
  strokeLinecap: "round",
@@ -2485,13 +2879,13 @@ var DocumentNode_default = DocumentNode;
2485
2879
 
2486
2880
  // src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
2487
2881
  import dynamic10 from "next/dynamic";
2488
- import { jsx as jsx38 } from "react/jsx-runtime";
2882
+ import { jsx as jsx40 } from "react/jsx-runtime";
2489
2883
  var IframeClient2 = dynamic10(() => import("./IframeClient-WF2KLXZB.mjs"), {
2490
2884
  ssr: false
2491
2885
  });
2492
2886
  var GoogleMapNode = (props) => {
2493
2887
  let src = props.node.embedUrl;
2494
- return /* @__PURE__ */ jsx38("div", { className: "google-map-container", children: src && /* @__PURE__ */ jsx38(
2888
+ return /* @__PURE__ */ jsx40("div", { className: "google-map-container", children: src && /* @__PURE__ */ jsx40(
2495
2889
  IframeClient2,
2496
2890
  {
2497
2891
  src,
@@ -2503,7 +2897,7 @@ var GoogleMapNode = (props) => {
2503
2897
  var GoogleMapNode_default = GoogleMapNode;
2504
2898
 
2505
2899
  // src/components/pageRenderingEngine/nodes/DivContainer.tsx
2506
- import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
2900
+ import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
2507
2901
  var Pagination = dynamic11(() => import("./Pagination-T7Z2NXKO.mjs"), { ssr: true });
2508
2902
  var DataBindingControls = dynamic11(() => import("./DataBindingControls-ESDLOHNB.mjs"), {
2509
2903
  ssr: true
@@ -2762,7 +3156,7 @@ var DivContainer = async (props) => {
2762
3156
  response = await serviceClient.get(endpoint);
2763
3157
  result = response?.result;
2764
3158
  if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
2765
- return /* @__PURE__ */ jsx39(NoDataFound_default, {});
3159
+ return /* @__PURE__ */ jsx41(NoDataFound_default, {});
2766
3160
  }
2767
3161
  if (dataBindingProperties.childCollectionName && props.dataitem) {
2768
3162
  childCollectionData = getNestedValue6(
@@ -2782,7 +3176,7 @@ var DivContainer = async (props) => {
2782
3176
  }
2783
3177
  const SelectedNode = NodeTypes2[node.type];
2784
3178
  if (!SelectedNode) return null;
2785
- return /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
3179
+ return /* @__PURE__ */ jsx41(React25.Fragment, { children: /* @__PURE__ */ jsx41(
2786
3180
  SelectedNode,
2787
3181
  {
2788
3182
  node,
@@ -2919,7 +3313,7 @@ var DivContainer = async (props) => {
2919
3313
  dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
2920
3314
  );
2921
3315
  const WrapperComponent = Wrapper;
2922
- const renderedContainer = /* @__PURE__ */ jsx39(
3316
+ const renderedContainer = /* @__PURE__ */ jsx41(
2923
3317
  WrapperComponent,
2924
3318
  {
2925
3319
  id: guid,
@@ -2933,11 +3327,11 @@ var DivContainer = async (props) => {
2933
3327
  item,
2934
3328
  idx,
2935
3329
  props.href ? void 0 : item?.links?.view
2936
- )?.map((child, i) => /* @__PURE__ */ jsx39(React25.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
3330
+ )?.map((child, i) => /* @__PURE__ */ jsx41(React25.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
2937
3331
  )
2938
3332
  }
2939
3333
  );
2940
- const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx39(
3334
+ const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx41(
2941
3335
  Pagination,
2942
3336
  {
2943
3337
  path: props.path,
@@ -2945,15 +3339,15 @@ var DivContainer = async (props) => {
2945
3339
  dataset: response
2946
3340
  }
2947
3341
  ) : null;
2948
- return /* @__PURE__ */ jsxs15(React25.Fragment, { children: [
2949
- /* @__PURE__ */ jsx39(
3342
+ return /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
3343
+ /* @__PURE__ */ jsx41(
2950
3344
  "style",
2951
3345
  {
2952
3346
  dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
2953
3347
  }
2954
3348
  ),
2955
- showDataBindingControls ? /* @__PURE__ */ jsxs15(React25.Fragment, { children: [
2956
- /* @__PURE__ */ jsx39(
3349
+ showDataBindingControls ? /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
3350
+ /* @__PURE__ */ jsx41(
2957
3351
  DataBindingControls,
2958
3352
  {
2959
3353
  mode: "toolbar",
@@ -2965,18 +3359,18 @@ var DivContainer = async (props) => {
2965
3359
  showSearchBar: dataBindingProperties?.showSearchBar
2966
3360
  }
2967
3361
  ),
2968
- /* @__PURE__ */ jsxs15(
3362
+ /* @__PURE__ */ jsxs17(
2969
3363
  "div",
2970
3364
  {
2971
3365
  className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
2972
3366
  children: [
2973
- /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
3367
+ /* @__PURE__ */ jsxs17("div", { className: "min-w-0", children: [
2974
3368
  renderedContainer,
2975
3369
  paginationControl
2976
3370
  ] }),
2977
- dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs15("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
2978
- /* @__PURE__ */ jsx39("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
2979
- /* @__PURE__ */ jsx39(
3371
+ dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs17("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
3372
+ /* @__PURE__ */ jsx41("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
3373
+ /* @__PURE__ */ jsx41(
2980
3374
  DataBindingControls,
2981
3375
  {
2982
3376
  mode: "facets",
@@ -2990,16 +3384,16 @@ var DivContainer = async (props) => {
2990
3384
  ]
2991
3385
  }
2992
3386
  )
2993
- ] }) : /* @__PURE__ */ jsxs15(React25.Fragment, { children: [
3387
+ ] }) : /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
2994
3388
  renderedContainer,
2995
- paginationControl && /* @__PURE__ */ jsx39("div", { children: paginationControl })
3389
+ paginationControl && /* @__PURE__ */ jsx41("div", { children: paginationControl })
2996
3390
  ] })
2997
3391
  ] });
2998
3392
  };
2999
3393
  var DivContainer_default = DivContainer;
3000
3394
 
3001
3395
  // src/components/pageRenderingEngine/PageBodyRenderer.tsx
3002
- import { jsx as jsx40 } from "react/jsx-runtime";
3396
+ import { jsx as jsx42 } from "react/jsx-runtime";
3003
3397
  var NodeTypes = {
3004
3398
  ["paragraph"]: ParagraphNode_default,
3005
3399
  ["heading"]: HeadingNode_default,
@@ -3037,14 +3431,14 @@ var PageBodyRenderer = (props) => {
3037
3431
  }
3038
3432
  return true;
3039
3433
  };
3040
- return /* @__PURE__ */ jsx40(React26.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
3434
+ return /* @__PURE__ */ jsx42(React26.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
3041
3435
  {
3042
3436
  }
3043
3437
  const SelectedNode = NodeTypes[node.type];
3044
3438
  if (!shouldRenderNode(node)) {
3045
3439
  return null;
3046
3440
  }
3047
- return /* @__PURE__ */ jsx40(React26.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx40(React26.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx40(React26.Fragment, { children: /* @__PURE__ */ jsx40(
3441
+ return /* @__PURE__ */ jsx42(React26.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx42(React26.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx42(React26.Fragment, { children: /* @__PURE__ */ jsx42(
3048
3442
  SelectedNode,
3049
3443
  {
3050
3444
  node,
@@ -3060,7 +3454,7 @@ var PageBodyRenderer = (props) => {
3060
3454
  device: props.device,
3061
3455
  widgetRenderer: props.widgetRenderer
3062
3456
  }
3063
- ) }) : /* @__PURE__ */ jsx40(React26.Fragment, { children: /* @__PURE__ */ jsx40(
3457
+ ) }) : /* @__PURE__ */ jsx42(React26.Fragment, { children: /* @__PURE__ */ jsx42(
3064
3458
  SelectedNode,
3065
3459
  {
3066
3460
  node,
@@ -3130,7 +3524,7 @@ function EnterAnimationHydrator() {
3130
3524
 
3131
3525
  // src/components/Toast.tsx
3132
3526
  import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
3133
- import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
3527
+ import { Fragment as Fragment7, jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
3134
3528
  var Toast = () => {
3135
3529
  const [showToast, setShowToast] = useState(false);
3136
3530
  const [message, setMessage] = useState("");
@@ -3164,8 +3558,8 @@ var Toast = () => {
3164
3558
  });
3165
3559
  };
3166
3560
  }, [closeToast, showMessage]);
3167
- return /* @__PURE__ */ jsx41(Fragment7, { children: showToast && /* @__PURE__ */ jsx41("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs16("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
3168
- /* @__PURE__ */ jsx41(
3561
+ return /* @__PURE__ */ jsx43(Fragment7, { children: showToast && /* @__PURE__ */ jsx43("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs18("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
3562
+ /* @__PURE__ */ jsx43(
3169
3563
  "span",
3170
3564
  {
3171
3565
  className: "font-medium text-inherit text-sm",
@@ -3173,7 +3567,7 @@ var Toast = () => {
3173
3567
  children: message
3174
3568
  }
3175
3569
  ),
3176
- /* @__PURE__ */ jsx41("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx41(
3570
+ /* @__PURE__ */ jsx43("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx43(
3177
3571
  "svg",
3178
3572
  {
3179
3573
  xmlns: "http://www.w3.org/2000/svg",
@@ -3181,7 +3575,7 @@ var Toast = () => {
3181
3575
  fill: "none",
3182
3576
  viewBox: "0 0 24 24",
3183
3577
  stroke: "currentColor",
3184
- children: /* @__PURE__ */ jsx41("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
3578
+ children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
3185
3579
  }
3186
3580
  ) })
3187
3581
  ] }) }) });
@@ -3191,7 +3585,7 @@ var Toast_default = Toast;
3191
3585
  // src/components/NavigationTabsV2.tsx
3192
3586
  import Link2 from "next/link";
3193
3587
  import { usePathname } from "next/navigation";
3194
- import { jsx as jsx42 } from "react/jsx-runtime";
3588
+ import { jsx as jsx44 } from "react/jsx-runtime";
3195
3589
  function resolveRoutePlaceholders(route, params) {
3196
3590
  return route.replace(/\{([^}]+)\}/g, (match, key) => {
3197
3591
  const value = params[key];
@@ -3216,8 +3610,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
3216
3610
  isActive: tab.isActive
3217
3611
  })) || [];
3218
3612
  if (mappedTabs.length === 0) return null;
3219
- return /* @__PURE__ */ jsx42("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
3220
- return /* @__PURE__ */ jsx42(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx42(
3613
+ return /* @__PURE__ */ jsx44("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
3614
+ return /* @__PURE__ */ jsx44(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx44(
3221
3615
  "div",
3222
3616
  {
3223
3617
  className: `text-sm font-medium border-b-2 px-6 py-2 transition
@@ -3235,46 +3629,46 @@ import { useRouter } from "next/navigation";
3235
3629
 
3236
3630
  // src/components/dataForm/NoContentView.tsx
3237
3631
  import React28 from "react";
3238
- import { jsx as jsx43 } from "react/jsx-runtime";
3632
+ import { jsx as jsx45 } from "react/jsx-runtime";
3239
3633
  var NoContentView = (props) => {
3240
- return /* @__PURE__ */ jsx43(React28.Fragment, { children: props.isDataFound === false && props.children });
3634
+ return /* @__PURE__ */ jsx45(React28.Fragment, { children: props.isDataFound === false && props.children });
3241
3635
  };
3242
3636
  var NoContentView_default = NoContentView;
3243
3637
 
3244
3638
  // src/components/dataForm/ContentView.tsx
3245
3639
  import React29 from "react";
3246
- import { jsx as jsx44, jsxs as jsxs17 } from "react/jsx-runtime";
3640
+ import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
3247
3641
  var ContentView = (props) => {
3248
- return /* @__PURE__ */ jsxs17(React29.Fragment, { children: [
3249
- props.isDataFound == null && /* @__PURE__ */ jsx44("div", { className: "", children: /* @__PURE__ */ jsxs17("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
3250
- /* @__PURE__ */ jsxs17("div", { className: "flex items-center mb-4", children: [
3251
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
3252
- /* @__PURE__ */ jsxs17("div", { className: "ml-2", children: [
3253
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
3254
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
3642
+ return /* @__PURE__ */ jsxs19(React29.Fragment, { children: [
3643
+ props.isDataFound == null && /* @__PURE__ */ jsx46("div", { className: "", children: /* @__PURE__ */ jsxs19("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
3644
+ /* @__PURE__ */ jsxs19("div", { className: "flex items-center mb-4", children: [
3645
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
3646
+ /* @__PURE__ */ jsxs19("div", { className: "ml-2", children: [
3647
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
3648
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
3255
3649
  ] })
3256
3650
  ] }),
3257
- /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
3258
- /* @__PURE__ */ jsxs17("div", { className: "animate-pulse", children: [
3259
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3260
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3261
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3262
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3263
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3651
+ /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
3652
+ /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3653
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3654
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3655
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3656
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3657
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3264
3658
  ] }),
3265
- /* @__PURE__ */ jsxs17("div", { className: "animate-pulse", children: [
3266
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3267
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3268
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3269
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3270
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3659
+ /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3660
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3661
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3662
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3663
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3664
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3271
3665
  ] }),
3272
- /* @__PURE__ */ jsxs17("div", { className: "animate-pulse", children: [
3273
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3274
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3275
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3276
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3277
- /* @__PURE__ */ jsx44("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3666
+ /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
3667
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
3668
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
3669
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
3670
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
3671
+ /* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
3278
3672
  ] })
3279
3673
  ] })
3280
3674
  ] }) }),
@@ -3328,7 +3722,7 @@ function FormReducer(state, action) {
3328
3722
  var FormReducer_default = FormReducer;
3329
3723
 
3330
3724
  // src/components/dataForm/DataList.tsx
3331
- import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
3725
+ import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
3332
3726
  var DataList = (props) => {
3333
3727
  const router = useRouter();
3334
3728
  let builder = new OdataBuilder(props.path);
@@ -3338,6 +3732,9 @@ var DataList = (props) => {
3338
3732
  console.log(props.addLinkText);
3339
3733
  const [isDataFound, setIsDataFound] = useState2(null);
3340
3734
  const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
3735
+ useEffect3(() => {
3736
+ setSearchTerm(props.query?.searchTerm ?? "");
3737
+ }, [props.query?.searchTerm]);
3341
3738
  useEffect3(() => {
3342
3739
  if (props?.dataset) {
3343
3740
  if (props?.dataset.result && props.dataset.result.length > 0) {
@@ -3366,7 +3763,7 @@ var DataList = (props) => {
3366
3763
  if (path.includes(".")) {
3367
3764
  return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
3368
3765
  } else if (Array.isArray(obj[path])) {
3369
- return obj[path].map((item, index) => /* @__PURE__ */ jsx45("div", { children: item }, index));
3766
+ return obj[path].map((item, index) => /* @__PURE__ */ jsx47("div", { children: item }, index));
3370
3767
  } else {
3371
3768
  return obj[path];
3372
3769
  }
@@ -3419,16 +3816,19 @@ var DataList = (props) => {
3419
3816
  }
3420
3817
  const timeout = setTimeout(() => {
3421
3818
  const builder2 = new OdataBuilder(props.path);
3422
- builder2.setQuery({
3423
- ...props.query,
3424
- searchTerm,
3425
- searchCols: getSearchableColumns(),
3426
- $skip: "0"
3427
- });
3819
+ const newQuery = { ...props.query, $skip: "0" };
3820
+ if (searchTerm && searchTerm.trim() !== "") {
3821
+ newQuery.searchTerm = searchTerm.trim();
3822
+ newQuery.searchCols = getSearchableColumns();
3823
+ } else {
3824
+ delete newQuery.searchTerm;
3825
+ delete newQuery.searchCols;
3826
+ }
3827
+ builder2.setQuery(newQuery);
3428
3828
  router.push(builder2.getUrl());
3429
- }, 500);
3829
+ }, 400);
3430
3830
  return () => clearTimeout(timeout);
3431
- }, [searchTerm]);
3831
+ }, [searchTerm, props.query?.searchTerm]);
3432
3832
  builder = builder.setQuery(props.query);
3433
3833
  orderBy = builder.getOrderBy();
3434
3834
  activePageNumber = builder.getPageNumber(Constants.pagesize);
@@ -3445,30 +3845,30 @@ var DataList = (props) => {
3445
3845
  const renderPageNumbers = () => {
3446
3846
  if (pages <= 10) {
3447
3847
  return Array.from({ length: pages }, (_, index) => index + 1).map(
3448
- (page) => /* @__PURE__ */ jsx45(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx45(
3848
+ (page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
3449
3849
  Hyperlink,
3450
3850
  {
3451
3851
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
3452
3852
  href: builder.getNewPageUrl(page),
3453
3853
  children: page
3454
3854
  }
3455
- ) : /* @__PURE__ */ jsx45("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
3855
+ ) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
3456
3856
  );
3457
3857
  } else {
3458
3858
  const showFirstPages = activePageNumber <= 5;
3459
3859
  const showLastPages = activePageNumber > pages - 5;
3460
3860
  if (showFirstPages) {
3461
- return /* @__PURE__ */ jsxs18(Fragment8, { children: [
3462
- Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx45(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx45(
3861
+ return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3862
+ Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
3463
3863
  Hyperlink,
3464
3864
  {
3465
3865
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
3466
3866
  href: builder.getNewPageUrl(page),
3467
3867
  children: page
3468
3868
  }
3469
- ) : /* @__PURE__ */ jsx45("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
3470
- /* @__PURE__ */ jsx45("span", { className: "px-2 py-1", children: "..." }),
3471
- /* @__PURE__ */ jsx45(
3869
+ ) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
3870
+ /* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
3871
+ /* @__PURE__ */ jsx47(
3472
3872
  Hyperlink,
3473
3873
  {
3474
3874
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3476,7 +3876,7 @@ var DataList = (props) => {
3476
3876
  children: pages - 1
3477
3877
  }
3478
3878
  ),
3479
- /* @__PURE__ */ jsx45(
3879
+ /* @__PURE__ */ jsx47(
3480
3880
  Hyperlink,
3481
3881
  {
3482
3882
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3484,7 +3884,7 @@ var DataList = (props) => {
3484
3884
  children: pages
3485
3885
  }
3486
3886
  ),
3487
- /* @__PURE__ */ jsx45("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs18(
3887
+ /* @__PURE__ */ jsx47("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
3488
3888
  "select",
3489
3889
  {
3490
3890
  className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3496,18 +3896,18 @@ var DataList = (props) => {
3496
3896
  }
3497
3897
  },
3498
3898
  children: [
3499
- /* @__PURE__ */ jsx45("option", { className: "", value: "", children: "Jump to" }),
3899
+ /* @__PURE__ */ jsx47("option", { className: "", value: "", children: "Jump to" }),
3500
3900
  Array.from(
3501
3901
  { length: Math.max(0, pages - 10) },
3502
3902
  (_, index) => index + 9
3503
- ).map((page) => /* @__PURE__ */ jsx45("option", { value: page, children: page }, page))
3903
+ ).map((page) => /* @__PURE__ */ jsx47("option", { value: page, children: page }, page))
3504
3904
  ]
3505
3905
  }
3506
3906
  ) })
3507
3907
  ] });
3508
3908
  } else if (showLastPages) {
3509
- return /* @__PURE__ */ jsxs18(Fragment8, { children: [
3510
- /* @__PURE__ */ jsx45(
3909
+ return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3910
+ /* @__PURE__ */ jsx47(
3511
3911
  Hyperlink,
3512
3912
  {
3513
3913
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3515,7 +3915,7 @@ var DataList = (props) => {
3515
3915
  children: "1"
3516
3916
  }
3517
3917
  ),
3518
- /* @__PURE__ */ jsx45(
3918
+ /* @__PURE__ */ jsx47(
3519
3919
  Hyperlink,
3520
3920
  {
3521
3921
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3523,21 +3923,21 @@ var DataList = (props) => {
3523
3923
  children: "2"
3524
3924
  }
3525
3925
  ),
3526
- /* @__PURE__ */ jsx45("span", { className: "px-2 py-1", children: "..." }),
3926
+ /* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
3527
3927
  Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
3528
- (page) => /* @__PURE__ */ jsx45(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx45(
3928
+ (page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
3529
3929
  Hyperlink,
3530
3930
  {
3531
3931
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
3532
3932
  href: builder.getNewPageUrl(page),
3533
3933
  children: page
3534
3934
  }
3535
- ) : /* @__PURE__ */ jsx45("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
3935
+ ) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
3536
3936
  )
3537
3937
  ] });
3538
3938
  } else {
3539
- return /* @__PURE__ */ jsxs18(Fragment8, { children: [
3540
- /* @__PURE__ */ jsx45(
3939
+ return /* @__PURE__ */ jsxs20(Fragment8, { children: [
3940
+ /* @__PURE__ */ jsx47(
3541
3941
  Hyperlink,
3542
3942
  {
3543
3943
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3545,7 +3945,7 @@ var DataList = (props) => {
3545
3945
  children: "1"
3546
3946
  }
3547
3947
  ),
3548
- /* @__PURE__ */ jsx45(
3948
+ /* @__PURE__ */ jsx47(
3549
3949
  Hyperlink,
3550
3950
  {
3551
3951
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3553,20 +3953,20 @@ var DataList = (props) => {
3553
3953
  children: "2"
3554
3954
  }
3555
3955
  ),
3556
- /* @__PURE__ */ jsx45("span", { className: "px-2 py-1", children: "..." }),
3956
+ /* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
3557
3957
  Array.from(
3558
3958
  { length: 5 },
3559
3959
  (_, index) => activePageNumber - 2 + index
3560
- ).map((page) => /* @__PURE__ */ jsx45(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx45(
3960
+ ).map((page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
3561
3961
  Hyperlink,
3562
3962
  {
3563
3963
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
3564
3964
  href: builder.getNewPageUrl(page),
3565
3965
  children: page
3566
3966
  }
3567
- ) : /* @__PURE__ */ jsx45("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
3568
- /* @__PURE__ */ jsx45("span", { className: "px-2 py-1", children: "..." }),
3569
- /* @__PURE__ */ jsx45(
3967
+ ) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
3968
+ /* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
3969
+ /* @__PURE__ */ jsx47(
3570
3970
  Hyperlink,
3571
3971
  {
3572
3972
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3574,7 +3974,7 @@ var DataList = (props) => {
3574
3974
  children: pages - 1
3575
3975
  }
3576
3976
  ),
3577
- /* @__PURE__ */ jsx45(
3977
+ /* @__PURE__ */ jsx47(
3578
3978
  Hyperlink,
3579
3979
  {
3580
3980
  className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3582,7 +3982,7 @@ var DataList = (props) => {
3582
3982
  children: pages
3583
3983
  }
3584
3984
  ),
3585
- /* @__PURE__ */ jsx45("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs18(
3985
+ /* @__PURE__ */ jsx47("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
3586
3986
  "select",
3587
3987
  {
3588
3988
  className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3594,8 +3994,8 @@ var DataList = (props) => {
3594
3994
  }
3595
3995
  },
3596
3996
  children: [
3597
- /* @__PURE__ */ jsx45("option", { value: "", children: "Jump to" }),
3598
- Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx45("option", { value: page, children: page }, page))
3997
+ /* @__PURE__ */ jsx47("option", { value: "", children: "Jump to" }),
3998
+ Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx47("option", { value: page, children: page }, page))
3599
3999
  ]
3600
4000
  }
3601
4001
  ) })
@@ -3603,16 +4003,16 @@ var DataList = (props) => {
3603
4003
  }
3604
4004
  }
3605
4005
  };
3606
- return /* @__PURE__ */ jsxs18(React30.Fragment, { children: [
3607
- /* @__PURE__ */ jsxs18(ContentView_default, { isDataFound, children: [
3608
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs18(
4006
+ return /* @__PURE__ */ jsxs20(React30.Fragment, { children: [
4007
+ /* @__PURE__ */ jsxs20(ContentView_default, { isDataFound, children: [
4008
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
3609
4009
  "div",
3610
4010
  {
3611
4011
  className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
3612
4012
  children: [
3613
- props.title ? /* @__PURE__ */ jsx45("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx45("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx45("div", {}),
3614
- /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
3615
- props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx45(
4013
+ props.title ? /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx47("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx47("div", {}),
4014
+ /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
4015
+ props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx47(
3616
4016
  InputControl_default,
3617
4017
  {
3618
4018
  name: "Search_input",
@@ -3624,7 +4024,7 @@ var DataList = (props) => {
3624
4024
  }
3625
4025
  }
3626
4026
  ),
3627
- props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx45(
4027
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx47(
3628
4028
  InputControl_default,
3629
4029
  {
3630
4030
  name: filter.name,
@@ -3639,15 +4039,15 @@ var DataList = (props) => {
3639
4039
  },
3640
4040
  filter.name
3641
4041
  )),
3642
- props.addLinkHref && /* @__PURE__ */ jsxs18(
4042
+ props.addLinkHref && /* @__PURE__ */ jsxs20(
3643
4043
  Hyperlink,
3644
4044
  {
3645
4045
  className: "gap-1",
3646
4046
  linkType: "Primary" /* Solid */,
3647
4047
  href: props.addLinkHref,
3648
4048
  children: [
3649
- /* @__PURE__ */ jsx45(Icon_default, { name: "plus", className: "w-4 h-4" }),
3650
- /* @__PURE__ */ jsx45("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
4049
+ /* @__PURE__ */ jsx47(Icon_default, { name: "plus", className: "w-4 h-4" }),
4050
+ /* @__PURE__ */ jsx47("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
3651
4051
  ]
3652
4052
  }
3653
4053
  )
@@ -3655,96 +4055,131 @@ var DataList = (props) => {
3655
4055
  ]
3656
4056
  }
3657
4057
  ),
3658
- /* @__PURE__ */ jsx45("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs18("table", { className: "w-full divide-y divide-gray-200", children: [
3659
- /* @__PURE__ */ jsx45("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx45("tr", { children: props?.columns?.map((column) => {
3660
- let url = builder.getNewOrderByUrl(column.name);
3661
- let icon = "chevronUpDown";
3662
- if (orderBy.includes(`${column.name} desc`)) {
3663
- icon = "chevronDown";
3664
- url = builder.getNewOrderByUrl(column.name);
3665
- } else if (orderBy.includes(`${column.name}`)) {
3666
- icon = "chevronUp";
3667
- url = builder.getNewOrderByUrl(column.name + " desc");
3668
- }
3669
- return /* @__PURE__ */ jsx45(
3670
- "th",
3671
- {
3672
- className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
3673
- children: /* @__PURE__ */ jsx45(
3674
- Hyperlink,
3675
- {
3676
- href: column.enableSorting ? url : void 0,
3677
- className: "!text-neutral-contrast ",
3678
- children: /* @__PURE__ */ jsxs18("span", { className: "flex items-center space-x-1", children: [
3679
- /* @__PURE__ */ jsx45("span", { className: "text-black", children: column.label }),
3680
- column.enableSorting && /* @__PURE__ */ jsx45(Icon_default, { className: "w-4 h-4", name: icon })
3681
- ] })
3682
- }
3683
- )
3684
- },
3685
- column.name
3686
- );
3687
- }) }) }),
3688
- /* @__PURE__ */ jsx45("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
3689
- let validityClass = "";
3690
- if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
3691
- validityClass = "bg-alert-200";
3692
- }
3693
- return /* @__PURE__ */ jsx45("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
3694
- return /* @__PURE__ */ jsx45(React30.Fragment, { children: /* @__PURE__ */ jsx45(
3695
- "td",
4058
+ /* @__PURE__ */ jsx47("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs20("table", { className: "w-full divide-y divide-gray-200", children: [
4059
+ /* @__PURE__ */ jsx47("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsxs20("tr", { children: [
4060
+ props?.columns?.map((column) => {
4061
+ let url = builder.getNewOrderByUrl(column.name);
4062
+ let icon = "chevronUpDown";
4063
+ if (orderBy.includes(`${column.name} desc`)) {
4064
+ icon = "chevronDown";
4065
+ url = builder.getNewOrderByUrl(column.name);
4066
+ } else if (orderBy.includes(`${column.name}`)) {
4067
+ icon = "chevronUp";
4068
+ url = builder.getNewOrderByUrl(column.name + " desc");
4069
+ }
4070
+ return /* @__PURE__ */ jsx47(
4071
+ "th",
3696
4072
  {
3697
- className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
3698
- children: column.addhref === true ? /* @__PURE__ */ jsx45(
3699
- Hyperlink,
3700
- {
3701
- className: "",
3702
- href: `https://${dataitem[column.name]}`,
3703
- children: /* @__PURE__ */ jsx45(
3704
- ViewControl_default,
3705
- {
3706
- controlType: column.controlType,
3707
- value: getNestedProperty2(
3708
- dataitem,
3709
- column.name
3710
- ),
3711
- format: column.format,
3712
- customProps: column.customProps
3713
- }
3714
- )
3715
- }
3716
- ) : column.showAsLink ? /* @__PURE__ */ jsx45(
4073
+ className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
4074
+ children: /* @__PURE__ */ jsx47(
3717
4075
  Hyperlink,
3718
4076
  {
3719
- href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
3720
- children: /* @__PURE__ */ jsx45(
3721
- ViewControl_default,
3722
- {
3723
- controlType: column.controlType,
3724
- value: getNestedProperty2(dataitem, column.name) || column.emptyValueLabel,
3725
- format: column.format,
3726
- customProps: column.customProps
3727
- }
3728
- )
3729
- }
3730
- ) : /* @__PURE__ */ jsx45(
3731
- ViewControl_default,
3732
- {
3733
- controlType: column.controlType,
3734
- value: getNestedProperty2(dataitem, column.name),
3735
- format: column.format,
3736
- customProps: column.customProps
4077
+ href: column.enableSorting ? url : void 0,
4078
+ className: "!text-neutral-contrast ",
4079
+ children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
4080
+ /* @__PURE__ */ jsx47("span", { className: "text-black", children: column.label }),
4081
+ column.enableSorting && /* @__PURE__ */ jsx47(Icon_default, { className: "w-4 h-4", name: icon })
4082
+ ] })
3737
4083
  }
3738
4084
  )
4085
+ },
4086
+ column.name
4087
+ );
4088
+ }),
4089
+ props.onQuickView && /* @__PURE__ */ jsx47("th", { className: "px-6 py-3 text-right font-medium bg-neutral-soft w-32 text-black", children: "Action" })
4090
+ ] }) }),
4091
+ /* @__PURE__ */ jsx47("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
4092
+ let validityClass = "";
4093
+ if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
4094
+ validityClass = "bg-alert-200";
4095
+ }
4096
+ return /* @__PURE__ */ jsxs20("tr", { className: validityClass, children: [
4097
+ props?.columns?.map((column, colindex) => {
4098
+ return /* @__PURE__ */ jsx47(React30.Fragment, { children: /* @__PURE__ */ jsx47(
4099
+ "td",
4100
+ {
4101
+ className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
4102
+ children: column.addhref === true ? /* @__PURE__ */ jsx47(
4103
+ Hyperlink,
4104
+ {
4105
+ className: "",
4106
+ href: `https://${dataitem[column.name]}`,
4107
+ children: /* @__PURE__ */ jsx47(
4108
+ ViewControl_default,
4109
+ {
4110
+ controlType: column.controlType,
4111
+ value: getNestedProperty2(
4112
+ dataitem,
4113
+ column.name
4114
+ ),
4115
+ format: column.format,
4116
+ customProps: column.customProps
4117
+ }
4118
+ )
4119
+ }
4120
+ ) : column.showAsLink ? /* @__PURE__ */ jsx47(
4121
+ Hyperlink,
4122
+ {
4123
+ href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
4124
+ children: /* @__PURE__ */ jsx47(
4125
+ ViewControl_default,
4126
+ {
4127
+ controlType: column.controlType,
4128
+ value: getNestedProperty2(dataitem, column.name) || column.emptyValueLabel,
4129
+ format: column.format,
4130
+ customProps: column.customProps
4131
+ }
4132
+ )
4133
+ }
4134
+ ) : /* @__PURE__ */ jsx47(
4135
+ ViewControl_default,
4136
+ {
4137
+ controlType: column.controlType,
4138
+ value: getNestedProperty2(dataitem, column.name),
4139
+ format: column.format,
4140
+ customProps: column.customProps
4141
+ }
4142
+ )
4143
+ }
4144
+ ) }, colindex);
4145
+ }),
4146
+ props.onQuickView && /* @__PURE__ */ jsx47("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs20(
4147
+ "button",
4148
+ {
4149
+ type: "button",
4150
+ onClick: (e) => {
4151
+ e.stopPropagation();
4152
+ props.onQuickView(dataitem);
4153
+ },
4154
+ className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
4155
+ children: [
4156
+ /* @__PURE__ */ jsxs20(
4157
+ "svg",
4158
+ {
4159
+ className: "w-3.5 h-3.5",
4160
+ fill: "none",
4161
+ viewBox: "0 0 24 24",
4162
+ stroke: "currentColor",
4163
+ strokeWidth: 2,
4164
+ strokeLinecap: "round",
4165
+ strokeLinejoin: "round",
4166
+ children: [
4167
+ /* @__PURE__ */ jsx47("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
4168
+ /* @__PURE__ */ jsx47("circle", { cx: "12", cy: "12", r: "3" })
4169
+ ]
4170
+ }
4171
+ ),
4172
+ /* @__PURE__ */ jsx47("span", { children: props.quickViewLabel || "Quick View" })
4173
+ ]
3739
4174
  }
3740
- ) }, colindex);
3741
- }) }, index);
4175
+ ) })
4176
+ ] }, index);
3742
4177
  }) })
3743
4178
  ] }) }),
3744
- /* @__PURE__ */ jsx45("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
3745
- /* @__PURE__ */ jsx45("div", { className: "text-gray-700", children: label }),
3746
- /* @__PURE__ */ jsxs18("div", { className: "flex space-x-2 items-center", children: [
3747
- activePageNumber > 1 && /* @__PURE__ */ jsx45(
4179
+ /* @__PURE__ */ jsx47("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
4180
+ /* @__PURE__ */ jsx47("div", { className: "text-gray-700", children: label }),
4181
+ /* @__PURE__ */ jsxs20("div", { className: "flex space-x-2 items-center", children: [
4182
+ activePageNumber > 1 && /* @__PURE__ */ jsx47(
3748
4183
  Hyperlink,
3749
4184
  {
3750
4185
  className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -3752,9 +4187,9 @@ var DataList = (props) => {
3752
4187
  children: "Prev"
3753
4188
  }
3754
4189
  ),
3755
- activePageNumber <= 1 && /* @__PURE__ */ jsx45("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" }),
4190
+ activePageNumber <= 1 && /* @__PURE__ */ jsx47("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" }),
3756
4191
  renderPageNumbers(),
3757
- activePageNumber < pages && /* @__PURE__ */ jsx45(
4192
+ activePageNumber < pages && /* @__PURE__ */ jsx47(
3758
4193
  Hyperlink,
3759
4194
  {
3760
4195
  className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -3762,19 +4197,19 @@ var DataList = (props) => {
3762
4197
  children: "Next"
3763
4198
  }
3764
4199
  ),
3765
- activePageNumber >= pages && /* @__PURE__ */ jsx45("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
4200
+ activePageNumber >= pages && /* @__PURE__ */ jsx47("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
3766
4201
  ] })
3767
4202
  ] }) })
3768
4203
  ] }),
3769
- /* @__PURE__ */ jsxs18(NoContentView_default, { isDataFound, children: [
3770
- (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs18(
4204
+ /* @__PURE__ */ jsxs20(NoContentView_default, { isDataFound, children: [
4205
+ (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
3771
4206
  "div",
3772
4207
  {
3773
4208
  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`,
3774
4209
  children: [
3775
- props.title ? /* @__PURE__ */ jsx45("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx45("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx45("div", {}),
3776
- /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
3777
- props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx45(
4210
+ props.title ? /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx47("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx47("div", {}),
4211
+ /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
4212
+ props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx47(
3778
4213
  InputControl_default,
3779
4214
  {
3780
4215
  name: "Search_input",
@@ -3786,7 +4221,7 @@ var DataList = (props) => {
3786
4221
  }
3787
4222
  }
3788
4223
  ),
3789
- props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx45(
4224
+ props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx47(
3790
4225
  InputControl_default,
3791
4226
  {
3792
4227
  name: filter.name,
@@ -3801,15 +4236,15 @@ var DataList = (props) => {
3801
4236
  },
3802
4237
  filter.name
3803
4238
  )),
3804
- props.addLinkHref && /* @__PURE__ */ jsxs18(
4239
+ props.addLinkHref && /* @__PURE__ */ jsxs20(
3805
4240
  Hyperlink,
3806
4241
  {
3807
4242
  className: "gap-1",
3808
4243
  linkType: "Primary" /* Solid */,
3809
4244
  href: props.addLinkHref,
3810
4245
  children: [
3811
- /* @__PURE__ */ jsx45(Icon_default, { name: "plus", className: "w-4 h-4" }),
3812
- /* @__PURE__ */ jsx45("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
4246
+ /* @__PURE__ */ jsx47(Icon_default, { name: "plus", className: "w-4 h-4" }),
4247
+ /* @__PURE__ */ jsx47("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
3813
4248
  ]
3814
4249
  }
3815
4250
  )
@@ -3817,8 +4252,8 @@ var DataList = (props) => {
3817
4252
  ]
3818
4253
  }
3819
4254
  ),
3820
- /* @__PURE__ */ jsxs18("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
3821
- /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx45("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx45("tr", { children: props?.columns?.map((column) => {
4255
+ /* @__PURE__ */ jsxs20("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
4256
+ /* @__PURE__ */ jsx47("div", { children: /* @__PURE__ */ jsx47("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx47("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx47("tr", { children: props?.columns?.map((column) => {
3822
4257
  let url = builder.getNewOrderByUrl(column.name);
3823
4258
  let icon = "chevronUpDown";
3824
4259
  if (orderBy.includes(`${column.name} desc`)) {
@@ -3828,18 +4263,18 @@ var DataList = (props) => {
3828
4263
  icon = "chevronUp";
3829
4264
  url = builder.getNewOrderByUrl(column.name + " desc");
3830
4265
  }
3831
- return /* @__PURE__ */ jsx45(
4266
+ return /* @__PURE__ */ jsx47(
3832
4267
  "th",
3833
4268
  {
3834
4269
  className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
3835
- children: /* @__PURE__ */ jsx45(
4270
+ children: /* @__PURE__ */ jsx47(
3836
4271
  Hyperlink,
3837
4272
  {
3838
4273
  href: column.enableSorting ? url : void 0,
3839
4274
  className: "text-body-950",
3840
- children: /* @__PURE__ */ jsxs18("span", { className: "flex items-center space-x-1", children: [
3841
- /* @__PURE__ */ jsx45("span", { children: column.label }),
3842
- column.enableSorting && /* @__PURE__ */ jsx45(Icon_default, { className: "w-4 h-4", name: icon })
4275
+ children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
4276
+ /* @__PURE__ */ jsx47("span", { children: column.label }),
4277
+ column.enableSorting && /* @__PURE__ */ jsx47(Icon_default, { className: "w-4 h-4", name: icon })
3843
4278
  ] })
3844
4279
  }
3845
4280
  )
@@ -3847,7 +4282,7 @@ var DataList = (props) => {
3847
4282
  column.name
3848
4283
  );
3849
4284
  }) }) }) }) }),
3850
- /* @__PURE__ */ jsx45("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
4285
+ /* @__PURE__ */ jsx47("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
3851
4286
  ] })
3852
4287
  ] })
3853
4288
  ] });
@@ -3857,7 +4292,7 @@ var DataList_default = DataList;
3857
4292
  // src/components/dataForm/DataListRenderer.tsx
3858
4293
  import React31, { useState as useState3, useEffect as useEffect4 } from "react";
3859
4294
  import { usePathname as usePathname2 } from "next/navigation";
3860
- import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
4295
+ import { jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
3861
4296
  var viewControlMap = {
3862
4297
  number: ViewControlTypes.number,
3863
4298
  lineText: ViewControlTypes.lineText,
@@ -3952,13 +4387,13 @@ var DataListRenderer = ({
3952
4387
  isActive: landingPageUrl === pathname
3953
4388
  };
3954
4389
  });
3955
- return /* @__PURE__ */ jsxs19(React31.Fragment, { children: [
4390
+ return /* @__PURE__ */ jsxs21(React31.Fragment, { children: [
3956
4391
  resolvedTabs.length > 0 && // <NavigationTabsV2
3957
4392
  // tabs={resolvedTabs}
3958
4393
  // params={(widgetProps?.params ?? params) as Record<string, any>}
3959
4394
  // />
3960
- /* @__PURE__ */ jsx46(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
3961
- /* @__PURE__ */ jsx46(
4395
+ /* @__PURE__ */ jsx48(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
4396
+ /* @__PURE__ */ jsx48(
3962
4397
  DataList_default,
3963
4398
  {
3964
4399
  addLinkHref,
@@ -4003,7 +4438,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
4003
4438
  var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
4004
4439
 
4005
4440
  // src/components/dataForm/DataFormChildSection.tsx
4006
- import { jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
4441
+ import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
4007
4442
  var DataFormChildSection = (props) => {
4008
4443
  const { section } = props;
4009
4444
  const isOneToOne = section.relationshipType === "one-to-one";
@@ -4071,14 +4506,14 @@ var DataFormChildSection = (props) => {
4071
4506
  childItemsToRender,
4072
4507
  allChildItems: childItems
4073
4508
  });
4074
- return /* @__PURE__ */ jsx47(React32.Fragment, { children: /* @__PURE__ */ jsxs20("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
4075
- section.sectionTitle && /* @__PURE__ */ jsx47("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
4076
- /* @__PURE__ */ jsx47("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col justify-between gap-2", children: [
4077
- /* @__PURE__ */ jsx47("div", { children: /* @__PURE__ */ jsxs20("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
4078
- (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx47("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
4079
- return /* @__PURE__ */ jsxs20("tr", { className: "", children: [
4509
+ return /* @__PURE__ */ jsx49(React32.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
4510
+ section.sectionTitle && /* @__PURE__ */ jsx49("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
4511
+ /* @__PURE__ */ jsx49("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-between gap-2", children: [
4512
+ /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsxs22("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
4513
+ (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx49("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
4514
+ return /* @__PURE__ */ jsxs22("tr", { className: "", children: [
4080
4515
  sectionRow.elements.map((field, index) => {
4081
- return /* @__PURE__ */ jsx47(
4516
+ return /* @__PURE__ */ jsx49(
4082
4517
  "th",
4083
4518
  {
4084
4519
  className: "py-3 font-normal text-left",
@@ -4087,21 +4522,21 @@ var DataFormChildSection = (props) => {
4087
4522
  field.name
4088
4523
  );
4089
4524
  }),
4090
- !section.readonly && !isOneToOne && /* @__PURE__ */ jsx47("th", { className: "py-3 font-normal text-left", children: "Actions" })
4525
+ !section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("th", { className: "py-3 font-normal text-left", children: "Actions" })
4091
4526
  ] }, sectionRowIndex);
4092
4527
  }) }),
4093
- /* @__PURE__ */ jsx47("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
4528
+ /* @__PURE__ */ jsx49("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
4094
4529
  const { item, originalIndex } = visibleItem;
4095
4530
  const rowKey = originalIndex;
4096
- return /* @__PURE__ */ jsx47(React32.Fragment, { children: section.sectionRows.map(
4531
+ return /* @__PURE__ */ jsx49(React32.Fragment, { children: section.sectionRows.map(
4097
4532
  (sectionRow, sectionRowIndex) => {
4098
- return /* @__PURE__ */ jsxs20(
4533
+ return /* @__PURE__ */ jsxs22(
4099
4534
  "tr",
4100
4535
  {
4101
4536
  className: "",
4102
4537
  children: [
4103
4538
  sectionRow.elements.map((field, index) => {
4104
- return /* @__PURE__ */ jsx47("td", { children: /* @__PURE__ */ jsx47("div", { className: "flex-1", children: /* @__PURE__ */ jsx47("div", { className: "w-11/12", children: /* @__PURE__ */ jsx47(
4539
+ return /* @__PURE__ */ jsx49("td", { children: /* @__PURE__ */ jsx49("div", { className: "flex-1", children: /* @__PURE__ */ jsx49("div", { className: "w-11/12", children: /* @__PURE__ */ jsx49(
4105
4540
  InputControl_default,
4106
4541
  {
4107
4542
  index: filteredIndex,
@@ -4121,7 +4556,7 @@ var DataFormChildSection = (props) => {
4121
4556
  }
4122
4557
  ) }) }) }, field.name);
4123
4558
  }),
4124
- !section.readonly && !isOneToOne && /* @__PURE__ */ jsx47("td", { children: /* @__PURE__ */ jsx47(
4559
+ !section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("td", { children: /* @__PURE__ */ jsx49(
4125
4560
  ClientButton_default,
4126
4561
  {
4127
4562
  ButtonType: StyleTypes2.Hollow,
@@ -4130,7 +4565,7 @@ var DataFormChildSection = (props) => {
4130
4565
  },
4131
4566
  dataRole: "delete",
4132
4567
  tabIndex: -1,
4133
- children: /* @__PURE__ */ jsx47(
4568
+ children: /* @__PURE__ */ jsx49(
4134
4569
  Icon_default,
4135
4570
  {
4136
4571
  className: "w-4 h-4",
@@ -4147,7 +4582,7 @@ var DataFormChildSection = (props) => {
4147
4582
  ) }, rowKey);
4148
4583
  }) })
4149
4584
  ] }) }),
4150
- !section.readonly && !isOneToOne && /* @__PURE__ */ jsx47("div", { className: "ml-1", children: /* @__PURE__ */ jsx47(
4585
+ !section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("div", { className: "ml-1", children: /* @__PURE__ */ jsx49(
4151
4586
  ClientButton_default,
4152
4587
  {
4153
4588
  ButtonType: "Link" /* Link */,
@@ -4162,7 +4597,7 @@ var DataFormChildSection = (props) => {
4162
4597
  var DataFormChildSection_default = DataFormChildSection;
4163
4598
 
4164
4599
  // src/components/dataForm/DataForm.tsx
4165
- import { jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
4600
+ import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
4166
4601
  var DataForm = (props) => {
4167
4602
  const formRef = useRef2(null);
4168
4603
  console.log(props.dataItem, "dssads");
@@ -4382,19 +4817,19 @@ var DataForm = (props) => {
4382
4817
  return false;
4383
4818
  }
4384
4819
  }
4385
- return /* @__PURE__ */ jsx48(React33.Fragment, { children: /* @__PURE__ */ jsxs21("div", { className: "flex-grow flex flex-col", children: [
4386
- props.title && /* @__PURE__ */ jsx48("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs21(
4820
+ return /* @__PURE__ */ jsx50(React33.Fragment, { children: /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
4821
+ props.title && /* @__PURE__ */ jsx50("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs23(
4387
4822
  "div",
4388
4823
  {
4389
4824
  className: "inline-flex items-center gap-2 cursor-pointer",
4390
4825
  onClick: () => window.history.back(),
4391
4826
  children: [
4392
- /* @__PURE__ */ jsx48(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
4393
- /* @__PURE__ */ jsx48("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
4827
+ /* @__PURE__ */ jsx50(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
4828
+ /* @__PURE__ */ jsx50("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
4394
4829
  ]
4395
4830
  }
4396
4831
  ) }),
4397
- /* @__PURE__ */ jsx48(
4832
+ /* @__PURE__ */ jsx50(
4398
4833
  "form",
4399
4834
  {
4400
4835
  className: "group space-y-6 pb-6 overflow-y-auto",
@@ -4415,8 +4850,8 @@ var DataForm = (props) => {
4415
4850
  }
4416
4851
  }
4417
4852
  },
4418
- children: /* @__PURE__ */ jsx48("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
4419
- return /* @__PURE__ */ jsx48(React33.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs21("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4853
+ children: /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
4854
+ return /* @__PURE__ */ jsx50(React33.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs23("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
4420
4855
  section.sectionRows?.map(
4421
4856
  (sectionRow, sectionRowIndex) => {
4422
4857
  const elementsCount = sectionRow.elements.length;
@@ -4427,14 +4862,14 @@ var DataForm = (props) => {
4427
4862
  sectionRow.visible
4428
4863
  );
4429
4864
  }
4430
- return /* @__PURE__ */ jsx48(React33.Fragment, { children: isVisible && /* @__PURE__ */ jsx48("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
4431
- return /* @__PURE__ */ jsxs21(
4865
+ return /* @__PURE__ */ jsx50(React33.Fragment, { children: isVisible && /* @__PURE__ */ jsx50("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
4866
+ return /* @__PURE__ */ jsxs23(
4432
4867
  "div",
4433
4868
  {
4434
4869
  className: sectionRow.grow ? "grow" : "",
4435
4870
  children: [
4436
- /* @__PURE__ */ jsx48("div", { children: field.controlType }),
4437
- /* @__PURE__ */ jsx48(
4871
+ /* @__PURE__ */ jsx50("div", { children: field.controlType }),
4872
+ /* @__PURE__ */ jsx50(
4438
4873
  InputControl_default,
4439
4874
  {
4440
4875
  name: field.name,
@@ -4464,12 +4899,12 @@ var DataForm = (props) => {
4464
4899
  }) }) }, sectionRowIndex);
4465
4900
  }
4466
4901
  ),
4467
- /* @__PURE__ */ jsx48("div", { children: section.childSections?.map(
4902
+ /* @__PURE__ */ jsx50("div", { children: section.childSections?.map(
4468
4903
  (childSection, childSectionIndex) => {
4469
- return /* @__PURE__ */ jsx48("div", { children: childSection.name && evalutateCondition(
4904
+ return /* @__PURE__ */ jsx50("div", { children: childSection.name && evalutateCondition(
4470
4905
  formState.inputValues,
4471
4906
  childSection.visible
4472
- ) && /* @__PURE__ */ jsx48(
4907
+ ) && /* @__PURE__ */ jsx50(
4473
4908
  DataFormChildSection_default,
4474
4909
  {
4475
4910
  section: childSection,
@@ -4484,8 +4919,8 @@ var DataForm = (props) => {
4484
4919
  }) })
4485
4920
  }
4486
4921
  ),
4487
- /* @__PURE__ */ jsxs21("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4488
- /* @__PURE__ */ jsx48("div", { children: props.additionalActions && /* @__PURE__ */ jsx48(
4922
+ /* @__PURE__ */ jsxs23("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
4923
+ /* @__PURE__ */ jsx50("div", { children: props.additionalActions && /* @__PURE__ */ jsx50(
4489
4924
  Button_default,
4490
4925
  {
4491
4926
  ButtonType: "PrimaryHollow" /* Hollow */,
@@ -4493,7 +4928,7 @@ var DataForm = (props) => {
4493
4928
  children: props.additionalActions.title
4494
4929
  }
4495
4930
  ) }),
4496
- /* @__PURE__ */ jsx48("div", { children: props.onDelete && /* @__PURE__ */ jsx48(
4931
+ /* @__PURE__ */ jsx50("div", { children: props.onDelete && /* @__PURE__ */ jsx50(
4497
4932
  Button_default,
4498
4933
  {
4499
4934
  ButtonType: "PrimaryHollow" /* Hollow */,
@@ -4504,7 +4939,7 @@ var DataForm = (props) => {
4504
4939
  children: "Delete"
4505
4940
  }
4506
4941
  ) }),
4507
- /* @__PURE__ */ jsx48("div", { children: props.onClick && /* @__PURE__ */ jsx48(
4942
+ /* @__PURE__ */ jsx50("div", { children: props.onClick && /* @__PURE__ */ jsx50(
4508
4943
  Button_default,
4509
4944
  {
4510
4945
  onValidate,
@@ -4521,7 +4956,7 @@ var DataForm = (props) => {
4521
4956
  var DataForm_default = DataForm;
4522
4957
 
4523
4958
  // src/components/dataForm/DataFormRenderer.tsx
4524
- import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
4959
+ import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
4525
4960
  function getAction(actions, code) {
4526
4961
  return actions?.find((a) => a.actionCode === code);
4527
4962
  }
@@ -4547,9 +4982,9 @@ var DataFormRenderer = ({
4547
4982
  "Delete"
4548
4983
  );
4549
4984
  const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
4550
- return /* @__PURE__ */ jsxs22("div", { className: "flex-grow flex flex-col", children: [
4551
- widgetProps && /* @__PURE__ */ jsx49(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
4552
- /* @__PURE__ */ jsx49(
4985
+ return /* @__PURE__ */ jsxs24("div", { className: "flex-grow flex flex-col", children: [
4986
+ widgetProps && /* @__PURE__ */ jsx51(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
4987
+ /* @__PURE__ */ jsx51(
4553
4988
  DataForm_default,
4554
4989
  {
4555
4990
  title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",