@kivid/native-components 1.0.0-alpha.20 → 1.0.0-alpha.22

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 (105) hide show
  1. package/dist/commonjs/components/ChatBubble/assets/class-variants.js +55 -4
  2. package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
  3. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js +25 -20
  4. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
  5. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js +6 -0
  6. package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
  7. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +8 -3
  8. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  9. package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js +7 -1
  10. package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
  11. package/dist/commonjs/components/ChatBubble/index.js +58 -13
  12. package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
  13. package/dist/commonjs/components/DatePicker/assets/theme.js +99 -0
  14. package/dist/commonjs/components/DatePicker/assets/theme.js.map +1 -0
  15. package/dist/commonjs/components/DatePicker/index.js +174 -0
  16. package/dist/commonjs/components/DatePicker/index.js.map +1 -0
  17. package/dist/commonjs/components/DatePicker/types.js +6 -0
  18. package/dist/commonjs/components/DatePicker/types.js.map +1 -0
  19. package/dist/commonjs/components/IconButton/index.js +1 -0
  20. package/dist/commonjs/components/IconButton/index.js.map +1 -1
  21. package/dist/commonjs/components/MessageInput/assets/class-variants.js +31 -0
  22. package/dist/commonjs/components/MessageInput/assets/class-variants.js.map +1 -0
  23. package/dist/commonjs/components/MessageInput/index.js +105 -0
  24. package/dist/commonjs/components/MessageInput/index.js.map +1 -0
  25. package/dist/commonjs/components/MessageInput/types.js +6 -0
  26. package/dist/commonjs/components/MessageInput/types.js.map +1 -0
  27. package/dist/commonjs/components/TextInput/assets/class-variants.js +21 -4
  28. package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -1
  29. package/dist/commonjs/components/TextInput/enums.js +7 -1
  30. package/dist/commonjs/components/TextInput/enums.js.map +1 -1
  31. package/dist/commonjs/components/TextInput/index.js +13 -3
  32. package/dist/commonjs/components/TextInput/index.js.map +1 -1
  33. package/dist/commonjs/components/index.js +65 -43
  34. package/dist/commonjs/components/index.js.map +1 -1
  35. package/dist/module/components/ChatBubble/assets/class-variants.js +54 -3
  36. package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
  37. package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js +26 -21
  38. package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
  39. package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js +4 -0
  40. package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
  41. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +7 -2
  42. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  43. package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js +9 -2
  44. package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
  45. package/dist/module/components/ChatBubble/index.js +59 -14
  46. package/dist/module/components/ChatBubble/index.js.map +1 -1
  47. package/dist/module/components/DatePicker/assets/theme.js +95 -0
  48. package/dist/module/components/DatePicker/assets/theme.js.map +1 -0
  49. package/dist/module/components/DatePicker/index.js +169 -0
  50. package/dist/module/components/DatePicker/index.js.map +1 -0
  51. package/dist/module/components/DatePicker/types.js +4 -0
  52. package/dist/module/components/DatePicker/types.js.map +1 -0
  53. package/dist/module/components/IconButton/index.js +1 -0
  54. package/dist/module/components/IconButton/index.js.map +1 -1
  55. package/dist/module/components/MessageInput/assets/class-variants.js +27 -0
  56. package/dist/module/components/MessageInput/assets/class-variants.js.map +1 -0
  57. package/dist/module/components/MessageInput/index.js +100 -0
  58. package/dist/module/components/MessageInput/index.js.map +1 -0
  59. package/dist/module/components/MessageInput/types.js +4 -0
  60. package/dist/module/components/MessageInput/types.js.map +1 -0
  61. package/dist/module/components/TextInput/assets/class-variants.js +21 -4
  62. package/dist/module/components/TextInput/assets/class-variants.js.map +1 -1
  63. package/dist/module/components/TextInput/enums.js +6 -0
  64. package/dist/module/components/TextInput/enums.js.map +1 -1
  65. package/dist/module/components/TextInput/index.js +14 -4
  66. package/dist/module/components/TextInput/index.js.map +1 -1
  67. package/dist/module/components/index.js +3 -0
  68. package/dist/module/components/index.js.map +1 -1
  69. package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +7 -1
  70. package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts +1 -6
  71. package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/types.d.ts +6 -0
  72. package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +1 -0
  73. package/dist/typescript/components/ChatBubble/types.d.ts +1 -0
  74. package/dist/typescript/components/DatePicker/assets/theme.d.ts +92 -0
  75. package/dist/typescript/components/DatePicker/index.d.ts +2 -0
  76. package/dist/typescript/components/DatePicker/types.d.ts +17 -0
  77. package/dist/typescript/components/MessageInput/assets/class-variants.d.ts +7 -0
  78. package/dist/typescript/components/MessageInput/index.d.ts +6 -0
  79. package/dist/typescript/components/MessageInput/types.d.ts +13 -0
  80. package/dist/typescript/components/TextInput/assets/class-variants.d.ts +3 -0
  81. package/dist/typescript/components/TextInput/enums.d.ts +5 -0
  82. package/dist/typescript/components/TextInput/index.d.ts +1 -1
  83. package/dist/typescript/components/TextInput/types.d.ts +4 -1
  84. package/dist/typescript/components/index.d.ts +6 -0
  85. package/package.json +26 -11
  86. package/src/components/ChatBubble/assets/class-variants.ts +130 -66
  87. package/src/components/ChatBubble/components/ChatBubbleEar/index.tsx +35 -24
  88. package/src/components/ChatBubble/components/ChatBubbleEar/types.ts +7 -0
  89. package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +8 -5
  90. package/src/components/ChatBubble/components/ChatBubbleTime/index.tsx +4 -1
  91. package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +1 -0
  92. package/src/components/ChatBubble/index.tsx +83 -23
  93. package/src/components/ChatBubble/types.ts +1 -0
  94. package/src/components/DatePicker/assets/theme.ts +92 -0
  95. package/src/components/DatePicker/index.tsx +203 -0
  96. package/src/components/DatePicker/types.ts +20 -0
  97. package/src/components/IconButton/index.tsx +1 -0
  98. package/src/components/MessageInput/assets/class-variants.ts +35 -0
  99. package/src/components/MessageInput/index.tsx +121 -0
  100. package/src/components/MessageInput/types.ts +18 -0
  101. package/src/components/TextInput/assets/class-variants.ts +32 -13
  102. package/src/components/TextInput/enums.ts +6 -0
  103. package/src/components/TextInput/index.tsx +9 -1
  104. package/src/components/TextInput/types.ts +4 -1
  105. package/src/components/index.ts +8 -0
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.chatBubbleTimeVariants = exports.chatBubbleBoxVariants = void 0;
6
+ exports.chatBubbleTimeVariants = exports.chatBubbleContainerVariants = exports.chatBubbleBoxVariants = void 0;
7
7
  var _classVarianceAuthority = require("class-variance-authority");
