odaptos_design_system 2.0.349 → 2.0.351

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.
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from "react";
1
+ import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
2
2
  import { colord, extend } from "colord";
3
3
  import mixPlugin from "colord/plugins/mix";
4
4
  import a11yPlugin from "colord/plugins/a11y";
@@ -265,9 +265,15 @@ style_inject_es_default(css_248z$82);
265
265
  * Supports: **bold**, *italic*, __underline__ (or <u>underline</u>), `code`, line breaks, and simple lists.
266
266
  */
267
267
  const renderInlineMarkdown = (rawText) => {
268
- if (rawText === null || rawText === void 0) return rawText;
269
- if (typeof rawText !== "string") return rawText;
270
- if (rawText.length === 0) return rawText;
268
+ const normalizeToDisplayText = (value) => {
269
+ if (value === null || value === void 0) return "";
270
+ if (typeof value === "string") return value;
271
+ if (value instanceof String) return value.toString();
272
+ if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") return String(value);
273
+ return "";
274
+ };
275
+ const normalizedText = normalizeToDisplayText(rawText);
276
+ if (normalizedText.length === 0) return normalizedText;
271
277
  const renderCode = (text) => {
272
278
  return text.split(/`([^`]+)`/g).map((part, index) => {
273
279
  if (!(index % 2 === 1)) return part;
@@ -373,40 +379,44 @@ const renderInlineMarkdown = (rawText) => {
373
379
  const codeNodes = renderCode(text);
374
380
  return renderStrongAndEm(codeNodes);
375
381
  };
376
- const lines = rawText.split("\n");
377
- const blocks = [];
378
- let i = 0;
379
- while (i < lines.length) {
380
- const line = lines[i] ?? "";
381
- const unorderedMatch = line.match(/^\s*[-*]\s+(.*)$/);
382
- const orderedMatch = line.match(/^\s*(\d+)\.\s+(.*)$/);
383
- if (unorderedMatch) {
384
- const items = [];
385
- while (i < lines.length) {
386
- const match = (lines[i] ?? "").match(/^\s*[-*]\s+(.*)$/);
387
- if (!match) break;
388
- items.push(match[1]);
389
- i += 1;
382
+ try {
383
+ const lines = normalizedText.split("\n");
384
+ const blocks = [];
385
+ let i = 0;
386
+ while (i < lines.length) {
387
+ const line = lines[i] ?? "";
388
+ const unorderedMatch = line.match(/^\s*[-*]\s+(.*)$/);
389
+ const orderedMatch = line.match(/^\s*(\d+)\.\s+(.*)$/);
390
+ if (unorderedMatch) {
391
+ const items = [];
392
+ while (i < lines.length) {
393
+ const match = (lines[i] ?? "").match(/^\s*[-*]\s+(.*)$/);
394
+ if (!match) break;
395
+ items.push(match[1]);
396
+ i += 1;
397
+ }
398
+ blocks.push(/* @__PURE__ */ React.createElement("ul", { key: `ul-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ React.createElement("li", { key: `ul-li-${index}` }, renderInline(item)))));
399
+ continue;
390
400
  }
391
- blocks.push(/* @__PURE__ */ React.createElement("ul", { key: `ul-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ React.createElement("li", { key: `ul-li-${index}` }, renderInline(item)))));
392
- continue;
393
- }
394
- if (orderedMatch) {
395
- const items = [];
396
- while (i < lines.length) {
397
- const match = (lines[i] ?? "").match(/^\s*\d+\.\s+(.*)$/);
398
- if (!match) break;
399
- items.push(match[1]);
400
- i += 1;
401
+ if (orderedMatch) {
402
+ const items = [];
403
+ while (i < lines.length) {
404
+ const match = (lines[i] ?? "").match(/^\s*\d+\.\s+(.*)$/);
405
+ if (!match) break;
406
+ items.push(match[1]);
407
+ i += 1;
408
+ }
409
+ blocks.push(/* @__PURE__ */ React.createElement("ol", { key: `ol-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ React.createElement("li", { key: `ol-li-${index}` }, renderInline(item)))));
410
+ continue;
401
411
  }
