@apexcura/ui-components 0.0.15-Beta64 → 0.0.15-Beta67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +1 -4
  2. package/dist/index.d.ts +1 -4
  3. package/dist/index.js +159 -112
  4. package/dist/index.mjs +56 -9
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -107,10 +107,7 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
107
107
 
108
108
  declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
109
109
 
110
- interface ElementExecuterProps extends ElementType {
111
- onChange: (value: string | number | object | boolean | any[] | undefined) => void;
112
- }
113
- declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
110
+ declare const CkEditor: (props: ElementType) => React$1.JSX.Element;
114
111
 
115
112
  declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
116
113
 
package/dist/index.d.ts CHANGED
@@ -107,10 +107,7 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
107
107
 
108
108
  declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
109
109
 
110
- interface ElementExecuterProps extends ElementType {
111
- onChange: (value: string | number | object | boolean | any[] | undefined) => void;
112
- }
113
- declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
110
+ declare const CkEditor: (props: ElementType) => React$1.JSX.Element;
114
111
 
115
112
  declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
116
113
 
package/dist/index.js CHANGED
@@ -87,6 +87,7 @@ var TextElement = (props) => {
87
87
  type: props.type,
88
88
  status: props.status,
89
89
  className: props.className,
90
+ disabled: props.disabled,
90
91
  onChange: (e) => {
91
92
  handleChange(e);
92
93
  }
@@ -321,13 +322,59 @@ var CheckboxElement = (props) => {
321
322
  };
322
323
 
323
324
  // src/Components/CkEditor.tsx
324
- var import_react8 = __toESM(require("react"));
325
+ var import_react8 = require("react");
326
+ var import_tinymce_react = require("@tinymce/tinymce-react");
327
+ var import_react9 = __toESM(require("react"));
325
328
  var CkEditor = (props) => {
326
- return /* @__PURE__ */ import_react8.default.createElement("div", null);
329
+ const editorRef = (0, import_react8.useRef)(null);
330
+ const log = () => {
331
+ if (editorRef.current) {
332
+ let content = editorRef.current.getContent();
333
+ if (props.onChange) {
334
+ props.onChange(content);
335
+ }
336
+ }
337
+ };
338
+ return /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(
339
+ import_tinymce_react.Editor,
340
+ {
341
+ apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
342
+ onInit: (_evt, editor) => {
343
+ if (editor) editorRef.current = editor;
344
+ },
345
+ initialValue: "<p>This is the initial content of the editor.</p>",
346
+ init: {
347
+ height: 500,
348
+ menubar: false,
349
+ plugins: [
350
+ "advlist",
351
+ "autolink",
352
+ "lists",
353
+ "link",
354
+ "image",
355
+ "charmap",
356
+ "preview",
357
+ "anchor",
358
+ "searchreplace",
359
+ "visualblocks",
360
+ "code",
361
+ "fullscreen",
362
+ "insertdatetime",
363
+ "media",
364
+ "table",
365
+ "code",
366
+ "help",
367
+ "wordcount"
368
+ ],
369
+ toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
370
+ content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
371
+ }
372
+ }
373
+ ), /* @__PURE__ */ import_react9.default.createElement("button", { onClick: log }, "Log editor content"));
327
374
  };
328
375
 
329
376
  // src/Components/Select/SingleSelectElement.tsx
330
- var import_react9 = __toESM(require("react"));
377
+ var import_react10 = __toESM(require("react"));
331
378
  var import_antd8 = require("antd");
332
379
  var onSearch = (value) => {
333
380
  };
@@ -342,7 +389,7 @@ var SingleSelectElement = (props) => {
342
389
  props.onChange([selectedOption]);
343
390
  }
344
391
  };
345
- return /* @__PURE__ */ import_react9.default.createElement(
392
+ return /* @__PURE__ */ import_react10.default.createElement(
346
393
  import_antd8.Select,
347
394
  {
348
395
  showSearch: true,
@@ -361,7 +408,7 @@ var SingleSelectElement = (props) => {
361
408
  };
362
409
 
363
410
  // src/Components/Select/MultipleSelectElement.tsx
364
- var import_react10 = __toESM(require("react"));
411
+ var import_react11 = __toESM(require("react"));
365
412
  var import_antd9 = require("antd");
366
413
  var MultipleSelectElement = (props) => {
367
414
  const handleChange = (values) => {
@@ -373,7 +420,7 @@ var MultipleSelectElement = (props) => {
373
420
  props.onChange(selectedOptions);
374
421
  }
375
422
  };
376
- return /* @__PURE__ */ import_react10.default.createElement(
423
+ return /* @__PURE__ */ import_react11.default.createElement(
377
424
  import_antd9.Select,
378
425
  {
379
426
  mode: "multiple",
@@ -385,88 +432,88 @@ var MultipleSelectElement = (props) => {
385
432
  };
386
433
 
387
434
  // src/Components/Button.tsx
388
- var import_react12 = __toESM(require("react"));
435
+ var import_react13 = __toESM(require("react"));
389
436
 
390
437
  // src/constants/icons.tsx
391
- var import_react11 = __toESM(require("react"));
438
+ var import_react12 = __toESM(require("react"));
392
439
  var icons = {
393
- download: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
440
+ download: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
394
441
  "path",
395
442
  {
396
443
  d: "M6.39023 19.49H18.9902C19.2452 19.49 19.459 19.5763 19.6315 19.7488C19.804 19.9213 19.8902 20.135 19.8902 20.39C19.8902 20.645 19.804 20.8588 19.6315 21.0313C19.459 21.2038 19.2452 21.29 18.9902 21.29H6.39023C6.13523 21.29 5.92148 21.2038 5.74898 21.0313C5.57648 20.8588 5.49023 20.645 5.49023 20.39C5.49023 20.135 5.57648 19.9213 5.74898 19.7488C5.92148 19.5763 6.13523 19.49 6.39023 19.49ZM12.6902 17.1275C12.5552 17.1275 12.424 17.0975 12.2965 17.0375C12.169 16.9775 12.0602 16.8875 11.9702 16.7675L7.51523 11.0525C7.29023 10.7525 7.26023 10.4338 7.42523 10.0963C7.59023 9.75879 7.86023 9.59004 8.23523 9.59004H9.99023V4.19004C9.99023 3.93504 10.0765 3.72129 10.249 3.54879C10.4215 3.37629 10.6352 3.29004 10.8902 3.29004H14.4902C14.7452 3.29004 14.959 3.37629 15.1315 3.54879C15.304 3.72129 15.3902 3.93504 15.3902 4.19004V9.59004H17.1452C17.5202 9.59004 17.7902 9.75879 17.9552 10.0963C18.1202 10.4338 18.0902 10.7525 17.8652 11.0525L13.4102 16.7675C13.3202 16.8875 13.2115 16.9775 13.084 17.0375C12.9565 17.0975 12.8252 17.1275 12.6902 17.1275Z",
397
444
  fill: "#505050"
398
445
  }
399
446
  )),
400
- save: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 27 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
447
+ save: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 27 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
401
448
  "path",
402
449
  {
403
450
  d: "M18.4602 4.67108H6.6883C5.5994 4.67108 4.72632 5.55397 4.72632 6.63306V20.3669C4.72632 21.446 5.5994 22.3289 6.6883 22.3289H20.4222C21.5013 22.3289 22.3842 21.446 22.3842 20.3669V8.59505L18.4602 4.67108ZM13.5552 20.3669C11.9268 20.3669 10.6123 19.0524 10.6123 17.424C10.6123 15.7955 11.9268 14.481 13.5552 14.481C15.1837 14.481 16.4982 15.7955 16.4982 17.424C16.4982 19.0524 15.1837 20.3669 13.5552 20.3669ZM16.4982 10.557H6.6883V6.63306H16.4982V10.557Z",
404
451
  fill: "#A3A3A3"
405
452
  }
406
453
  )),
407
- filter: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
454
+ filter: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
408
455
  "path",
409
456
  {
410
457
  d: "M3.92978 5.0621C6.21468 7.99174 10.4338 13.4212 10.4338 13.4212V20.208C10.4338 20.8301 10.9428 21.3391 11.5649 21.3391H13.8272C14.4493 21.3391 14.9584 20.8301 14.9584 20.208V13.4212C14.9584 13.4212 19.1662 7.99174 21.4511 5.0621C22.028 4.31555 21.4963 3.24097 20.5575 3.24097H4.82338C3.88454 3.24097 3.3529 4.31555 3.92978 5.0621Z",
411
458
  fill: "#505050"
412
459
  }
413
460
  )),
414
- logout: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
461
+ logout: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
415
462
  "path",
416
463
  {
417
464
  d: "M4.3457 3.87939C3.79342 3.87939 3.3457 4.32711 3.3457 4.87939V20.441C3.3457 20.9933 3.79342 21.441 4.3457 21.441H13.8618C14.4141 21.441 14.8618 20.9933 14.8618 20.441V15.1346C14.8618 14.8585 14.6379 14.6346 14.3618 14.6346H8.03954C7.48725 14.6346 7.03954 14.1869 7.03954 13.6346V10.7859C7.03954 10.2336 7.48725 9.78585 8.03954 9.78585H14.3618C14.6379 9.78585 14.8618 9.562 14.8618 9.28585V4.87939C14.8618 4.32711 14.4141 3.87939 13.8618 3.87939H4.3457Z",
418
465
  fill: "#505050"
419
466
  }
420
- ), /* @__PURE__ */ import_react11.default.createElement(
467
+ ), /* @__PURE__ */ import_react12.default.createElement(
421
468
  "path",
422
469
  {
423
470
  d: "M16.6159 7.55579L15.2915 8.88016L17.7511 11.3397H8.10205V13.2317H17.7511L15.2915 15.6912L16.6159 17.0156L21.3458 12.2857L16.6159 7.55579Z",
424
471
  fill: "#505050"
425
472
  }
426
473
  )),