8
- const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVarianceAuthority.cva)("gap-400 px-600 py-500 min-h-1000", {
8
+ const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVarianceAuthority.cva)("gap-400 px-600 py-500 min-h-1000 shrink min-w-0", {
9
9
  variants: {
10
10
  variant: {
11
11
  check: "",
@@ -28,6 +28,10 @@ const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVariance
28
28
  fullWidth: {
29
29
  true: "flex-row w-full",
30
30
  false: "flex-row"
31
+ },
32
+ origin: {
33
+ assistant: "",
34
+ user: ""
31
35
  }
32
36
  },
33
37
  compoundVariants: [{
@@ -55,19 +59,66 @@ const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVariance
55
59
  className: "bg-chia-100"
56
60
  }, {
57
61
  hasEar: true,
62
+ origin: "assistant",
58
63
  className: "rounded-700 rounded-bl-100"
59
64
  }, {
60
65
  hasEar: false,
66
+ origin: "assistant",
61
67
  className: "rounded-700 rounded-bl-300"
68
+ }, {
69
+ hasEar: true,
70
+ origin: "user",
71
+ className: "rounded-700 rounded-br-100"
72
+ }, {
73
+ hasEar: false,
74
+ origin: "user",
75
+ className: "rounded-700 rounded-br-300"
62
76
  }, {
63
77
  messageType: "followUp",
78
+ origin: "assistant",
64
79
  className: "rounded-tl-300"
80
+ }, {
81
+ messageType: "followUp",
82
+ origin: "user",
83
+ className: "rounded-tr-300"
84
+ }, {
85
+ origin: "user",
86
+ variant: "custom",
87
+ colorState: "fill",
88
+ className: "bg-grape-500"
89
+ }, {
90
+ origin: "user",
91
+ variant: "custom",
92
+ colorState: "outline",
93
+ className: ""
65
94
  }],
66
95
  defaultVariants: {
67
96
  colorState: "fill",
68
97
  messageType: "initial",
69
- fullWidth: false
98
+ fullWidth: false,
99
+ origin: "assistant"
100
+ }
101
+ });
102
+ const chatBubbleTimeVariants = exports.chatBubbleTimeVariants = (0, _classVarianceAuthority.cva)("flex-row items-center gap-400 pt-400", {
103
+ variants: {
104
+ origin: {
105
+ assistant: "pl-400",
106
+ user: "pr-400"
107
+ }
108
+ },
109
+ defaultVariants: {
110
+ origin: "assistant"
111
+ }
112
+ });
113
+ const chatBubbleContainerVariants = exports.chatBubbleContainerVariants = (0, _classVarianceAuthority.cva)("flex", {
114
+ variants: {
115
+ origin: {
116
+ assistant: "items-start",
117
+ user: "items-end"
118
+ }
119
+ },
120
+ defaultVariants: {
121
+ origin: "assistant"
70
122
  }
71
123
  });
72
- const chatBubbleTimeVariants = exports.chatBubbleTimeVariants = (0, _classVarianceAuthority.cva)("flex-row items-center gap-400 pt-400 pl-400");
73
124
  //# sourceMappingURL=class-variants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_classVarianceAuthority","require","chatBubbleBoxVariants","exports","cva","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","fullWidth","compoundVariants","className","defaultVariants","chatBubbleTimeVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,2BAAG,EAAC,kCAAkC,EAAE;EAC3EC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTL,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,gBAAgB,EAAE,CAChB;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBW,SAAS,EAAE;EACb,CAAC,EACD;IACEhB,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBW,SAAS,EAAE;EACb,CAAC,EACD;IACEX,UAAU,EAAE,SAAS;IACrBW,SAAS,EAAE;EACb,CAAC,EACD;IACER,MAAM,EAAE,IAAI;IACZQ,SAAS,EAAE;EACb,CAAC,EACD;IACER,MAAM,EAAE,KAAK;IACbQ,SAAS,EAAE;EACb,CAAC,EACD;IAAEL,WAAW,EAAE,UAAU;IAAEK,SAAS,EAAE;EAAiB,CAAC,CACzD;EACDC,eAAe,EAAE;IACfZ,UAAU,EAAE,MAAM;IAClBM,WAAW,EAAE,SAAS;IACtBG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEK,MAAMI,sBAAsB,GAAArB,OAAA,CAAAqB,sBAAA,GAAG,IAAApB,2BAAG,EACvC,6CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_classVarianceAuthority","require","chatBubbleBoxVariants","exports","cva","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","fullWidth","origin","assistant","user","compoundVariants","className","defaultVariants","chatBubbleTimeVariants","chatBubbleContainerVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}
@@ -12,24 +12,29 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
12
12
  const ChatBubbleEar = ({
13
13
  type = "fill",
14
14
  color = "#F2F7F7",
15
+ mirrored = false,
15
16
  ...props
16
17
  }) => {
17
- if (type === "outline") {
18
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
19
- width: 12,
20
- height: 10,
21
- viewBox: "0 0 12 10",
22
- fill: "none",
23
- ...props,
24
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
25
- d: "M11.5 0.5V9.5H7.75098C2.95557 9.34303 1.06326 5.41102 0.511719 3.91016C0.476256 3.80748 0.523736 3.72138 0.575195 3.69141L0.576172 3.69043C0.597192 3.67831 0.616459 3.67593 0.632812 3.67773C0.649308 3.67957 0.669032 3.68628 0.688477 3.7041C1.18665 4.17051 2.2435 4.93738 3.79004 4.9375C6.23009 4.9375 8.23446 2.96737 8.47559 0.5H11.5Z",
26
- fill: color,
27
- stroke: "#DEE7E7",
28
- strokeMiterlimit: 10
29
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
30
- d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
31
- fill: color
32
- })]
18
+ const transform = mirrored ? [{
19
+ scaleX: -1
20
+ }] : undefined;
21
+ function renderSvgContent() {
22
+ if (type === "outline") {
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
24
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
25
+ d: "M11.5 0.5V9.5H7.75098C2.95557 9.34303 1.06326 5.41102 0.511719 3.91016C0.476256 3.80748 0.523736 3.72138 0.575195 3.69141L0.576172 3.69043C0.597192 3.67831 0.616459 3.67593 0.632812 3.67773C0.649308 3.67957 0.669032 3.68628 0.688477 3.7041C1.18665 4.17051 2.2435 4.93738 3.79004 4.9375C6.23009 4.9375 8.23446 2.96737 8.47559 0.5H11.5Z",
26
+ fill: color,
27
+ stroke: "#DEE7E7",
28
+ strokeMiterlimit: 10
29
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
30
+ d: "M8 3.15144V9H12V0H9C9 1.47424 8.5 2.46333 8 3.15144Z",
31
+ fill: color
32
+ })]
33
+ });
34
+ }
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
36
+ d: "M12 10V3.55405e-05L8 0C8 2.4436 6.09369 4.43749 3.79039 4.43749C2.41431 4.43749 1.47239 3.75438 1.02718 3.3367C0.832174 3.15714 0.552541 3.12591 0.324419 3.25863C0.0484661 3.41867 -0.0692741 3.76609 0.0411073 4.07837C0.604052 5.61245 2.60563 9.83215 7.73469 10H12Z",
37
+ fill: color
33
38
  });