402
- blocks.push(/* @__PURE__ */ React.createElement("ol", { key: `ol-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ React.createElement("li", { key: `ol-li-${index}` }, renderInline(item)))));
403
- continue;
412
+ blocks.push(/* @__PURE__ */ React.createElement(React.Fragment, { key: `p-${blocks.length}` }, renderInline(line)));
413
+ if (i < lines.length - 1) blocks.push(/* @__PURE__ */ React.createElement("br", { key: `br-${blocks.length}` }));
414
+ i += 1;
404
415
  }
405
- blocks.push(/* @__PURE__ */ React.createElement(React.Fragment, { key: `p-${blocks.length}` }, renderInline(line)));
406
- if (i < lines.length - 1) blocks.push(/* @__PURE__ */ React.createElement("br", { key: `br-${blocks.length}` }));
407
- i += 1;
416
+ return blocks;
417
+ } catch (error) {
418
+ return normalizedText;
408
419
  }
409
- return blocks;
410
420
  };
411
421
 
412
422
  //#endregion
@@ -13271,9 +13281,9 @@ function RespondentLogo({ ...rest }) {
13271
13281
 
13272
13282
  //#endregion
13273
13283
  //#region src/DesignTokens/Animations/lotties/recording-animation.json
13274
- var nm$9 = "Comp 1";
13284
+ var nm$10 = "Comp 1";
13275
13285
  var mn = "";
13276
- var layers$9 = [{
13286
+ var layers$10 = [{
13277
13287
  "ty": 4,
13278
13288
  "nm": "Shape Layer 2",
13279
13289
  "mn": "",
@@ -13687,9 +13697,9 @@ var layers$9 = [{
13687
13697
  }],
13688
13698
  "ind": 2
13689
13699
  }];
13690
- var ddd$9 = 0;
13691
- var h$9 = 64;
13692
- var w$9 = 64;
13700
+ var ddd$10 = 0;
13701
+ var h$10 = 64;
13702
+ var w$10 = 64;
13693
13703
  var meta$7 = {
13694
13704
  "a": "",
13695
13705
  "k": "",
@@ -13697,24 +13707,24 @@ var meta$7 = {
13697
13707
  "g": "LottieFiles AE 1.0.0",
13698
13708
  "tc": "#000000"
13699
13709
  };
13700
- var v$9 = "4.8.0";
13701
- var fr$10 = 29.9700012207031;
13702
- var op$9 = 41.0000016699642;
13703
- var ip$9 = 0;
13704
- var assets$9 = [];
13710
+ var v$10 = "4.8.0";
13711
+ var fr$11 = 29.9700012207031;
13712
+ var op$10 = 41.0000016699642;
13713
+ var ip$10 = 0;
13714
+ var assets$10 = [];
13705
13715
  var recording_animation_default = {
13706
- nm: nm$9,
13716
+ nm: nm$10,
13707
13717
  mn,
13708
- layers: layers$9,
13709
- ddd: ddd$9,
13710
- h: h$9,
13711
- w: w$9,
13718
+ layers: layers$10,
13719
+ ddd: ddd$10,
13720
+ h: h$10,
13721
+ w: w$10,
13712
13722
  meta: meta$7,
13713
- v: v$9,
13714
- fr: fr$10,
13715
- op: op$9,
13716
- ip: ip$9,
13717
- assets: assets$9
13723
+ v: v$10,
13724
+ fr: fr$11,
13725
+ op: op$10,
13726
+ ip: ip$10,
13727
+ assets: assets$10
13718
13728
  };
13719
13729
 
13720
13730
  //#endregion
@@ -13733,12 +13743,12 @@ function RecordingAnimation({ autoplay = true, loop = true, showControls = false
13733
13743
 
13734
13744
  //#endregion
13735
13745
  //#region src/DesignTokens/Animations/lotties/recording-white-animation.json
13736
- var nm$8 = "Flow 1";
13737
- var ddd$8 = 0;
13738
- var h$8 = 32;
13739
- var w$8 = 32;
13746
+ var nm$9 = "Flow 1";
13747
+ var ddd$9 = 0;
13748
+ var h$9 = 32;
13749
+ var w$9 = 32;
13740
13750
  var meta$6 = { "g": "LottieFiles Figma v86" };
13741
- var layers$8 = [{
13751
+ var layers$9 = [{
13742
13752
  "ty": 4,
13743
13753
  "nm": "Union",
13744
13754
  "sr": 1,
@@ -14573,23 +14583,23 @@ var layers$8 = [{
14573
14583
  ],
14574
14584
  "ind": 1
14575
14585
  }];
14576
- var v$8 = "5.7.0";
14577
- var fr$9 = 60;
14578
- var op$8 = 96.06;
14579
- var ip$8 = 0;
14580
- var assets$8 = [];
14586
+ var v$9 = "5.7.0";
14587
+ var fr$10 = 60;
14588
+ var op$9 = 96.06;
14589
+ var ip$9 = 0;
14590
+ var assets$9 = [];
14581
14591
  var recording_white_animation_default = {
14582
- nm: nm$8,
14583
- ddd: ddd$8,
14584
- h: h$8,
14585
- w: w$8,
14592
+ nm: nm$9,
14593
+ ddd: ddd$9,
14594
+ h: h$9,
14595
+ w: w$9,
14586
14596
  meta: meta$6,
14587
- layers: layers$8,
14588
- v: v$8,
14589
- fr: fr$9,
14590
- op: op$8,
14591
- ip: ip$8,
14592
- assets: assets$8
14597
+ layers: layers$9,
14598
+ v: v$9,
14599
+ fr: fr$10,
14600
+ op: op$9,
14601
+ ip: ip$9,
14602
+ assets: assets$9
14593
14603
  };
14594
14604
 
14595
14605
  //#endregion
@@ -14608,16 +14618,16 @@ function RecordingWhiteAnimation({ autoplay = true, loop = true, showControls =
14608
14618
 
14609
14619
  //#endregion
14610
14620
  //#region src/DesignTokens/Animations/lotties/sound-input-animation.json
14611
- var v$7 = "5.5.2";
14612
- var fr$8 = 29.9700012207031;
14613
- var ip$7 = 0;
14614
- var op$7 = 60.0000024438501;
14615
- var w$7 = 488;
14616
- var h$7 = 488;
14617
- var nm$7 = "recording spectrum_MAIN";
14618
- var ddd$7 = 0;
14619
- var assets$7 = [];
14620
- var layers$7 = [
14621
+ var v$8 = "5.5.2";
14622
+ var fr$9 = 29.9700012207031;
14623
+ var ip$8 = 0;
14624
+ var op$8 = 60.0000024438501;
14625
+ var w$8 = 488;
14626
+ var h$8 = 488;
14627
+ var nm$8 = "recording spectrum_MAIN";
14628
+ var ddd$8 = 0;
14629
+ var assets$8 = [];
14630
+ var layers$8 = [
14621
14631
  {
14622
14632
  "ddd": 0,
14623
14633
  "ind": 1,
@@ -16456,8 +16466,505 @@ var layers$7 = [
16456
16466
  "bm": 0
16457
16467
  }
16458
16468
  ];
16459
- var markers$7 = [];
16469
+ var markers$8 = [];
16460
16470
  var sound_input_animation_default = {
16471
+ v: v$8,
16472
+ fr: fr$9,
16473
+ ip: ip$8,
16474
+ op: op$8,
16475
+ w: w$8,
16476
+ h: h$8,
16477
+ nm: nm$8,
16478
+ ddd: ddd$8,
16479
+ assets: assets$8,
16480
+ layers: layers$8,
16481
+ markers: markers$8
16482
+ };
16483
+
16484
+ //#endregion
16485
+ //#region src/DesignTokens/Animations/MediaControl/SoundInputAnimation.tsx
16486
+ function SoundInputAnimation({ autoplay = true, loop = true, showControls = false, style = {
16487
+ height: "100%",
16488
+ width: "100%"
16489
+ } }) {
16490
+ return /* @__PURE__ */ React.createElement(Player, {
16491
+ autoplay,
16492
+ loop,
16493
+ src: sound_input_animation_default,
16494
+ style
16495
+ }, showControls && /* @__PURE__ */ React.createElement(Controls, { visible: true }));
16496
+ }
16497
+
16498
+ //#endregion
16499
+ //#region src/DesignTokens/Animations/lotties/loader-circle-animation.json
16500
+ var v$7 = "5.5.5";
16501
+ var fr$8 = 25;
16502
+ var ip$7 = 0;
16503
+ var op$7 = 75;
16504
+ var w$7 = 600;
16505
+ var h$7 = 300;
16506
+ var nm$7 = "Loading-2";
16507
+ var ddd$7 = 0;
16508
+ var assets$7 = [];
16509
+ var layers$7 = [{
16510
+ "ddd": 0,
16511
+ "ind": 1,
16512
+ "ty": 4,
16513
+ "nm": "icon 2",
16514
+ "sr": 1,
16515
+ "ks": {
16516
+ "o": {
16517
+ "a": 0,
16518
+ "k": 100,
16519
+ "ix": 11
16520
+ },
16521
+ "r": {
16522
+ "a": 1,
16523
+ "k": [{
16524
+ "i": {
16525
+ "x": [.667],
16526
+ "y": [1]
16527
+ },
16528
+ "o": {
16529
+ "x": [.333],
16530
+ "y": [0]
16531
+ },
16532
+ "t": 39,
16533
+ "s": [-90]
16534
+ }, {
16535
+ "t": 79,
16536
+ "s": [270]
16537
+ }],
16538
+ "ix": 10
16539
+ },
16540
+ "p": {
16541
+ "a": 0,
16542
+ "k": [
16543
+ 300,
16544
+ 150,
16545
+ 0
16546
+ ],
16547
+ "ix": 2
16548
+ },
16549
+ "a": {
16550
+ "a": 0,
16551
+ "k": [
16552
+ 53,
16553
+ 53,
16554
+ 0
16555
+ ],
16556
+ "ix": 1
16557
+ },
16558
+ "s": {
16559
+ "a": 0,
16560
+ "k": [
16561
+ 199.99999999999997,
16562
+ 200.00000000000006,
16563
+ 100
16564
+ ],
16565
+ "ix": 6
16566
+ }
16567
+ },
16568
+ "ao": 0,
16569
+ "shapes": [{
16570
+ "ty": "gr",
16571
+ "it": [
16572
+ {
16573
+ "ind": 0,
16574
+ "ty": "sh",
16575
+ "ix": 1,
16576
+ "ks": {
16577
+ "a": 0,
16578
+ "k": {
16579
+ "i": [
16580
+ [0, -15.464],
16581
+ [15.464, 0],
16582
+ [0, 15.464],
16583
+ [-15.464, 0]
16584
+ ],
16585
+ "o": [
16586
+ [0, 15.464],
16587
+ [-15.464, 0],
16588
+ [0, -15.464],
16589
+ [15.464, 0]
16590
+ ],
16591
+ "v": [
16592
+ [28, 0],
16593
+ [0, 28],
16594
+ [-28, 0],
16595
+ [0, -28]
16596
+ ],
16597
+ "c": true
16598
+ },
16599
+ "ix": 2
16600
+ },
16601
+ "nm": "Path 1",
16602
+ "mn": "ADBE Vector Shape - Group",
16603
+ "hd": false
16604
+ },
16605
+ {
16606
+ "ty": "st",
16607
+ "c": {
16608
+ "a": 0,
16609
+ "k": [
16610
+ 0,
16611
+ 0,
16612
+ 0,
16613
+ 1
16614
+ ],
16615
+ "ix": 3
16616
+ },
16617
+ "o": {
16618
+ "a": 0,
16619
+ "k": 100,
16620
+ "ix": 4
16621
+ },
16622
+ "w": {
16623
+ "a": 0,
16624
+ "k": 10,
16625
+ "ix": 5
16626
+ },
16627
+ "lc": 2,
16628
+ "lj": 1,
16629
+ "ml": 10,
16630
+ "bm": 0,
16631
+ "nm": "Stroke 1",
16632
+ "mn": "ADBE Vector Graphic - Stroke",
16633
+ "hd": false
16634
+ },
16635
+ {
16636
+ "ty": "tr",
16637
+ "p": {
16638
+ "a": 0,
16639
+ "k": [53, 53],
16640
+ "ix": 2
16641
+ },
16642
+ "a": {
16643
+ "a": 0,
16644
+ "k": [0, 0],
16645
+ "ix": 1
16646
+ },
16647
+ "s": {
16648
+ "a": 0,
16649
+ "k": [100, 100],
16650
+ "ix": 3
16651
+ },
16652
+ "r": {
16653
+ "a": 0,
16654
+ "k": 0,
16655
+ "ix": 6
16656
+ },
16657
+ "o": {
16658
+ "a": 0,
16659
+ "k": 100,
16660
+ "ix": 7
16661
+ },
16662
+ "sk": {
16663
+ "a": 0,
16664
+ "k": 0,
16665
+ "ix": 4
16666
+ },
16667
+ "sa": {
16668
+ "a": 0,
16669
+ "k": 0,
16670
+ "ix": 5
16671
+ },
16672
+ "nm": "Transform"
16673
+ }
16674
+ ],
16675
+ "nm": "Group 1",
16676
+ "np": 2,
16677
+ "cix": 2,
16678
+ "bm": 0,
16679
+ "ix": 1,
16680
+ "mn": "ADBE Vector Group",
16681
+ "hd": false
16682
+ }, {
16683
+ "ty": "tm",
16684
+ "s": {
16685
+ "a": 1,
16686
+ "k": [{
16687
+ "i": {
16688
+ "x": [.667],
16689
+ "y": [1]
16690
+ },
16691
+ "o": {
16692
+ "x": [.333],
16693
+ "y": [0]
16694
+ },
16695
+ "t": 51,
16696
+ "s": [0]
16697
+ }, {
16698
+ "t": 79,
16699
+ "s": [100]
16700
+ }],
16701
+ "ix": 1
16702
+ },
16703
+ "e": {
16704
+ "a": 1,
16705
+ "k": [{
16706
+ "i": {
16707
+ "x": [.667],
16708
+ "y": [1]
16709
+ },
16710
+ "o": {
16711
+ "x": [.333],
16712
+ "y": [0]
16713
+ },
16714
+ "t": 39,
16715
+ "s": [0]
16716
+ }, {
16717
+ "t": 64,
16718
+ "s": [100]
16719
+ }],
16720
+ "ix": 2
16721
+ },
16722
+ "o": {
16723
+ "a": 0,
16724
+ "k": 0,
16725
+ "ix": 3
16726
+ },
16727
+ "m": 1,
16728
+ "ix": 2,
16729
+ "nm": "Trim Paths 1",
16730
+ "mn": "ADBE Vector Filter - Trim",
16731
+ "hd": false
16732
+ }],
16733
+ "ip": 39,
16734
+ "op": 79,
16735
+ "st": 39,
16736
+ "bm": 0
16737
+ }, {
16738
+ "ddd": 0,
16739
+ "ind": 2,
16740
+ "ty": 4,
16741
+ "nm": "icon",
16742
+ "sr": 1,
16743
+ "ks": {
16744
+ "o": {
16745
+ "a": 0,
16746
+ "k": 100,
16747
+ "ix": 11
16748
+ },
16749
+ "r": {
16750
+ "a": 1,
16751
+ "k": [{
16752
+ "i": {
16753
+ "x": [.667],
16754
+ "y": [1]
16755
+ },
16756
+ "o": {
16757
+ "x": [.333],
16758
+ "y": [0]
16759
+ },
16760
+ "t": 0,
16761
+ "s": [-90]
16762
+ }, {
16763
+ "t": 40,
16764
+ "s": [270]
16765
+ }],
16766
+ "ix": 10
16767
+ },
16768
+ "p": {
16769
+ "a": 0,
16770
+ "k": [
16771
+ 300,
16772
+ 150,
16773
+ 0
16774
+ ],
16775
+ "ix": 2
16776
+ },
16777
+ "a": {
16778
+ "a": 0,
16779
+ "k": [
16780
+ 53,
16781
+ 53,
16782
+ 0
16783
+ ],
16784
+ "ix": 1
16785
+ },
16786
+ "s": {
16787
+ "a": 0,
16788
+ "k": [
16789
+ 199.99999999999997,
16790
+ 200.00000000000006,
16791
+ 100
16792
+ ],
16793
+ "ix": 6
16794
+ }
16795
+ },
16796
+ "ao": 0,
16797
+ "shapes": [{
16798
+ "ty": "gr",
16799
+ "it": [
16800
+ {
16801
+ "ind": 0,
16802
+ "ty": "sh",
16803
+ "ix": 1,
16804
+ "ks": {
16805
+ "a": 0,
16806
+ "k": {
16807
+ "i": [
16808
+ [0, -15.464],
16809
+ [15.464, 0],
16810
+ [0, 15.464],
16811
+ [-15.464, 0]
16812
+ ],
16813
+ "o": [
16814
+ [0, 15.464],
16815
+ [-15.464, 0],
16816
+ [0, -15.464],
16817
+ [15.464, 0]
16818
+ ],
16819
+ "v": [
16820
+ [28, 0],
16821
+ [0, 28],
16822
+ [-28, 0],
16823
+ [0, -28]
16824
+ ],
16825
+ "c": true
16826
+ },
16827
+ "ix": 2
16828
+ },
16829
+ "nm": "Path 1",
16830
+ "mn": "ADBE Vector Shape - Group",
16831
+ "hd": false
16832
+ },
16833
+ {
16834
+ "ty": "st",
16835
+ "c": {
16836
+ "a": 0,
16837
+ "k": [
16838
+ 0,
16839
+ 0,
16840
+ 0,
16841
+ 1
16842
+ ],
16843
+ "ix": 3
16844
+ },
16845
+ "o": {
16846
+ "a": 0,
16847
+ "k": 100,
16848
+ "ix": 4
16849
+ },
16850
+ "w": {
16851
+ "a": 0,
16852
+ "k": 10,
16853
+ "ix": 5
16854
+ },
16855
+ "lc": 2,
16856
+ "lj": 1,
16857
+ "ml": 10,
16858
+ "bm": 0,
16859
+ "nm": "Stroke 1",
16860
+ "mn": "ADBE Vector Graphic - Stroke",
16861
+ "hd": false
16862
+ },
16863
+ {
16864
+ "ty": "tr",
16865
+ "p": {
16866
+ "a": 0,
16867
+ "k": [53, 53],
16868
+ "ix": 2
16869
+ },
16870
+ "a": {
16871
+ "a": 0,
16872
+ "k": [0, 0],
16873
+ "ix": 1
16874
+ },
16875
+ "s": {
16876
+ "a": 0,
16877
+ "k": [100, 100],
16878
+ "ix": 3
16879
+ },
16880
+ "r": {
16881
+ "a": 0,
16882
+ "k": 0,
16883
+ "ix": 6
16884
+ },
16885
+ "o": {
16886
+ "a": 0,
16887
+ "k": 100,
16888
+ "ix": 7
16889
+ },
16890
+ "sk": {
16891
+ "a": 0,
16892
+ "k": 0,
16893
+ "ix": 4
16894
+ },
16895
+ "sa": {
16896
+ "a": 0,
16897
+ "k": 0,
16898
+ "ix": 5
16899
+ },
16900
+ "nm": "Transform"
16901
+ }
16902
+ ],
16903
+ "nm": "Group 1",
16904
+ "np": 2,
16905
+ "cix": 2,
16906
+ "bm": 0,
16907
+ "ix": 1,
16908
+ "mn": "ADBE Vector Group",
16909
+ "hd": false
16910
+ }, {
16911
+ "ty": "tm",
16912
+ "s": {
16913
+ "a": 1,
16914
+ "k": [{
16915
+ "i": {
16916
+ "x": [.667],
16917
+ "y": [1]
16918
+ },
16919
+ "o": {
16920
+ "x": [.333],
16921
+ "y": [0]
16922
+ },
16923
+ "t": 12,
16924
+ "s": [0]
16925
+ }, {
16926
+ "t": 40,
16927
+ "s": [100]
16928
+ }],
16929
+ "ix": 1
16930
+ },
16931
+ "e": {
16932
+ "a": 1,
16933
+ "k": [{
16934
+ "i": {
16935
+ "x": [.667],
16936
+ "y": [1]
16937
+ },
16938
+ "o": {
16939
+ "x": [.333],
16940
+ "y": [0]
16941
+ },
16942
+ "t": 0,
16943
+ "s": [0]
16944
+ }, {
16945
+ "t": 25,
16946
+ "s": [100]
16947
+ }],
16948
+ "ix": 2
16949
+ },
16950
+ "o": {
16951
+ "a": 0,
16952
+ "k": 0,
16953
+ "ix": 3
16954
+ },
16955
+ "m": 1,
16956
+ "ix": 2,
16957
+ "nm": "Trim Paths 1",
16958
+ "mn": "ADBE Vector Filter - Trim",
16959
+ "hd": false
16960
+ }],
16961
+ "ip": 0,
16962
+ "op": 40,
16963
+ "st": 0,
16964
+ "bm": 0
16965
+ }];
16966
+ var markers$7 = [];
16967
+ var loader_circle_animation_default = {
16461
16968
  v: v$7,
16462
16969
  fr: fr$8,
16463
16970
  ip: ip$7,
@@ -16472,15 +16979,44 @@ var sound_input_animation_default = {
16472
16979
  };
16473
16980
 
16474
16981
  //#endregion
16475
- //#region src/DesignTokens/Animations/MediaControl/SoundInputAnimation.tsx
16476
- function SoundInputAnimation({ autoplay = true, loop = true, showControls = false, style = {
16982
+ //#region src/DesignTokens/Animations/MediaControl/LoaderCircleAnimation.tsx
16983
+ function hexToLottieColor(hex) {
16984
+ const cleanHex = hex.replace("#", "");
16985
+ const r = parseInt(cleanHex.slice(0, 2), 16) / 255;
16986
+ const g = parseInt(cleanHex.slice(2, 4), 16) / 255;
16987
+ const b = parseInt(cleanHex.slice(4, 6), 16) / 255;
16988
+ return [
16989
+ r,
16990
+ g,
16991
+ b,
16992
+ 1
16993
+ ];
16994
+ }
16995
+ function replaceColorsInItems(items, color) {
16996
+ items.forEach((item) => {
16997
+ if ((item.ty === "st" || item.ty === "fl") && item.c?.k) item.c.k = color;
16998
+ if (Array.isArray(item.it)) replaceColorsInItems(item.it, color);
16999
+ });
17000
+ }
17001
+ function replaceLottieColors(animationData, color) {
17002
+ const clonedData = structuredClone(animationData);
17003
+ clonedData.layers?.forEach((layer) => {
17004
+ if (Array.isArray(layer.shapes)) replaceColorsInItems(layer.shapes, color);
17005
+ });
17006
+ return clonedData;
17007
+ }
17008
+ function LoaderCircleAnimation({ autoplay = true, loop = true, showControls = false, style = {
16477
17009
  height: "100%",
16478
17010
  width: "100%"
16479
- } }) {
17011
+ }, color = "#000000" }) {
17012
+ const animationData = useMemo(() => {
17013
+ return replaceLottieColors(loader_circle_animation_default, hexToLottieColor(color));
17014
+ }, [color]);
16480
17015
  return /* @__PURE__ */ React.createElement(Player, {
17016
+ key: color,
16481
17017
  autoplay,
16482
17018
  loop,
16483
- src: sound_input_animation_default,
17019
+ src: animationData,
16484
17020
  style
16485
17021
  }, showControls && /* @__PURE__ */ React.createElement(Controls, { visible: true }));
16486
17022
  }
@@ -74041,19 +74577,19 @@ const getHighlightedText = (description, clusters) => {
74041
74577
  });
74042
74578
  highlights.sort((a, b) => a.start - b.start);
74043
74579
  let merged = [];
74044
- for (let h$10 of highlights) if (merged.length > 0 && h$10.start < merged[merged.length - 1].end) merged[merged.length - 1].end = Math.max(merged[merged.length - 1].end, h$10.end);
74045
- else merged.push({ ...h$10 });
74046
- merged.forEach((h$10, idx) => {
74047
- if (lastIndex < h$10.start) elements.push(description.slice(lastIndex, h$10.start));
74048
- const treatedHighlightColor = changeColorLuminance(colord(h$10.color), 90);
74580
+ for (let h$11 of highlights) if (merged.length > 0 && h$11.start < merged[merged.length - 1].end) merged[merged.length - 1].end = Math.max(merged[merged.length - 1].end, h$11.end);
74581
+ else merged.push({ ...h$11 });
74582
+ merged.forEach((h$11, idx) => {
74583
+ if (lastIndex < h$11.start) elements.push(description.slice(lastIndex, h$11.start));
74584
+ const treatedHighlightColor = changeColorLuminance(colord(h$11.color), 90);
74049
74585
  elements.push(/* @__PURE__ */ React.createElement("span", {
74050
- key: `highlight_${h$10.start}_${h$10.end}_${h$10.name}_${idx}`,
74586
+ key: `highlight_${h$11.start}_${h$11.end}_${h$11.name}_${idx}`,
74051
74587
  style: {
74052
74588
  backgroundColor: treatedHighlightColor,
74053
- color: changeColorLuminance(colord(h$10.color), 30)
74589
+ color: changeColorLuminance(colord(h$11.color), 30)
74054
74590
  }
74055
- }, description.slice(h$10.start, h$10.end)));
74056
- lastIndex = h$10.end;
74591
+ }, description.slice(h$11.start, h$11.end)));
74592
+ lastIndex = h$11.end;
74057
74593
  });
74058
74594
  if (lastIndex < description.length) elements.push(description.slice(lastIndex));
74059
74595
  return elements;
@@ -77971,5 +78507,5 @@ const TimePicker = ({ className, label, topLabel, topLabelWeight, topLabelSize,
77971
78507
  };
77972
78508
 
77973
78509
  //#endregion
77974
- export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AndroidIcon, AngryIntervieweeFemale, AnonymizeIcon, AppStoreBadge, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, ArrowsIcon, Avatar, Badge, Banner, BigEmojisAnimation, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BrainIconGradiant, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckedIconThin, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, Cluster, CogIcon, ColorPicker, ColorSample, ConfusedInterviewee, ConfusedIntervieweeFemale, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DateTimePicker, DisketteIcon, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, ExpandIcon, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FlyingDudeAnimation, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HappyRobotAnimation, HardDriveIcon, HeartIcon, HeartIconFilled, HelpIcon, HelpIconAlt, HistoryIcon, IconButton, InfoCircledIcon, IntegratedUsabilityScore, KeyIcon as InteractionKeyIcon, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, IosIcon, KeyIcon$1 as KeyIcon, LanguageIcon, LaptopIcon, LaughingIntervieweeMale, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, LinkedInIcon, ListToDoIcon, LockIcon, LogoBeta, LogoBlack, LogoBlue, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MailIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultiSelectWithoutFilter, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NewLoaderAnimation, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaFeatures, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, OtherTab, PaintingPaletteIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PdfReport, PencilWriteIcon, PlayFillIcon, PlayIcon, PlayStoreBadge, PointingMan, PopoverBeta, PreviousIcon, PricingCard, PricingCheckedIcon, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, QuoteIcon, Radio, RatingScale, RecordIcon, RecordingAnimation, RecordingIcon, RecordingWhiteAnimation, RefreshIcon, RefusedIcon, RemoveCircledIcon, ReportIcon, RespondentLogo, RessourcesAnimation, RobotAnimation, RobotIcon, RoleIcon, SadInterviewee, Scenario, ScheduleTasks, ScreenShareIcon, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, ShrinkIcon, SingleSelect, SingleSelectWithCategories, SingleSelectWithoutFilter, Slider, SmartBrainIcon, SortingIcon, SortingIconZA, SoundInputAnimation, SquareText, StarFilledIcon, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SurprisedInterviewee, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, TestimonialAnimation, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnhappyIntervieweeMale, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WalletIcon, WarningIcon, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
78510
+ export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AndroidIcon, AngryIntervieweeFemale, AnonymizeIcon, AppStoreBadge, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, ArrowsIcon, Avatar, Badge, Banner, BigEmojisAnimation, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BrainIconGradiant, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckedIconThin, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, Cluster, CogIcon, ColorPicker, ColorSample, ConfusedInterviewee, ConfusedIntervieweeFemale, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DateTimePicker, DisketteIcon, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, ExpandIcon, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FlyingDudeAnimation, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HappyRobotAnimation, HardDriveIcon, HeartIcon, HeartIconFilled, HelpIcon, HelpIconAlt, HistoryIcon, IconButton, InfoCircledIcon, IntegratedUsabilityScore, KeyIcon as InteractionKeyIcon, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, IosIcon, KeyIcon$1 as KeyIcon, LanguageIcon, LaptopIcon, LaughingIntervieweeMale, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, LinkedInIcon, ListToDoIcon, LoaderCircleAnimation, LockIcon, LogoBeta, LogoBlack, LogoBlue, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MailIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultiSelectWithoutFilter, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NewLoaderAnimation, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaFeatures, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, OtherTab, PaintingPaletteIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PdfReport, PencilWriteIcon, PlayFillIcon, PlayIcon, PlayStoreBadge, PointingMan, PopoverBeta, PreviousIcon, PricingCard, PricingCheckedIcon, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, QuoteIcon, Radio, RatingScale, RecordIcon, RecordingAnimation, RecordingIcon, RecordingWhiteAnimation, RefreshIcon, RefusedIcon, RemoveCircledIcon, ReportIcon, RespondentLogo, RessourcesAnimation, RobotAnimation, RobotIcon, RoleIcon, SadInterviewee, Scenario, ScheduleTasks, ScreenShareIcon, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, ShrinkIcon, SingleSelect, SingleSelectWithCategories, SingleSelectWithoutFilter, Slider, SmartBrainIcon, SortingIcon, SortingIconZA, SoundInputAnimation, SquareText, StarFilledIcon, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SurprisedInterviewee, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, TestimonialAnimation, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnhappyIntervieweeMale, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WalletIcon, WarningIcon, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
77975
78511
  //# sourceMappingURL=index.js.map