427
- patient: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
474
+ patient: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
428
475
  "path",
429
476
  {
430
477
  d: "M11.9997 15.8119C12.379 15.8119 12.7012 15.679 12.9664 15.4132C13.2322 15.148 13.3651 14.8258 13.3651 14.4465V13.5363H14.2753C14.6546 13.5363 14.9768 13.4034 15.242 13.1376C15.5078 12.8724 15.6407 12.5502 15.6407 12.1709C15.6407 11.7916 15.5078 11.4694 15.242 11.2042C14.9768 10.9384 14.6546 10.8055 14.2753 10.8055H13.3651V9.8953C13.3651 9.51604 13.2322 9.19381 12.9664 8.92863C12.7012 8.66284 12.379 8.52994 11.9997 8.52994C11.6204 8.52994 11.2982 8.66284 11.033 8.92863C10.7672 9.19381 10.6343 9.51604 10.6343 9.8953V10.8055H9.72409C9.34483 10.8055 9.0226 10.9384 8.75742 11.2042C8.49163 11.4694 8.35873 11.7916 8.35873 12.1709C8.35873 12.5502 8.49163 12.8724 8.75742 13.1376C9.0226 13.4034 9.34483 13.5363 9.72409 13.5363H10.6343V14.4465C10.6343 14.8258 10.7672 15.148 11.033 15.4132C11.2982 15.679 11.6204 15.8119 11.9997 15.8119ZM11.9997 21.6602H11.7721C11.6963 21.6602 11.628 21.645 11.5673 21.6146C9.57997 20.9926 7.94154 19.7599 6.65203 17.9163C5.36253 16.0734 4.71777 14.0369 4.71777 11.8068V7.50592C4.71777 7.12665 4.82791 6.78531 5.04819 6.4819C5.26786 6.17849 5.55216 5.95851 5.90109 5.82198L11.3625 3.77394C11.5749 3.69808 11.7873 3.66016 11.9997 3.66016C12.2121 3.66016 12.4245 3.69808 12.6369 3.77394L18.0983 5.82198C18.4472 5.95851 18.7318 6.17849 18.9521 6.4819C19.1718 6.78531 19.2816 7.12665 19.2816 7.50592V11.8068C19.2816 14.0369 18.6369 16.0734 17.3474 17.9163C16.0578 19.7599 14.4194 20.9926 12.4321 21.6146C12.3562 21.645 12.2121 21.6602 11.9997 21.6602Z",
431
478
  fill: "#505050"
432
479
  }
433
480
  )),
434
- refresh: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
481
+ refresh: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
435
482
  "path",
436
483
  {
437
484
  d: "M18.346 5.64739C17.4032 4.69617 16.2589 3.96885 14.9974 3.51916C13.7359 3.06947 12.3895 2.90888 11.0577 3.04926C6.92991 3.46541 3.53322 6.81712 3.07208 10.9449C2.45347 16.3998 6.67122 21 11.9912 21C13.6897 21 15.3533 20.5181 16.7888 19.6102C18.2242 18.7023 19.3726 17.4058 20.1005 15.8712C20.4604 15.1176 19.9206 14.2516 19.0883 14.2516C18.6721 14.2516 18.2785 14.4765 18.0985 14.8477C17.4455 16.2525 16.3286 17.3896 14.9357 18.0676C13.5428 18.7456 11.9588 18.9232 10.4503 18.5706C7.95342 18.0195 5.94015 15.9837 5.41152 13.4868C5.18931 12.4996 5.19188 11.475 5.41905 10.4889C5.64622 9.50282 6.09217 8.58042 6.72392 7.78992C7.35566 6.99943 8.15704 6.36107 9.06878 5.92207C9.98052 5.48307 10.9793 5.25466 11.9912 5.25374C13.8583 5.25374 15.5229 6.0298 16.7376 7.25576L15.0392 8.95411C14.3307 9.66269 14.8255 10.8774 15.8265 10.8774H19.8643C20.4829 10.8774 20.9891 10.3713 20.9891 9.75267V5.71488C20.9891 4.71386 19.7744 4.20773 19.0658 4.91632L18.346 5.64739Z",
438
485
  fill: "#595959"
439
486
  }
440
487
  )),
441
- scheduler: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
488
+ scheduler: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
442
489
  "path",
443
490
  {
444
491
  d: "M19 4.58746H18V2.56927H16V4.58746H8V2.56927H6V4.58746H5C3.89 4.58746 3.01 5.49564 3.01 6.60564L3 20.7329C3 21.8429 3.89 22.7511 5 22.7511H19C20.1 22.7511 21 21.8429 21 20.7329V6.60564C21 5.49564 20.1 4.58746 19 4.58746ZM19 20.7329H5V10.642H19V20.7329ZM9 14.6784H7V12.6602H9V14.6784ZM13 14.6784H11V12.6602H13V14.6784ZM17 14.6784H15V12.6602H17V14.6784ZM9 18.7147H7V16.6965H9V18.7147ZM13 18.7147H11V16.6965H13V18.7147ZM17 18.7147H15V16.6965H17V18.7147Z",
445
492
  fill: "#505050"
446
493
  }
447
494
  )),
448
- add: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 26 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
495
+ add: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 26 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
449
496
  "path",
450
497
  {
451
498
  d: "M21.4869 14.7981H13.9193V22.3657H11.3967V14.7981H3.8291V12.2755H11.3967V4.70789H13.9193V12.2755H21.4869V14.7981Z",
452
499
  fill: "white"
453
500
  }
454
501
  )),
455
- bot: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
502
+ bot: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
456
503
  "path",