34
39
  }
35
40
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
@@ -37,11 +42,11 @@ const ChatBubbleEar = ({
37
42
  height: 10,
38
43
  viewBox: "0 0 12 10",
39
44
  fill: "none",
45
+ style: {
46
+ transform
47
+ },
40
48
  ...props,
41
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
42
- d: "M12 10V3.55405e-05L8 0C8 2.4436 6.09369 4.43749 3.79039 4.43749C2.41431 4.43749 1.47239 3.75438 1.02718 3.3367C0.832174 3.15714 0.552541 3.12591 0.324419 3.25863C0.0484661 3.41867 -0.0692741 3.76609 0.0411073 4.07837C0.604052 5.61245 2.60563 9.83215 7.73469 10H12Z",
43
- fill: color
44
- })
49
+ children: renderSvgContent()
45
50
  });
46
51
  };
47
52
  exports.ChatBubbleEar = ChatBubbleEar;
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatBubbleEar","type","color","props","jsxs","width","height","viewBox","fill","children","jsx","Path","d","stroke","strokeMiterlimit","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAN,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAQtC,MAAMmB,aAA2C,GAAGA,CAAC;EAC1DC,IAAI,GAAG,MAAM;EACbC,KAAK,GAAG,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,IAAIF,IAAI,KAAK,SAAS,EAAE;IACtB,oBACE,IAAArB,WAAA,CAAAwB,IAAA,EAAC1B,eAAA,CAAAa,OAAG;MAACc,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC,MAAM;MAAA,GAAKL,KAAK;MAAAM,QAAA,gBACnE,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;QACHC,CAAC,EAAC,gVAAgV;QAClVJ,IAAI,EAAEN,KAAM;QACZW,MAAM,EAAC,SAAS;QAChBC,gBAAgB,EAAE;MAAG,CACtB,CAAC,eACF,IAAAlC,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;QACHC,CAAC,EAAC,sDAAsD;QACxDJ,IAAI,EAAEN;MAAM,CACb,CAAC;IAAA,CACC,CAAC;EAEV;EAEA,oBACE,IAAAtB,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAa,OAAG;IAACc,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAA,GAAKL,KAAK;IAAAM,QAAA,eACnE,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,eAAA,CAAAiC,IAAI;MACHC,CAAC,EAAC,0QAA0Q;MAC5QJ,IAAI,EAAEN;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAf,aAAA,GAAAA,aAAA","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatBubbleEar","type","color","mirrored","props","transform","scaleX","undefined","renderSvgContent","jsxs","Fragment","children","jsx","Path","d","fill","stroke","strokeMiterlimit","width","height","viewBox","style","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleEar/types.ts"],"mappings":"","ignoreList":[]}
@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ChatBubbleText = void 0;
7
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _tailwindPreset = require("@kivid/tailwind-preset");
9
9
  var _index = require("../../../Typography/index.js");