457
504
  {
458
505
  d: "M5 21.6602C4.71667 21.6602 4.47917 21.5644 4.2875 21.3727C4.09583 21.181 4 20.9435 4 20.6602V16.6602C4 16.1102 4.19583 15.6394 4.5875 15.2477C4.97917 14.856 5.45 14.6602 6 14.6602H18C18.55 14.6602 19.0208 14.856 19.4125 15.2477C19.8042 15.6394 20 16.1102 20 16.6602V20.6602C20 20.9435 19.9042 21.181 19.7125 21.3727C19.5208 21.5644 19.2833 21.6602 19 21.6602H5ZM9 13.6602C7.61667 13.6602 6.4375 13.1727 5.4625 12.1977C4.4875 11.2227 4 10.0435 4 8.66019C4 7.27685 4.4875 6.09769 5.4625 5.12269C6.4375 4.14769 7.61667 3.66019 9 3.66019H15C16.3833 3.66019 17.5625 4.14769 18.5375 5.12269C19.5125 6.09769 20 7.27685 20 8.66019C20 10.0435 19.5125 11.2227 18.5375 12.1977C17.5625 13.1727 16.3833 13.6602 15 13.6602H9ZM9 9.66019C9.28333 9.66019 9.52083 9.56435 9.7125 9.37269C9.90417 9.18102 10 8.94352 10 8.66019C10 8.37685 9.90417 8.13935 9.7125 7.94769C9.52083 7.75602 9.28333 7.66019 9 7.66019C8.71667 7.66019 8.47917 7.75602 8.2875 7.94769C8.09583 8.13935 8 8.37685 8 8.66019C8 8.94352 8.09583 9.18102 8.2875 9.37269C8.47917 9.56435 8.71667 9.66019 9 9.66019ZM15 9.66019C15.2833 9.66019 15.5208 9.56435 15.7125 9.37269C15.9042 9.18102 16 8.94352 16 8.66019C16 8.37685 15.9042 8.13935 15.7125 7.94769C15.5208 7.75602 15.2833 7.66019 15 7.66019C14.7167 7.66019 14.4792 7.75602 14.2875 7.94769C14.0958 8.13935 14 8.37685 14 8.66019C14 8.94352 14.0958 9.18102 14.2875 9.37269C14.4792 9.56435 14.7167 9.66019 15 9.66019Z",
459
506
  fill: "#505050"
460
507
  }
461
508
  )),
462
- campaign: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
509
+ campaign: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
463
510
  "path",
464
511
  {
465
512
  d: "M20.0152 13.5174C19.6907 13.5174 19.419 13.4074 19.1999 13.1876C18.98 12.9685 18.8701 12.6967 18.8701 12.3723C18.8701 12.0479 18.98 11.7757 19.1999 11.5559C19.419 11.3368 19.6907 11.2272 20.0152 11.2272H22.3053C22.6298 11.2272 22.9015 11.3368 23.1206 11.5559C23.3405 11.7757 23.4504 12.0479 23.4504 12.3723C23.4504 12.6967 23.3405 12.9685 23.1206 13.1876C22.9015 13.4074 22.6298 13.5174 22.3053 13.5174H20.0152ZM19.3281 20.8459L17.496 19.4718C17.2288 19.2809 17.0761 19.0328 17.038 18.7275C16.9998 18.4221 17.0761 18.1359 17.267 17.8687C17.4578 17.6015 17.7059 17.4488 18.0113 17.4106C18.3166 17.3725 18.6029 17.4488 18.8701 17.6397L20.7022 19.0138C20.9694 19.2046 21.1221 19.4527 21.1602 19.7581C21.1984 20.0634 21.1221 20.3497 20.9312 20.6169C20.7404 20.884 20.4923 21.0367 20.1869 21.0749C19.8816 21.1131 19.5953 21.0367 19.3281 20.8459ZM18.8701 7.10493C18.6029 7.29578 18.3166 7.37212 18.0113 7.33395C17.7059 7.29578 17.4578 7.1431 17.267 6.87592C17.0761 6.60873 16.9998 6.32246 17.038 6.01711C17.0761 5.71176 17.2288 5.46366 17.496 5.27281L19.3281 3.89871C19.5953 3.70787 19.8816 3.63153 20.1869 3.6697C20.4923 3.70787 20.7404 3.86055 20.9312 4.12773C21.1221 4.39492 21.1984 4.68118 21.1602 4.98654C21.1221 5.29189 20.9694 5.53999 20.7022 5.73084L18.8701 7.10493ZM3.98406 21.6602V15.8075H2.83899C2.20919 15.8075 1.67024 15.5831 1.22213 15.1342C0.773264 14.6861 0.548828 14.1472 0.548828 13.5174V11.2272C0.548828 10.5974 0.773264 10.0581 1.22213 9.60922C1.67024 9.16111 2.20919 8.93706 2.83899 8.93706H7.4193L11.3984 6.5324C11.7801 6.30338 12.1668 6.30338 12.5584 6.5324C12.9493 6.76141 13.1447 7.09539 13.1447 7.53434V17.2103C13.1447 17.6492 12.9493 17.9832 12.5584 18.2122C12.1668 18.4412 11.7801 18.4412 11.3984 18.2122L7.4193 15.8075H6.27422V21.6602H3.98406ZM14.2898 16.2083V8.53628C14.8051 8.99431 15.2203 9.55273 15.5356 10.2115C15.8501 10.8696 16.0074 11.5898 16.0074 12.3723C16.0074 13.1548 15.8501 13.875 15.5356 14.5331C15.2203 15.1919 14.8051 15.7503 14.2898 16.2083Z",
466
513
  fill: "#505050"
467
514
  }
468
515
  )),
469
- "chatbot-white-border": /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 33 34", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
516
+ "chatbot-white-border": /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 33 34", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
470
517
  "path",
471
518
  {
472
519
  d: "M20.7249 1.17695H21.1499V1.1766C27.1029 1.40539 31.8779 6.41961 31.8779 12.5765V22.1994C31.8779 28.3489 27.0016 33.3184 21.0054 33.3184H2.1677C1.21133 33.3184 0.425039 32.5301 0.425039 31.5332V12.296C0.425039 6.14663 5.3011 1.17695 11.306 1.17695H20.7249Z",
@@ -474,40 +521,40 @@ var icons = {
474
521
  stroke: "white",
475
522
  "stroke-width": "0.850077"
476
523
  }
477
- ), /* @__PURE__ */ import_react11.default.createElement(
524
+ ), /* @__PURE__ */ import_react12.default.createElement(
478
525
  "path",
479
526
  {
480
527
  d: "M9.24976 13.3416C7.92364 13.3416 6.85254 14.4382 6.85254 15.7898C6.85254 17.1414 7.92364 18.238 9.24976 18.238C10.5759 18.238 11.647 17.1414 11.647 15.7898C11.647 14.4382 10.5759 13.3416 9.24976 13.3416Z",
481
528
  fill: "white"
482
529
  }
483
- ), /* @__PURE__ */ import_react11.default.createElement(
530
+ ), /* @__PURE__ */ import_react12.default.createElement(
484
531
  "path",
485
532
  {
486
533
  d: "M23.2839 13.3416C21.9578 13.3416 20.8867 14.4382 20.8867 15.7898C20.8867 17.1414 21.9578 18.238 23.2839 18.238C24.6101 18.238 25.6812 17.1414 25.6812 15.7898C25.6812 14.4382 24.6101 13.3416 23.2839 13.3416Z",
487
534
  fill: "white"
488
535
  }
489
- ), /* @__PURE__ */ import_react11.default.createElement(
536
+ ), /* @__PURE__ */ import_react12.default.createElement(
490
537
  "path",
491
538
  {
492
539
  d: "M19.5011 23.5C18.362 23.7125 17.1634 23.8316 15.9223 23.8316C14.6811 23.8316 13.4825 23.7125 12.3434 23.5C11.7399 23.3895 11.3743 24.2566 11.8844 24.6986C13.0405 25.7017 14.4261 26.2883 15.9223 26.2883C17.4184 26.2883 18.804 25.7017 19.9601 24.6986C20.4702 24.2566 20.1046 23.381 19.5011 23.5Z",
493
540
  fill: "white"
494
541
  }
495
542
  )),
496
- dashboard: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
543
+ dashboard: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
497
544
  "path",
498
545
  {
499
546
  d: "M5.3457 21.6602C4.7957 21.6602 4.3247 21.4645 3.9327 21.0732C3.54137 20.6812 3.3457 20.2102 3.3457 19.6602V5.66016C3.3457 5.11016 3.54137 4.63916 3.9327 4.24716C4.3247 3.85582 4.7957 3.66016 5.3457 3.66016H9.3457C9.8957 3.66016 10.3667 3.85582 10.7587 4.24716C11.15 4.63916 11.3457 5.11016 11.3457 5.66016V19.6602C11.3457 20.2102 11.15 20.6812 10.7587 21.0732C10.3667 21.4645 9.8957 21.6602 9.3457 21.6602H5.3457ZM15.3457 10.6602C14.7957 10.6602 14.325 10.4642 13.9337 10.0722C13.5417 9.68082 13.3457 9.21016 13.3457 8.66016V5.66016C13.3457 5.11016 13.5417 4.63916 13.9337 4.24716C14.325 3.85582 14.7957 3.66016 15.3457 3.66016H19.3457C19.8957 3.66016 20.3667 3.85582 20.7587 4.24716C21.15 4.63916 21.3457 5.11016 21.3457 5.66016V8.66016C21.3457 9.21016 21.15 9.68082 20.7587 10.0722C20.3667 10.4642 19.8957 10.6602 19.3457 10.6602H15.3457ZM15.3457 21.6602C14.7957 21.6602 14.325 21.4645 13.9337 21.0732C13.5417 20.6812 13.3457 20.2102 13.3457 19.6602V14.6602C13.3457 14.1102 13.5417 13.6392 13.9337 13.2472C14.325 12.8558 14.7957 12.6602 15.3457 12.6602H19.3457C19.8957 12.6602 20.3667 12.8558 20.7587 13.2472C21.15 13.6392 21.3457 14.1102 21.3457 14.6602V19.6602C21.3457 20.2102 21.15 20.6812 20.7587 21.0732C20.3667 21.4645 19.8957 21.6602 19.3457 21.6602H15.3457Z",
500
547
  fill: "#505050"
501
548
  }
502
549
  )),
503
- discard: /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 26 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
550
+ discard: /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 26 27", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
504
551
  "path",
505
552
  {
506
553
  d: "M7.75303 22.3289C7.21349 22.3289 6.75177 22.137 6.36787 21.7531C5.98332 21.3685 5.79105 20.9065 5.79105 20.3669V7.61405C5.5131 7.61405 5.27995 7.52021 5.0916 7.33251C4.90391 7.14416 4.81006 6.91101 4.81006 6.63306C4.81006 6.35512 4.90391 6.12197 5.0916 5.93362C5.27995 5.74592 5.5131 5.65207 5.79105 5.65207H9.71501C9.71501 5.37413 9.80919 5.14098 9.99754 4.95263C10.1852 4.76493 10.4181 4.67108 10.696 4.67108H14.62C14.8979 4.67108 15.1311 4.76493 15.3194 4.95263C15.5071 5.14098 15.601 5.37413 15.601 5.65207H19.5249C19.8029 5.65207 20.0357 5.74592 20.2234 5.93362C20.4117 6.12197 20.5059 6.35512 20.5059 6.63306C20.5059 6.91101 20.4117 7.14416 20.2234 7.33251C20.0357 7.52021 19.8029 7.61405 19.5249 7.61405V20.3669C19.5249 20.9065 19.333 21.3685 18.9491 21.7531C18.5645 22.137 18.1025 22.3289 17.5629 22.3289H7.75303ZM9.71501 17.424C9.71501 17.7019 9.80919 17.9347 9.99754 18.1224C10.1852 18.3108 10.4181 18.405 10.696 18.405C10.974 18.405 11.2071 18.3108 11.3955 18.1224C11.5831 17.9347 11.677 17.7019 11.677 17.424V10.557C11.677 10.2791 11.5831 10.0459 11.3955 9.85758C11.2071 9.66988 10.974 9.57604 10.696 9.57604C10.4181 9.57604 10.1852 9.66988 9.99754 9.85758C9.80919 10.0459 9.71501 10.2791 9.71501 10.557V17.424ZM13.639 17.424C13.639 17.7019 13.7332 17.9347 13.9215 18.1224C14.1092 18.3108 14.342 18.405 14.62 18.405C14.8979 18.405 15.1311 18.3108 15.3194 18.1224C15.5071 17.9347 15.601 17.7019 15.601 17.424V10.557C15.601 10.2791 15.5071 10.0459 15.3194 9.85758C15.1311 9.66988 14.8979 9.57604 14.62 9.57604C14.342 9.57604 14.1092 9.66988 13.9215 9.85758C13.7332 10.0459 13.639 10.2791 13.639 10.557V17.424Z",
507
554
  fill: "#A3A3A3"
508
555
  }
509
556
  )),