10
10
  var _index2 = require("../../contexts/index.js");
11
11
  var _jsxRuntime = require("react/jsx-runtime");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
13
  /**
14
14
  * Typography component for bubble text content
15
15
  */
@@ -24,7 +24,12 @@ const ChatBubbleText = ({
24
24
  } = (0, _index2.useChatBubbleContext)();
25
25
 
26
26
  // Text color based on bubble colorState
27
- const textColorClass = colorState === "fill" && variant !== "custom" ? "text-chia-200" : "text-chia-800";
27
+ const textColorClass = (0, _react.useMemo)(() => {
28
+ if (colorState === "fill") {
29
+ return "text-chia-200";
30
+ }
31
+ return "text-chia-800";
32
+ }, [colorState, variant]);
28
33
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
29
34
  variant: "body_large",
30
35
  weight: "600",
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","_index2","_jsxRuntime","e","__esModule","default","ChatBubbleText","className","children","props","colorState","variant","useChatBubbleContext","textColorClass","jsx","Typography","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD;AACA;AACA;AACO,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;;EAEtD;EACA,MAAMC,cAAc,GAClBH,UAAU,KAAK,MAAM,IAAIC,OAAO,KAAK,QAAQ,GACzC,eAAe,GACf,eAAe;EAErB,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAe,UAAU;IACTJ,OAAO,EAAC,YAAY;IACpBK,MAAM,EAAC,KAAK;IACZT,SAAS,EAAE,IAAAU,qBAAK,EAACJ,cAAc,EAAE,aAAa,EAAEN,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAACU,OAAA,CAAAZ,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACa,WAAW,GAAG,iBAAiB","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_tailwindPreset","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChatBubbleText","className","children","props","colorState","variant","useChatBubbleContext","textColorClass","useMemo","jsx","Typography","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD;AACA;AACA;AACO,MAAMkB,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;;EAEtD;EACA,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,IAAIJ,UAAU,KAAK,MAAM,EAAE;MACzB,OAAO,eAAe;IACxB;IAEA,OAAO,eAAe;EACxB,CAAC,EAAE,CAACA,UAAU,EAAEC,OAAO,CAAC,CAAC;EAEzB,oBACE,IAAAzB,WAAA,CAAA6B,GAAA,EAAC/B,MAAA,CAAAgC,UAAU;IACTL,OAAO,EAAC,YAAY;IACpBM,MAAM,EAAC,KAAK;IACZV,SAAS,EAAE,IAAAW,qBAAK,EAACL,cAAc,EAAE,aAAa,EAAEN,SAAS,CAAE;IAAA,GACvDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAACW,OAAA,CAAAb,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACc,WAAW,GAAG,iBAAiB","ignoreList":[]}
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _tailwindPreset = require("@kivid/tailwind-preset");
10
10
  var _index = require("../../../Typography/index.js");
11
11
  var _classVariants = require("../../assets/class-variants.js");
12
+ var _index2 = require("../../contexts/ChatBubbleContext/index.js");
12
13
  var _jsxRuntime = require("react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
15
  /**
@@ -19,8 +20,13 @@ const ChatBubbleTime = ({
19
20
  children,
20
21
  ...props
21
22
  }) => {
23
+ const {
24
+ origin
25
+ } = (0, _index2.useChatBubbleContext)();
22
26
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
23
- className: (0, _classVariants.chatBubbleTimeVariants)(),
27
+ className: (0, _classVariants.chatBubbleTimeVariants)({
28
+ origin
29
+ }),
24
30
  accessibilityLabel: `Message time: ${children}`,
25
31
  accessibilityRole: "text",
26
32
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_jsxRuntime","e","__esModule","default","ChatBubbleTime","className","children","props","jsx","View","chatBubbleTimeVariants","accessibilityLabel","accessibilityRole","Typography","variant","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAqE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrE;AACA;AACA;AACO,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACHJ,SAAS,EAAE,IAAAK,qCAAsB,EAAC,CAAE;IACpCC,kBAAkB,EAAE,iBAAiBL,QAAQ,EAAG;IAChDM,iBAAiB,EAAC,MAAM;IAAAN,QAAA,eAExB,IAAAN,WAAA,CAAAQ,GAAA,EAACV,MAAA,CAAAe,UAAU;MACTC,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZV,SAAS,EAAE,IAAAW,qBAAK,EAAC,eAAe,EAAEX,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAACW,OAAA,CAAAb,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACc,WAAW,GAAG,iBAAiB","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_index2","_jsxRuntime","e","__esModule","default","ChatBubbleTime","className","children","props","origin","useChatBubbleContext","jsx","View","chatBubbleTimeVariants","accessibilityLabel","accessibilityRole","Typography","variant","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleTime/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAAwE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExE;AACA;AACA;AACO,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EAEzC,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACf,YAAA,CAAAgB,IAAI;IACHN,SAAS,EAAE,IAAAO,qCAAsB,EAAC;MAAEJ;IAAO,CAAC,CAAE;IAC9CK,kBAAkB,EAAE,iBAAiBP,QAAQ,EAAG;IAChDQ,iBAAiB,EAAC,MAAM;IAAAR,QAAA,eAExB,IAAAN,WAAA,CAAAU,GAAA,EAACb,MAAA,CAAAkB,UAAU;MACTC,OAAO,EAAC,aAAa;MACrBC,MAAM,EAAC,KAAK;MACZZ,SAAS,EAAE,IAAAa,qBAAK,EAAC,eAAe,EAAEb,SAAS,CAAE;MAAA,GACzCE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACT,CAAC;AAEX,CAAC;AAACa,OAAA,CAAAf,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACgB,WAAW,GAAG,iBAAiB","ignoreList":[]}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.ChatBubble = ChatBubble;
7
7
  var _reactNative = require("react-native");
8
8
  var _index = require("./components/index.js");
9
+ var _classVarianceAuthority = require("class-variance-authority");
9
10
  var _classVariants = require("./assets/class-variants.js");
10
11
  var _index2 = require("../../styles/mixins/shadows/index.js");
11
12
  var _tailwindPreset = require("@kivid/tailwind-preset");
@@ -21,6 +22,7 @@ function ChatBubble(props) {
21
22
  children,
22
23
  time: timeFromProps,
23
24
  shouldDisplayTime = true,
25
+ origin = "assistant",
24
26
  messageType = "initial",
25
27
  chatBubbleBoxClassName,
26
28
  fullWidth = false,
@@ -31,17 +33,23 @@ function ChatBubble(props) {
31
33
  const [hours, minutes] = new Date().toLocaleTimeString().split(":");
32
34
  return `${hours}:${minutes}`;
33
35
  }, [timeFromProps]);
34
- const colorMap = {
36
+ const colorMap = (0, _react.useMemo)(() => ({
35
37
  check: "#3DCC78",
36
38
  alert: "#FF8B59",
37
39
  error: "#E65245",
38
- custom: "#FAFCFC"
39
- };
40
- const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[variant];
40
+ custom: origin === "user" ? "#7A50D9" : "#FAFCFC"
41
+ }), [origin]);
42
+ const tailColor = (0, _react.useMemo)(() => {
43
+ if (colorState === "outline") {
44
+ return "#FAFCFC";
45
+ }
46
+ return colorMap[variant];
47
+ }, [colorMap, colorState, variant]);
41
48
  const contextInitialValue = {
42
49
  variant,
43
50
  colorState,
44
- messageType
51
+ messageType,
52
+ origin
45
53
  };
46
54
  const accessibilityLabelMap = {
47
55
  check: "Success message",
@@ -53,19 +61,50 @@ function ChatBubble(props) {
53
61
  if (hasEar) {
54
62
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatBubbleEar, {
55
63
  color: tailColor,
56
- type: colorState
64
+ type: colorState,
65
+ mirrored: origin === "user"
57
66
  });
58
67
  }
59
68
  return null;
60
69
  }
61
- const bubbleWithEarOffset = hasEar ? "mr-[8.8px]" : "";
62
- const bubbleRowClass = `relative flex-row items-end ${bubbleWithEarOffset}`;
70
+ const bubbleWithEarOffset = (0, _react.useMemo)(() => {
71
+ if (origin === "user") {
72
+ if (!hasEar) {
73
+ return "mr-[8px]";
74
+ }
75
+ return "";
76
+ }
77
+ if (origin === "assistant") {
78
+ if (!hasEar) {
79
+ return "ml-[8px]";
80
+ }
81
+ return "";
82
+ }
83
+ return "";
84
+ }, [hasEar, origin]);
85
+ const bubbleRowClass = (0, _classVarianceAuthority.cva)("relative flex-row items-end ", {
86
+ variants: {
87
+ origin: {
88
+ user: `flex-row-reverse ${bubbleWithEarOffset}`,
89
+ assistant: bubbleWithEarOffset
90
+ }
91
+ }
92
+ });
93
+ const bubbleEarContainerClass = (0, _classVarianceAuthority.cva)("w-[12px] h-[10px] pb-[0.2px] z-10 items-center justify-center", {
94
+ variants: {
95
+ origin: {
96
+ user: "ml-[-4px]",
97
+ assistant: "mr-[-4px]"
98
+ }
99
+ }
100
+ });
63
101
  const chatBubbleBoxStyle = (0, _tailwindPreset.merge)((0, _classVariants.chatBubbleBoxVariants)({
64
102
  variant,
65
103
  colorState,
66
104
  hasEar,
67
105
  messageType,
68
- fullWidth
106
+ fullWidth,
107
+ origin
69
108
  }), chatBubbleBoxClassName);
70
109
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ChatBubbleContext.Provider, {
71
110
  value: contextInitialValue,
@@ -73,12 +112,18 @@ function ChatBubble(props) {
73
112
  accessibilityRole: "text",
74
113
  accessibilityLabel: accessibilityLabelMap[variant],
75
114
  accessible: true,
76
- className: (0, _tailwindPreset.merge)("flex", className),
115
+ className: (0, _tailwindPreset.merge)((0, _classVariants.chatBubbleContainerVariants)({
116
+ origin
117
+ }), className),
77
118
  ...restOfProps,
78
119
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
79
- className: bubbleRowClass,
80
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
81
- className: "w-[11px] h-[9px] mr-[-3.2px] pb-[1.2px] z-10 items-center justify-center",
120
+ className: bubbleRowClass({
121
+ origin
122
+ }),
123
+ children: [hasEar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
124
+ className: bubbleEarContainerClass({
125
+ origin
126
+ }),
82
127
  accessibilityElementsHidden: true,
83
128
  importantForAccessibility: "no-hide-descendants",
84
129
  children: renderChatBubbleEar()
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_index","_classVariants","_index2","_tailwindPreset","_index3","_react","_jsxRuntime","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","useMemo","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","jsx","ChatBubbleEar","color","type","bubbleWithEarOffset","bubbleRowClass","chatBubbleBoxStyle","merge","chatBubbleBoxVariants","ChatBubbleContext","Provider","value","jsxs","View","accessibilityRole","accessibilityLabel","accessible","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","elevationDown100","ChatBubbleTime","Content","ChatBubbleContent","Seal","ChatBubbleSeal","Text","ChatBubbleText","Loading","ChatBubbleLoading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAgC,IAAAO,WAAA,GAAAP,OAAA;AAEzB,SAASQ,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAM;IACJC,OAAO,GAAG,QAAQ;IAClBC,UAAU,GAAG,SAAS;IACtBC,MAAM,GAAG,IAAI;IACbC,SAAS;IACTC,QAAQ;IACRC,IAAI,EAAEC,aAAa;IACnBC,iBAAiB,GAAG,IAAI;IACxBC,WAAW,GAAG,SAAS;IACvBC,sBAAsB;IACtBC,SAAS,GAAG,KAAK;IACjB,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAMM,IAAI,GAAG,IAAAO,cAAO,EAAC,MAAM;IACzB,IAAIN,aAAa,EAAE,OAAOA,aAAa;IACvC,MAAM,CAACO,KAAK,EAAEC,OAAO,CAAC,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,kBAAkB,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;IACnE,OAAO,GAAGJ,KAAK,IAAIC,OAAO,EAAE;EAC9B,CAAC,EAAE,CAACR,aAAa,CAAC,CAAC;EAEnB,MAAMY,QAAQ,GAAG;IACfC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EAED,MAAMC,SAAS,GAAGtB,UAAU,KAAK,SAAS,GAAG,SAAS,GAAGiB,QAAQ,CAAClB,OAAO,CAAC;EAE1E,MAAMwB,mBAA2C,GAAG;IAClDxB,OAAO;IACPC,UAAU;IACVO;EACF,CAAC;EAED,MAAMiB,qBAAqB,GAAG;IAC5BN,KAAK,EAAE,iBAAiB;IACxBC,KAAK,EAAE,iBAAiB;IACxBC,KAAK,EAAE,eAAe;IACtBC,MAAM,EAAE;EACV,CAAC;EAED,SAASI,mBAAmBA,CAAA,EAAG;IAC7B,IAAIxB,MAAM,EAAE;MACV,oBAAO,IAAAL,WAAA,CAAA8B,GAAA,EAACpC,MAAA,CAAAqC,aAAa;QAACC,KAAK,EAAEN,SAAU;QAACO,IAAI,EAAE7B;MAAW,CAAE,CAAC;IAC9D;IAEA,OAAO,IAAI;EACb;EAEA,MAAM8B,mBAAmB,GAAG7B,MAAM,GAAG,YAAY,GAAG,EAAE;EACtD,MAAM8B,cAAc,GAAG,+BAA+BD,mBAAmB,EAAE;EAE3E,MAAME,kBAAkB,GAAG,IAAAC,qBAAK,EAC9B,IAAAC,oCAAqB,EAAC;IACpBnC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNM,WAAW;IACXE;EACF,CAAC,CAAC,EACFD,sBACF,CAAC;EAED,oBACE,IAAAZ,WAAA,CAAA8B,GAAA,EAAChC,OAAA,CAAAyC,iBAAiB,CAACC,QAAQ;IAACC,KAAK,EAAEd,mBAAoB;IAAApB,QAAA,eACrD,IAAAP,WAAA,CAAA0C,IAAA,EAAClD,YAAA,CAAAmD,IAAI;MACHC,iBAAiB,EAAC,MAAM;MACxBC,kBAAkB,EAAEjB,qBAAqB,CAACzB,OAAO,CAAE;MACnD2C,UAAU,EAAE,IAAK;MACjBxC,SAAS,EAAE,IAAA+B,qBAAK,EAAC,MAAM,EAAE/B,SAAS,CAAE;MAAA,GAChCQ,WAAW;MAAAP,QAAA,gBAEf,IAAAP,WAAA,CAAA0C,IAAA,EAAClD,YAAA,CAAAmD,IAAI;QAACrC,SAAS,EAAE6B,cAAe;QAAA5B,QAAA,gBAC9B,IAAAP,WAAA,CAAA8B,GAAA,EAACtC,YAAA,CAAAmD,IAAI;UACHrC,SAAS,EACP,0EACD;UACDyC,2BAA2B,EAAE,IAAK;UAClCC,yBAAyB,EAAC,qBAAqB;UAAAzC,QAAA,EAE9CsB,mBAAmB,CAAC;QAAC,CAClB,CAAC,eAEP,IAAA7B,WAAA,CAAA8B,GAAA,EAACtC,YAAA,CAAAmD,IAAI;UACHrC,SAAS,EAAE8B,kBAAmB;UAC9Ba,KAAK,EAAE;YACLC,SAAS,EAAEC;UACb,CAAE;UACFP,iBAAiB,EAAC,MAAM;UAAArC,QAAA,EAEvBA;QAAQ,CACL,CAAC;MAAA,CACH,CAAC,EACNG,iBAAiB,iBAAI,IAAAV,WAAA,CAAA8B,GAAA,EAACpC,MAAA,CAAA0D,cAAc;QAAA7C,QAAA,EAAEC;MAAI,CAAiB,CAAC;IAAA,CACzD;EAAC,CACmB,CAAC;AAEjC;AAEAP,UAAU,CAACoD,OAAO,GAAGC,wBAAiB;AACtCrD,UAAU,CAACsD,IAAI,GAAGC,qBAAc;AAChCvD,UAAU,CAACwD,IAAI,GAAGC,qBAAc;AAChCzD,UAAU,CAAC0D,OAAO,GAAGC,wBAAiB;AAEtC3D,UAAU,CAAC4D,WAAW,GAAG,YAAY","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_index","_classVarianceAuthority","_classVariants","_index2","_tailwindPreset","_index3","_react","_jsxRuntime","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","origin","messageType","chatBubbleBoxClassName","fullWidth","restOfProps","useMemo","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","jsx","ChatBubbleEar","color","type","mirrored","bubbleWithEarOffset","bubbleRowClass","cva","variants","user","assistant","bubbleEarContainerClass","chatBubbleBoxStyle","merge","chatBubbleBoxVariants","ChatBubbleContext","Provider","value","jsxs","View","accessibilityRole","accessibilityLabel","accessible","chatBubbleContainerVariants","accessibilityElementsHidden","importantForAccessibility","style","boxShadow","elevationDown100","ChatBubbleTime","Content","ChatBubbleContent","Seal","ChatBubbleSeal","Text","ChatBubbleText","Loading","ChatBubbleLoading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.defaultTheme = void 0;
7
+ const defaultTheme = exports.defaultTheme = {
8
+ backgroundColor: "#FAFCFC",
9
+ calendarBackground: "#FAFCFC",
10
+ textSectionTitleColor: "#6B7280",
11
+ textSectionTitleDisabledColor: "#D1D5DB",
12
+ selectedDayBackgroundColor: "#EAE0FF",
13
+ selectedDayTextColor: "#1F2937",
14
+ todayTextColor: "#1F2937",
15
+ dayTextColor: "#1F2937",
16
+ textDisabledColor: "#D1D5DB",
17
+ dotColor: "#1F2937",
18
+ selectedDotColor: "#1F2937",
19
+ arrowColor: "#1F2937",
20
+ disabledArrowColor: "#D1D5DB",
21
+ monthTextColor: "#1F2937",
22
+ indicatorColor: "#1F2937",
23
+ textDayFontFamily: "System",
24
+ textMonthFontFamily: "System",
25
+ textDayHeaderFontFamily: "System",
26
+ textDayFontWeight: "500",
27
+ textMonthFontWeight: "600",
28
+ textDayHeaderFontWeight: "700",
29
+ textDayFontSize: 16,
30
+ textMonthFontSize: 18,
31
+ textDayHeaderFontSize: 13.5,
32
+ "stylesheet.calendar.header": {
33
+ header: {
34
+ flexDirection: "row",
35
+ justifyContent: "space-between",
36
+ alignItems: "center",
37
+ backgroundColor: "#FAFCFC",
38
+ borderBottomWidth: 1,
39
+ borderBottomColor: "#DEE7E7"
40
+ },
41
+ monthText: {
42
+ fontSize: 18,
43
+ fontWeight: "600",
44
+ color: "#1F2937"
45
+ },
46
+ arrow: {
47
+ padding: 0
48
+ },
49
+ arrowImage: {
50
+ tintColor: "#1F2937"
51
+ },
52
+ week: {
53
+ marginTop: 16,
54
+ marginBottom: 8,
55
+ flexDirection: "row",
56
+ justifyContent: "space-around"
57
+ }
58
+ },
59
+ "stylesheet.day.basic": {
60
+ base: {
61
+ width: 40,
62
+ height: 35,
63
+ alignItems: "center",
64
+ justifyContent: "center",
65
+ borderWidth: 1,
66
+ borderColor: "#DEE7E7",
67
+ borderRadius: 8,
68
+ paddingTop: 6,
69
+ paddingBottom: 4
70
+ },
71
+ text: {
72
+ fontSize: 16,
73
+ fontWeight: "500",
74
+ color: "#1F2937"
75
+ },
76
+ selected: {
77
+ backgroundColor: "#EAE0FF",
78
+ borderWidth: 1,
79
+ borderColor: "#B9A0F2"
80
+ },
81
+ today: {
82
+ backgroundColor: "transparent",
83
+ borderWidth: 1,
84
+ borderColor: "#DEE7E7"
85
+ },
86
+ todayText: {
87
+ color: "#1F2937",
88
+ fontWeight: "600"
89
+ },
90
+ disabled: {
91
+ opacity: 0.3,
92
+ borderWidth: 0
93
+ },
94
+ disabledText: {
95
+ color: "#D1D5DB"
96
+ }
97
+ }
98
+ };
99
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["defaultTheme","exports","backgroundColor","calendarBackground","textSectionTitleColor","textSectionTitleDisabledColor","selectedDayBackgroundColor","selectedDayTextColor","todayTextColor","dayTextColor","textDisabledColor","dotColor","selectedDotColor","arrowColor","disabledArrowColor","monthTextColor","indicatorColor","textDayFontFamily","textMonthFontFamily","textDayHeaderFontFamily","textDayFontWeight","textMonthFontWeight","textDayHeaderFontWeight","textDayFontSize","textMonthFontSize","textDayHeaderFontSize","header","flexDirection","justifyContent","alignItems","borderBottomWidth","borderBottomColor","monthText","fontSize","fontWeight","color","arrow","padding","arrowImage","tintColor","week","marginTop","marginBottom","base","width","height","borderWidth","borderColor","borderRadius","paddingTop","paddingBottom","text","selected","today","todayText","disabled","opacity","disabledText"],"sourceRoot":"../../../../../src","sources":["components/DatePicker/assets/theme.ts"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,qBAAqB,EAAE,SAAS;EAChCC,6BAA6B,EAAE,SAAS;EACxCC,0BAA0B,EAAE,SAAS;EACrCC,oBAAoB,EAAE,SAAS;EAC/BC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAE,SAAS;EACvBC,iBAAiB,EAAE,SAAS;EAC5BC,QAAQ,EAAE,SAAS;EACnBC,gBAAgB,EAAE,SAAS;EAC3BC,UAAU,EAAE,SAAS;EACrBC,kBAAkB,EAAE,SAAS;EAC7BC,cAAc,EAAE,SAAS;EACzBC,cAAc,EAAE,SAAS;EACzBC,iBAAiB,EAAE,QAAQ;EAC3BC,mBAAmB,EAAE,QAAQ;EAC7BC,uBAAuB,EAAE,QAAQ;EACjCC,iBAAiB,EAAE,KAAc;EACjCC,mBAAmB,EAAE,KAAc;EACnCC,uBAAuB,EAAE,KAAc;EACvCC,eAAe,EAAE,EAAE;EACnBC,iBAAiB,EAAE,EAAE;EACrBC,qBAAqB,EAAE,IAAI;EAC3B,4BAA4B,EAAE;IAC5BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAc;MAC7BC,cAAc,EAAE,eAAwB;MACxCC,UAAU,EAAE,QAAiB;MAC7B3B,eAAe,EAAE,SAAS;MAC1B4B,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAc;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,YAAY,EAAE,CAAC;MACff,aAAa,EAAE,KAAc;MAC7BC,cAAc,EAAE;IAClB;EACF,CAAC;EACD,sBAAsB,EAAE;IACtBe,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVhB,UAAU,EAAE,QAAiB;MAC7BD,cAAc,EAAE,QAAiB;MACjCkB,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,SAAS;MACtBC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJlB,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAc;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDiB,QAAQ,EAAE;MACRlD,eAAe,EAAE,SAAS;MAC1B4C,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACf,CAAC;IACDM,KAAK,EAAE;MACLnD,eAAe,EAAE,aAAa;MAC9B4C,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACf,CAAC;IACDO,SAAS,EAAE;MACTnB,KAAK,EAAE,SAAS;MAChBD,UAAU,EAAE;IACd,CAAC;IACDqB,QAAQ,EAAE;MACRC,OAAO,EAAE,GAAG;MACZV,WAAW,EAAE;IACf,CAAC;IACDW,YAAY,EAAE;MACZtB,KAAK,EAAE;IACT;EACF;AACF,CAAC","ignoreList":[]}