510
- "discard-red": /* @__PURE__ */ import_react11.default.createElement("svg", { viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement(
557
+ "discard-red": /* @__PURE__ */ import_react12.default.createElement("svg", { viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement(
511
558
  "path",
512
559
  {
513
560
  d: "M7.75254 21.4868C7.213 21.4868 6.75128 21.2948 6.36738 20.9109C5.98284 20.5264 5.79056 20.0643 5.79056 19.5248V6.77189C5.51261 6.77189 5.27947 6.67804 5.09111 6.49035C4.90342 6.302 4.80957 6.06885 4.80957 5.7909C4.80957 5.51295 4.90342 5.2798 5.09111 5.09145C5.27947 4.90376 5.51261 4.80991 5.79056 4.80991H9.71453C9.71453 4.53196 9.8087 4.29881 9.99705 4.11046C10.1847 3.92277 10.4176 3.82892 10.6955 3.82892H14.6195C14.8974 3.82892 15.1306 3.92277 15.3189 4.11046C15.5066 4.29881 15.6005 4.53196 15.6005 4.80991H19.5244C19.8024 4.80991 20.0352 4.90376 20.2229 5.09145C20.4113 5.2798 20.5054 5.51295 20.5054 5.7909C20.5054 6.06885 20.4113 6.302 20.2229 6.49035C20.0352 6.67804 19.8024 6.77189 19.5244 6.77189V19.5248C19.5244 20.0643 19.3325 20.5264 18.9486 20.9109C18.564 21.2948 18.102 21.4868 17.5625 21.4868H7.75254ZM9.71453 16.5818C9.71453 16.8597 9.8087 17.0926 9.99705 17.2803C10.1847 17.4686 10.4176 17.5628 10.6955 17.5628C10.9735 17.5628 11.2066 17.4686 11.395 17.2803C11.5827 17.0926 11.6765 16.8597 11.6765 16.5818V9.71486C11.6765 9.43692 11.5827 9.20377 11.395 9.01542C11.2066 8.82772 10.9735 8.73387 10.6955 8.73387C10.4176 8.73387 10.1847 8.82772 9.99705 9.01542C9.8087 9.20377 9.71453 9.43692 9.71453 9.71486V16.5818ZM13.6385 16.5818C13.6385 16.8597 13.7327 17.0926 13.921 17.2803C14.1087 17.4686 14.3415 17.5628 14.6195 17.5628C14.8974 17.5628 15.1306 17.4686 15.3189 17.2803C15.5066 17.0926 15.6005 16.8597 15.6005 16.5818V9.71486C15.6005 9.43692 15.5066 9.20377 15.3189 9.01542C15.1306 8.82772 14.8974 8.73387 14.6195 8.73387C14.3415 8.73387 14.1087 8.82772 13.921 9.01542C13.7327 9.20377 13.6385 9.43692 13.6385 9.71486V16.5818Z",
@@ -519,7 +566,7 @@ var icons = {
519
566
  // src/Components/Button.tsx
520
567
  var ButtonElement = (props) => {
521
568
  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0] === "text-white";
522
- return /* @__PURE__ */ import_react12.default.createElement(
569
+ return /* @__PURE__ */ import_react13.default.createElement(
523
570
  "button",
524
571
  {
525
572
  onClick: props.onClick,
@@ -529,7 +576,7 @@ var ButtonElement = (props) => {
529
576
  cursor: props.loading ? "no-drop" : "pointer"
530
577
  }
531
578
  },
532
- props.icon ? /* @__PURE__ */ import_react12.default.createElement("span", { className: props.iconsClassName }, props.isSVGStylesOverride === false ? /* @__PURE__ */ import_react12.default.createElement("img", { src: props.icon, className: props.iconsClassName }) : icons[props.icon], /* @__PURE__ */ import_react12.default.createElement("style", null, textColorClass && `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
579
+ props.icon ? /* @__PURE__ */ import_react13.default.createElement("span", { className: props.iconsClassName }, props.isSVGStylesOverride === false ? /* @__PURE__ */ import_react13.default.createElement("img", { src: props.icon, className: props.iconsClassName }) : icons[props.icon], /* @__PURE__ */ import_react13.default.createElement("style", null, textColorClass && `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
533
580
  filter: brightness(0) invert(1);
534
581
  }`, `.${props.className?.match(/text-[\w-]+/g)?.[0]}:hover path {
535
582
  filter: brightness(0) invert(1);
@@ -539,12 +586,12 @@ var ButtonElement = (props) => {
539
586
  };
540
587
 
541
588
  // src/Components/AddMoreTable.tsx
542
- var import_react13 = __toESM(require("react"));
589
+ var import_react14 = __toESM(require("react"));
543
590
  var import_antd10 = require("antd");
544
591
  var import_icons3 = require("@ant-design/icons");
545
592
  var AddMoreTable = (props) => {
546
593
  const { thead, tbody } = props;
547
- const [rows, setRows] = (0, import_react13.useState)(tbody || []);
594
+ const [rows, setRows] = (0, import_react14.useState)(tbody || []);
548
595
  const onHandleRows = () => {
549
596
  const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
550
597
  let newRow = {
@@ -609,15 +656,15 @@ var AddMoreTable = (props) => {
609
656
  });
610
657
  });
611
658
  };
612
- (0, import_react13.useEffect)(() => {
659
+ (0, import_react14.useEffect)(() => {
613
660
  }, [rows]);
614
661
  const renderInputElement = (element, value) => {
615
662
  if (!element) return null;
616
663
  const { element: type, label } = element;
617
664
  if (type === "single-select") {
618
- return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
665
+ return /* @__PURE__ */ import_react14.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
619
666
  } else if (type === "textarea") {
620
- return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
667
+ return /* @__PURE__ */ import_react14.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [], firstOptions: [], secondOptions: [] });
621
668
  } else {
622
669
  return null;
623
670
  }
@@ -634,13 +681,13 @@ var AddMoreTable = (props) => {
634
681
  eachRow.variable_data.forEach((variable, subIndex) => {
635
682
  Object.keys(variable).forEach((key) => {
636
683
  if (key === "SubRows") {
637
- rowData[`${key}`] = /* @__PURE__ */ import_react13.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.PlusOutlined, null)));
684
+ rowData[`${key}`] = /* @__PURE__ */ import_react14.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react14.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react14.default.createElement(import_icons3.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react14.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react14.default.createElement(import_icons3.PlusOutlined, null)));
638
685
  } else {
639
686
  rowData[`${key}`] = renderInputElement(variable[key]);
640
687
  }
641
688
  });
642
689
  });
643
- rowData.actions = /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd10.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react13.default.createElement(import_icons3.PlusOutlined, null)));
690
+ rowData.actions = /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement(import_antd10.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react14.default.createElement(import_icons3.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react14.default.createElement(import_antd10.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react14.default.createElement(import_icons3.PlusOutlined, null)));
644
691
  console.log("=====rowdata", rowData);
645
692
  return rowData;
646
693
  });
@@ -656,7 +703,7 @@ var AddMoreTable = (props) => {
656
703
  key: "actions"
657
704
  });
658
705
  }
659
- return /* @__PURE__ */ import_react13.default.createElement(
706
+ return /* @__PURE__ */ import_react14.default.createElement(
660
707
  import_antd10.Table,
661
708
  {
662
709
  columns,
@@ -668,15 +715,15 @@ var AddMoreTable = (props) => {
668
715
  };
669
716
 
670
717
  // src/Components/Sidebar.tsx
671
- var import_react14 = __toESM(require("react"));
718
+ var import_react15 = __toESM(require("react"));
672
719
  var Sidebar = (props) => {
673
720
  const handleChange = (item) => {
674
721
  if (props.onChange) {
675
722
  props.onChange(item);
676
723
  }
677
724
  };
678
- return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
679
- return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
725
+ return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react15.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react15.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react15.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
726
+ return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react15.default.createElement(
680
727
  ButtonElement,
681
728
  {
682
729
  ...item,
@@ -692,29 +739,29 @@ var Sidebar = (props) => {
692
739
  };
693
740
 
694
741
  // src/Components/Navbar.tsx
695
- var import_react18 = __toESM(require("react"));
742
+ var import_react19 = __toESM(require("react"));
696
743
 
697
744
  // src/Components/Notification.tsx
698
- var import_react15 = __toESM(require("react"));
745
+ var import_react16 = __toESM(require("react"));
699
746
  var import_antd11 = require("antd");
700
747
  var import_io = require("react-icons/io");
701
748
  var popoverContentStyle = {
702
749
  minWidth: "300px",
703
750
  maxWidth: "100%"
704
751
  };
705
- var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(
752
+ var Notification = (props) => /* @__PURE__ */ import_react16.default.createElement(
706
753
  import_antd11.Popover,
707
754
  {
708
755
  className: props.className,
709
- content: /* @__PURE__ */ import_react15.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react15.default.createElement(
756
+ content: /* @__PURE__ */ import_react16.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react16.default.createElement(
710
757
  import_antd11.List,
711
758
  {
712
759
  itemLayout: "horizontal",
713
760
  dataSource: props.items,
714
- renderItem: (item, index) => /* @__PURE__ */ import_react15.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react15.default.createElement(
761
+ renderItem: (item, index) => /* @__PURE__ */ import_react16.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react16.default.createElement(
715
762
  import_antd11.List.Item.Meta,
716
763
  {
717
- avatar: /* @__PURE__ */ import_react15.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
764
+ avatar: /* @__PURE__ */ import_react16.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
718
765
  title: item.text,
719
766
  description: item.time
720
767
  }
@@ -724,40 +771,40 @@ var Notification = (props) => /* @__PURE__ */ import_react15.default.createEleme
724
771
  trigger: "focus",
725
772
  placement: "bottomRight"
726
773
  },
727
- /* @__PURE__ */ import_react15.default.createElement(import_antd11.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement(import_antd11.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react15.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react15.default.createElement(import_io.IoIosNotifications, null))))
774
+ /* @__PURE__ */ import_react16.default.createElement(import_antd11.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react16.default.createElement(import_antd11.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react16.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react16.default.createElement(import_io.IoIosNotifications, null))))
728
775
  );
729
776
 
730
777
  // src/Components/SpanElement.tsx
731
- var import_react16 = __toESM(require("react"));
732
- var SpanElement = (props) => /* @__PURE__ */ import_react16.default.createElement("span", { className: props.className }, props.label);
778
+ var import_react17 = __toESM(require("react"));
779
+ var SpanElement = (props) => /* @__PURE__ */ import_react17.default.createElement("span", { className: props.className }, props.label);
733
780
 
734
781
  // src/Components/Profile.tsx
735
- var import_react17 = __toESM(require("react"));
782
+ var import_react18 = __toESM(require("react"));
736
783
  var import_antd12 = require("antd");
737
784
  var import_icons4 = require("@ant-design/icons");
738
- var Profile = (props) => /* @__PURE__ */ import_react17.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react17.default.createElement(import_antd12.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react17.default.createElement(import_icons4.UserOutlined, null) }), /* @__PURE__ */ import_react17.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react17.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react17.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
785
+ var Profile = (props) => /* @__PURE__ */ import_react18.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react18.default.createElement(import_antd12.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react18.default.createElement(import_icons4.UserOutlined, null) }), /* @__PURE__ */ import_react18.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react18.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react18.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
739
786
 
740
787
  // src/Components/Navbar.tsx
741
788
  var Navbar = (props) => {
742
- return /* @__PURE__ */ import_react18.default.createElement("div", { className: `${props.className}` }, props.items && props.items.map((item) => {
789
+ return /* @__PURE__ */ import_react19.default.createElement("div", { className: `${props.className}` }, props.items && props.items.map((item) => {
743
790
  if (item.element === "span") {
744
- return /* @__PURE__ */ import_react18.default.createElement(SpanElement, { key: item.name, ...item });
791
+ return /* @__PURE__ */ import_react19.default.createElement(SpanElement, { key: item.name, ...item });
745
792
  } else if (item.element === "notifications") {
746
- return /* @__PURE__ */ import_react18.default.createElement(Notification, { key: item.name, ...item });
793
+ return /* @__PURE__ */ import_react19.default.createElement(Notification, { key: item.name, ...item });
747
794
  } else if (item.name === "profile") {
748
- return /* @__PURE__ */ import_react18.default.createElement(Profile, { key: item.name, ...item });
795
+ return /* @__PURE__ */ import_react19.default.createElement(Profile, { key: item.name, ...item });
749
796
  }
750
797
  return null;
751
798
  }));
752
799
  };
753
800
 
754
801
  // src/Components/TableElement.tsx
755
- var import_react19 = __toESM(require("react"));
802
+ var import_react20 = __toESM(require("react"));
756
803
  var import_antd13 = require("antd");
757
804
  var TableElement = (props) => {
758
805
  const { thead, tbody } = props;
759
- const [dataSource, setDataSource] = (0, import_react19.useState)([]);
760
- (0, import_react19.useEffect)(() => {
806
+ const [dataSource, setDataSource] = (0, import_react20.useState)([]);
807
+ (0, import_react20.useEffect)(() => {
761
808
  if (tbody) {
762
809
  setDataSource(
763
810
  tbody.map((row, index) => ({
@@ -811,7 +858,7 @@ var TableElement = (props) => {
811
858
  }
812
859
  }
813
860
  } : void 0;
814
- return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
861
+ return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
815
862
  import_antd13.Table,
816
863
  {
817
864
  loading: props.loading,
@@ -833,13 +880,13 @@ var TableElement = (props) => {
833
880
  };
834
881
 
835
882
  // src/Components/DatePicker.tsx
836
- var import_react20 = __toESM(require("react"));
883
+ var import_react21 = __toESM(require("react"));
837
884
  var import_antd14 = require("antd");
838
885
  var import_dayjs = __toESM(require("dayjs"));
839
886
  var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"));
840
887
  import_dayjs.default.extend(import_customParseFormat.default);
841
888
  var DatePickerElement = (props) => {
842
- const [dateState, setDateState] = (0, import_react20.useState)(props.value);
889
+ const [dateState, setDateState] = (0, import_react21.useState)(props.value);
843
890
  const handleChange = (date, dateString) => {
844
891
  if (date) {
845
892
  setDateState(date);
@@ -890,7 +937,7 @@ var DatePickerElement = (props) => {
890
937
  }
891
938
  return {};
892
939
  };
893
- return /* @__PURE__ */ import_react20.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react20.default.createElement(
940
+ return /* @__PURE__ */ import_react21.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react21.default.createElement(
894
941
  import_antd14.DatePicker,
895
942
  {
896
943
  disabledTime,
@@ -907,7 +954,7 @@ var DatePickerElement = (props) => {
907
954
  };
908
955
 
909
956
  // src/Components/DateRangePickerElement.tsx
910
- var import_react21 = __toESM(require("react"));
957
+ var import_react22 = __toESM(require("react"));
911
958
  var import_antd15 = require("antd");
912
959
  var import_dayjs2 = __toESM(require("dayjs"));
913
960
  var DateRangePickerElement = (props) => {
@@ -942,7 +989,7 @@ var DateRangePickerElement = (props) => {
942
989
  }
943
990
  return current && current > today;
944
991
  };
945
- return /* @__PURE__ */ import_react21.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react21.default.createElement(
992
+ return /* @__PURE__ */ import_react22.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(
946
993
  RangePicker,
947
994
  {
948
995
  disabledDate,
@@ -955,13 +1002,13 @@ var DateRangePickerElement = (props) => {
955
1002
  };
956
1003
 
957
1004
  // src/Components/Image.tsx
958
- var import_react22 = __toESM(require("react"));
1005
+ var import_react23 = __toESM(require("react"));
959
1006
  var Image = (props) => {
960
- return /* @__PURE__ */ import_react22.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
1007
+ return /* @__PURE__ */ import_react23.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
961
1008
  };
962
1009
 
963
1010
  // src/Components/SingleCheckbox.tsx
964
- var import_react23 = __toESM(require("react"));
1011
+ var import_react24 = __toESM(require("react"));
965
1012
  var import_antd16 = require("antd");
966
1013
  var SingleCheckbox = (props) => {
967
1014
  const handleChange = (e) => {
@@ -969,14 +1016,14 @@ var SingleCheckbox = (props) => {
969
1016
  props.onChange(e.target.checked);
970
1017
  }
971
1018
  };
972
- return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
1019
+ return /* @__PURE__ */ import_react24.default.createElement(import_antd16.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
973
1020
  };
974
1021
 
975
1022
  // src/Components/DropDownGroup.tsx
976
- var import_react24 = __toESM(require("react"));
1023
+ var import_react25 = __toESM(require("react"));
977
1024
  var import_antd17 = require("antd");
978
1025
  var DropDownGroup = (props) => {
979
- const [selectedValue, setSelectedValue] = (0, import_react24.useState)({
1026
+ const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
980
1027
  firstValue: props.value.firstValue,
981
1028
  secondValue: props.value.secondValue,
982
1029
  temp: ""
@@ -1014,7 +1061,7 @@ var DropDownGroup = (props) => {
1014
1061
  const secondFilterOptions = (input, option) => {
1015
1062
  return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
1016
1063
  };
1017
- return /* @__PURE__ */ import_react24.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react24.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react24.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react24.default.createElement(
1064
+ return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
1018
1065
  import_antd17.Select,
1019
1066
  {
1020
1067
  onChange: handleFirstChange,
@@ -1026,7 +1073,7 @@ var DropDownGroup = (props) => {
1026
1073
  value: props.value.firstValue,
1027
1074
  showSearch: true
1028
1075
  }
1029
- ), /* @__PURE__ */ import_react24.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react24.default.createElement(
1076
+ ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
1030
1077
  import_antd17.Select,
1031
1078
  {
1032
1079
  onChange: handleSecondChange,
@@ -1042,12 +1089,12 @@ var DropDownGroup = (props) => {
1042
1089
  };
1043
1090
 
1044
1091
  // src/Components/FilesUpload.tsx
1045
- var import_react25 = __toESM(require("react"));
1092
+ var import_react26 = __toESM(require("react"));
1046
1093
  var import_antd18 = require("antd");
1047
1094
  var import_icons5 = require("@ant-design/icons");
1048
1095
  var FileUpload = (props) => {
1049
1096
  const { Dragger } = import_antd18.Upload;
1050
- const [files, setFiles] = (0, import_react25.useState)(
1097
+ const [files, setFiles] = (0, import_react26.useState)(
1051
1098
  props.value && props.value.length > 0 ? props.value : []
1052
1099
  );
1053
1100
  const handleChange = ({ fileList }) => {
@@ -1064,7 +1111,7 @@ var FileUpload = (props) => {
1064
1111
  onSuccess("ok");
1065
1112
  }, 0);
1066
1113
  };
1067
- return /* @__PURE__ */ import_react25.default.createElement("div", null, /* @__PURE__ */ import_react25.default.createElement(
1114
+ return /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement(
1068
1115
  Dragger,
1069
1116
  {
1070
1117
  action: "",
@@ -1077,13 +1124,13 @@ var FileUpload = (props) => {
1077
1124
  showUploadList: true,
1078
1125
  customRequest
1079
1126
  },
1080
- /* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement(import_icons5.InboxOutlined, null)),
1081
- /* @__PURE__ */ import_react25.default.createElement("p", null, "Click or drag file to upload")
1127
+ /* @__PURE__ */ import_react26.default.createElement("p", null, /* @__PURE__ */ import_react26.default.createElement(import_icons5.InboxOutlined, null)),
1128
+ /* @__PURE__ */ import_react26.default.createElement("p", null, "Click or drag file to upload")
1082
1129
  ));
1083
1130
  };
1084
1131
 
1085
1132
  // src/Components/TabsElement.tsx
1086
- var import_react26 = __toESM(require("react"));
1133
+ var import_react27 = __toESM(require("react"));
1087
1134
  var import_antd19 = require("antd");
1088
1135
  var TabsElement = (props) => {
1089
1136
  const handleChange = (key) => {
@@ -1091,20 +1138,20 @@ var TabsElement = (props) => {
1091
1138
  props.onChange(props.options?.find((eachOption) => eachOption.key === key));
1092
1139
  }
1093
1140
  };
1094
- return /* @__PURE__ */ import_react26.default.createElement(import_antd19.Tabs, { defaultActiveKey: props.value, className: props.containerClassName, items: props.options, onChange: handleChange });
1141
+ return /* @__PURE__ */ import_react27.default.createElement(import_antd19.Tabs, { defaultActiveKey: props.value, className: props.containerClassName, items: props.options, onChange: handleChange });
1095
1142
  };
1096
1143
 
1097
1144
  // src/Components/SwitchElement.tsx
1098
- var import_react27 = __toESM(require("react"));
1145
+ var import_react28 = __toESM(require("react"));
1099
1146
  var import_antd20 = require("antd");
1100
1147
  var onChange = (checked) => {
1101
1148
  };
1102
- var SwitchElement = () => /* @__PURE__ */ import_react27.default.createElement(import_antd20.Switch, { defaultChecked: true, onChange });
1149
+ var SwitchElement = () => /* @__PURE__ */ import_react28.default.createElement(import_antd20.Switch, { defaultChecked: true, onChange });
1103
1150
 
1104
1151
  // src/Components/Upload.tsx
1105
- var import_react28 = __toESM(require("react"));
1152
+ var import_react29 = __toESM(require("react"));
1106
1153
  var Upload2 = (props) => {
1107
- const [file, setFile] = (0, import_react28.useState)();
1154
+ const [file, setFile] = (0, import_react29.useState)();
1108
1155
  const handleFileChange = (e) => {
1109
1156
  setFile(e.target.files[0]);
1110
1157
  if (props.onChange) {
@@ -1117,7 +1164,7 @@ var Upload2 = (props) => {
1117
1164
  return;
1118
1165
  }
1119
1166
  };
1120
- return /* @__PURE__ */ import_react28.default.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ import_react28.default.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ import_react28.default.createElement(
1167
+ return /* @__PURE__ */ import_react29.default.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ import_react29.default.createElement("input", { type: "file", onChange: handleFileChange }), /* @__PURE__ */ import_react29.default.createElement(
1121
1168
  "button",
1122
1169
  {
1123
1170
  type: "button",
@@ -1130,12 +1177,12 @@ var Upload2 = (props) => {
1130
1177
  };
1131
1178
 
1132
1179
  // src/Components/OtpElement.tsx
1133
- var import_react29 = __toESM(require("react"));
1180
+ var import_react30 = __toESM(require("react"));
1134
1181
  var import_antd21 = require("antd");
1135
1182
  var OtpElement = (props) => {
1136
1183
  const length = props.length;
1137
- const [otp, setOtp] = (0, import_react29.useState)(Array(length).fill(""));
1138
- const inputRefs = (0, import_react29.useRef)([]);
1184
+ const [otp, setOtp] = (0, import_react30.useState)(Array(length).fill(""));
1185
+ const inputRefs = (0, import_react30.useRef)([]);
1139
1186
  const handleChange = (e, index) => {
1140
1187
  const value = e.target.value;
1141
1188
  if (/^[0-9]$/.test(value) || value === "") {
@@ -1167,10 +1214,10 @@ var OtpElement = (props) => {
1167
1214
  });
1168
1215
  }
1169
1216
  };
1170
- (0, import_react29.useEffect)(() => {
1217
+ (0, import_react30.useEffect)(() => {
1171
1218
  inputRefs.current[0]?.focus();
1172
1219
  }, []);
1173
- return /* @__PURE__ */ import_react29.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react29.default.createElement(
1220
+ return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.containerClassName }, Array.from({ length }).map((_, index) => /* @__PURE__ */ import_react30.default.createElement(
1174
1221
  import_antd21.Input,
1175
1222
  {
1176
1223
  key: index,
@@ -1186,7 +1233,7 @@ var OtpElement = (props) => {
1186
1233
  };
1187
1234
 
1188
1235
  // src/Components/CircleDonut.tsx
1189
- var import_react30 = __toESM(require("react"));
1236
+ var import_react31 = __toESM(require("react"));
1190
1237
  var import_react_chartjs_2 = require("react-chartjs-2");
1191
1238
  var import_chart = require("chart.js");
1192
1239
  import_chart.Chart.register(import_chart.DoughnutController, import_chart.ArcElement, import_chart.Tooltip, import_chart.Legend);
@@ -1263,11 +1310,11 @@ var CircleDonut = (props) => {
1263
1310
  ctx.restore();
1264
1311
  }
1265
1312
  };
1266
- return /* @__PURE__ */ import_react30.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react30.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react30.default.createElement(import_react_chartjs_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1313
+ return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_2.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1267
1314
  };
1268
1315
 
1269
1316
  // src/Components/SemiCircleDonut.tsx
1270
- var import_react31 = __toESM(require("react"));
1317
+ var import_react32 = __toESM(require("react"));
1271
1318
  var import_react_chartjs_22 = require("react-chartjs-2");
1272
1319
  var import_chart2 = require("chart.js");
1273
1320
  import_chart2.Chart.register(import_chart2.DoughnutController, import_chart2.ArcElement, import_chart2.Tooltip, import_chart2.Legend);
@@ -1344,11 +1391,11 @@ var SemiCircleDonut = (props) => {
1344
1391
  ctx.restore();
1345
1392
  }
1346
1393
  };
1347
- return /* @__PURE__ */ import_react31.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react31.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1394
+ return /* @__PURE__ */ import_react32.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react32.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_22.Doughnut, { data, options, plugins: [centerTextPlugin] }));
1348
1395
  };
1349
1396
 
1350
1397
  // src/Components/HorizontalBarChart.tsx
1351
- var import_react32 = __toESM(require("react"));
1398
+ var import_react33 = __toESM(require("react"));
1352
1399
  var import_react_chartjs_23 = require("react-chartjs-2");
1353
1400
  var import_chart3 = require("chart.js");
1354
1401
  import_chart3.Chart.register(import_chart3.BarElement, import_chart3.CategoryScale, import_chart3.LinearScale, import_chart3.Tooltip);
@@ -1397,22 +1444,22 @@ var HorizontalBarChart = (props) => {
1397
1444
  }
1398
1445
  }
1399
1446
  };
1400
- return /* @__PURE__ */ import_react32.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react32.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react32.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1447
+ return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react33.default.createElement(import_react_chartjs_23.Bar, { data, options }));
1401
1448
  };
1402
1449
 
1403
1450
  // src/Components/LineChart.tsx
1404
- var import_react33 = __toESM(require("react"));
1451
+ var import_react34 = __toESM(require("react"));
1405
1452
  var import_auto = __toESM(require("chart.js/auto"));
1406
1453
  var LineChart = (props) => {
1407
- const chartRef = (0, import_react33.useRef)(null);
1408
- const chartInstance = (0, import_react33.useRef)(null);
1454
+ const chartRef = (0, import_react34.useRef)(null);
1455
+ const chartInstance = (0, import_react34.useRef)(null);
1409
1456
  const data = [
1410
1457
  { label: "ROI", data: [10, 13, 20, 15, 10] },
1411
1458
  { label: "Engagement Rate", data: [20, 23, 30, 28, 20] },
1412
1459
  { label: "Conversion Rate", data: [50, 100, 150, 180, 50] }
1413
1460
  ];
1414
1461
  const labels = ["Instagram", "Whatsapp", "Messages", "Telegram", "Linkedin"];
1415
- (0, import_react33.useEffect)(() => {
1462
+ (0, import_react34.useEffect)(() => {
1416
1463
  if (chartRef.current) {
1417
1464
  if (chartInstance.current) {
1418
1465
  chartInstance.current.destroy();
@@ -1470,16 +1517,16 @@ var LineChart = (props) => {
1470
1517
  }
1471
1518
  };
1472
1519
  }, [labels, data]);
1473
- return /* @__PURE__ */ import_react33.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react33.default.createElement("canvas", { ref: chartRef }));
1520
+ return /* @__PURE__ */ import_react34.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react34.default.createElement("canvas", { ref: chartRef }));
1474
1521
  };
1475
1522
 
1476
1523
  // src/Components/DoubleBarChart.tsx
1477
- var import_react34 = __toESM(require("react"));
1524
+ var import_react35 = __toESM(require("react"));
1478
1525
  var import_auto2 = __toESM(require("chart.js/auto"));
1479
1526
  var DoubleBarChart = (props) => {
1480
- const chartRef = (0, import_react34.useRef)(null);
1481
- const chartInstance = (0, import_react34.useRef)(null);
1482
- (0, import_react34.useEffect)(() => {
1527
+ const chartRef = (0, import_react35.useRef)(null);
1528
+ const chartInstance = (0, import_react35.useRef)(null);
1529
+ (0, import_react35.useEffect)(() => {
1483
1530
  if (chartRef.current) {
1484
1531
  if (chartInstance.current) {
1485
1532
  chartInstance.current.destroy();
@@ -1548,11 +1595,11 @@ var DoubleBarChart = (props) => {
1548
1595
  }
1549
1596
  };
1550
1597
  }, []);
1551
- return /* @__PURE__ */ import_react34.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react34.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react34.default.createElement("canvas", { ref: chartRef }));
1598
+ return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react35.default.createElement("canvas", { ref: chartRef }));
1552
1599
  };
1553
1600
 
1554
1601
  // src/Components/BarChart.tsx
1555
- var import_react35 = __toESM(require("react"));
1602
+ var import_react36 = __toESM(require("react"));
1556
1603
  var import_react_chartjs_24 = require("react-chartjs-2");
1557
1604
  var import_chart4 = require("chart.js");
1558
1605
  import_chart4.Chart.register(import_chart4.BarElement, import_chart4.CategoryScale, import_chart4.LinearScale, import_chart4.Tooltip);
@@ -1614,24 +1661,24 @@ var BarChart = (props) => {
1614
1661
  }
1615
1662
  }
1616
1663
  };
1617
- return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react35.default.createElement(import_react_chartjs_24.Bar, { data, options }));
1664
+ return /* @__PURE__ */ import_react36.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react36.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react36.default.createElement(import_react_chartjs_24.Bar, { data, options }));
1618
1665
  };
1619
1666
 
1620
1667
  // src/Components/DivContainer.tsx
1621
- var import_react36 = __toESM(require("react"));
1668
+ var import_react37 = __toESM(require("react"));
1622
1669
  var DivContainer = (props) => {
1623
- return /* @__PURE__ */ import_react36.default.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
1670
+ return /* @__PURE__ */ import_react37.default.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
1624
1671
  };
1625
1672
 
1626
1673
  // src/Components/ColorPickerElement.tsx
1627
- var import_react37 = __toESM(require("react"));
1674
+ var import_react38 = __toESM(require("react"));
1628
1675
  var import_antd22 = require("antd");
1629
1676
  var ColorPickerElement = (props) => {
1630
1677
  const onHandleChange = (value, hex) => {
1631
1678
  console.log(hex);
1632
1679
  props.onChange && props.onChange(hex);
1633
1680
  };
1634
- return /* @__PURE__ */ import_react37.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react37.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react37.default.createElement("br", null), /* @__PURE__ */ import_react37.default.createElement(
1681
+ return /* @__PURE__ */ import_react38.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react38.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react38.default.createElement("br", null), /* @__PURE__ */ import_react38.default.createElement(
1635
1682
  import_antd22.ColorPicker,
1636
1683
  {
1637
1684
  className: props.className,
@@ -1643,7 +1690,7 @@ var ColorPickerElement = (props) => {
1643
1690
  };
1644
1691
 
1645
1692
  // src/Components/NotificationAlert.tsx
1646
- var import_react38 = __toESM(require("react"));
1693
+ var import_react39 = __toESM(require("react"));
1647
1694
  var import_antd23 = require("antd");
1648
1695
  var NotificationAlert = (props) => {
1649
1696
  const [api, contextHolder] = import_antd23.notification.useNotification();
@@ -1669,7 +1716,7 @@ var NotificationAlert = (props) => {
1669
1716
  const notificationType = props.notificationType || "info";
1670
1717
  props.notificationType ? openNotificationType(true, notificationType) : openNotification(true);
1671
1718
  };
1672
- return /* @__PURE__ */ import_react38.default.createElement("div", { className: props.containerClassName }, contextHolder, /* @__PURE__ */ import_react38.default.createElement(ButtonElement, { ...props, onClick: handleClick }));
1719
+ return /* @__PURE__ */ import_react39.default.createElement("div", { className: props.containerClassName }, contextHolder, /* @__PURE__ */ import_react39.default.createElement(ButtonElement, { ...props, onClick: handleClick }));
1673
1720
  };
1674
1721
  // Annotate the CommonJS export names for ESM import in node:
1675
1722
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -18,6 +18,7 @@ var TextElement = (props) => {
18
18
  type: props.type,
19
19
  status: props.status,
20
20
  className: props.className,
21
+ disabled: props.disabled,
21
22
  onChange: (e) => {
22
23
  handleChange(e);
23
24
  }
@@ -252,9 +253,55 @@ var CheckboxElement = (props) => {
252
253
  };
253
254
 
254
255
  // src/Components/CkEditor.tsx
256
+ import { useRef } from "react";
257
+ import { Editor } from "@tinymce/tinymce-react";
255
258
  import React8 from "react";
256
259
  var CkEditor = (props) => {
257
- return /* @__PURE__ */ React8.createElement("div", null);
260
+ const editorRef = useRef(null);
261
+ const log = () => {
262
+ if (editorRef.current) {
263
+ let content = editorRef.current.getContent();
264
+ if (props.onChange) {
265
+ props.onChange(content);
266
+ }
267
+ }
268
+ };
269
+ return /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(
270
+ Editor,
271
+ {
272
+ apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
273
+ onInit: (_evt, editor) => {
274
+ if (editor) editorRef.current = editor;
275
+ },
276
+ initialValue: "<p>This is the initial content of the editor.</p>",
277
+ init: {
278
+ height: 500,
279
+ menubar: false,
280
+ plugins: [
281
+ "advlist",
282
+ "autolink",
283
+ "lists",
284
+ "link",
285
+ "image",
286
+ "charmap",
287
+ "preview",
288
+ "anchor",
289
+ "searchreplace",
290
+ "visualblocks",
291
+ "code",
292
+ "fullscreen",
293
+ "insertdatetime",
294
+ "media",
295
+ "table",
296
+ "code",
297
+ "help",
298
+ "wordcount"
299
+ ],
300
+ toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
301
+ content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
302
+ }
303
+ }
304
+ ), /* @__PURE__ */ React8.createElement("button", { onClick: log }, "Log editor content"));
258
305
  };
259
306
 
260
307
  // src/Components/Select/SingleSelectElement.tsx
@@ -1061,12 +1108,12 @@ var Upload2 = (props) => {
1061
1108
  };
1062
1109
 
1063
1110
  // src/Components/OtpElement.tsx
1064
- import React29, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
1111
+ import React29, { useState as useState10, useRef as useRef2, useEffect as useEffect3 } from "react";
1065
1112
  import { Input as Input3 } from "antd";
1066
1113
  var OtpElement = (props) => {
1067
1114
  const length = props.length;
1068
1115
  const [otp, setOtp] = useState10(Array(length).fill(""));
1069
- const inputRefs = useRef([]);
1116
+ const inputRefs = useRef2([]);
1070
1117
  const handleChange = (e, index) => {
1071
1118
  const value = e.target.value;
1072
1119
  if (/^[0-9]$/.test(value) || value === "") {
@@ -1350,11 +1397,11 @@ var HorizontalBarChart = (props) => {
1350
1397
  };
1351
1398
 
1352
1399
  // src/Components/LineChart.tsx
1353
- import React33, { useEffect as useEffect4, useRef as useRef2 } from "react";
1400
+ import React33, { useEffect as useEffect4, useRef as useRef3 } from "react";
1354
1401
  import Chart from "chart.js/auto";
1355
1402
  var LineChart = (props) => {
1356
- const chartRef = useRef2(null);
1357
- const chartInstance = useRef2(null);
1403
+ const chartRef = useRef3(null);
1404
+ const chartInstance = useRef3(null);
1358
1405
  const data = [
1359
1406
  { label: "ROI", data: [10, 13, 20, 15, 10] },
1360
1407
  { label: "Engagement Rate", data: [20, 23, 30, 28, 20] },
@@ -1423,11 +1470,11 @@ var LineChart = (props) => {
1423
1470
  };
1424
1471
 
1425
1472
  // src/Components/DoubleBarChart.tsx
1426
- import React34, { useEffect as useEffect5, useRef as useRef3 } from "react";
1473
+ import React34, { useEffect as useEffect5, useRef as useRef4 } from "react";
1427
1474
  import Chart2 from "chart.js/auto";
1428
1475
  var DoubleBarChart = (props) => {
1429
- const chartRef = useRef3(null);
1430
- const chartInstance = useRef3(null);
1476
+ const chartRef = useRef4(null);
1477
+ const chartInstance = useRef4(null);
1431
1478
  useEffect5(() => {
1432
1479
  if (chartRef.current) {
1433
1480
  if (chartInstance.current) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.15-Beta64",
3
+ "version": "0.0.15-Beta67",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",