@kivid/native-components 1.0.0-alpha.20 → 1.0.0-alpha.21
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/commonjs/components/ChatBubble/assets/class-variants.js +55 -4
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js +25 -20
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +8 -3
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js +7 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/index.js +58 -13
- package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
- package/dist/commonjs/components/IconButton/index.js +1 -0
- package/dist/commonjs/components/IconButton/index.js.map +1 -1
- package/dist/commonjs/components/MessageInput/assets/class-variants.js +31 -0
- package/dist/commonjs/components/MessageInput/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/MessageInput/index.js +105 -0
- package/dist/commonjs/components/MessageInput/index.js.map +1 -0
- package/dist/commonjs/components/MessageInput/types.js +6 -0
- package/dist/commonjs/components/MessageInput/types.js.map +1 -0
- package/dist/commonjs/components/TextInput/assets/class-variants.js +21 -4
- package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/TextInput/enums.js +7 -1
- package/dist/commonjs/components/TextInput/enums.js.map +1 -1
- package/dist/commonjs/components/TextInput/index.js +13 -3
- package/dist/commonjs/components/TextInput/index.js.map +1 -1
- package/dist/commonjs/components/index.js +54 -43
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/module/components/ChatBubble/assets/class-variants.js +54 -3
- package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js +26 -21
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js +4 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleEar/types.js.map +1 -0
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +7 -2
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js +9 -2
- package/dist/module/components/ChatBubble/components/ChatBubbleTime/index.js.map +1 -1
- package/dist/module/components/ChatBubble/index.js +59 -14
- package/dist/module/components/ChatBubble/index.js.map +1 -1
- package/dist/module/components/IconButton/index.js +1 -0
- package/dist/module/components/IconButton/index.js.map +1 -1
- package/dist/module/components/MessageInput/assets/class-variants.js +27 -0
- package/dist/module/components/MessageInput/assets/class-variants.js.map +1 -0
- package/dist/module/components/MessageInput/index.js +100 -0
- package/dist/module/components/MessageInput/index.js.map +1 -0
- package/dist/module/components/MessageInput/types.js +4 -0
- package/dist/module/components/MessageInput/types.js.map +1 -0
- package/dist/module/components/TextInput/assets/class-variants.js +21 -4
- package/dist/module/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/module/components/TextInput/enums.js +6 -0
- package/dist/module/components/TextInput/enums.js.map +1 -1
- package/dist/module/components/TextInput/index.js +14 -4
- package/dist/module/components/TextInput/index.js.map +1 -1
- package/dist/module/components/index.js +2 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +7 -1
- package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts +1 -6
- package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/types.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +1 -0
- package/dist/typescript/components/ChatBubble/types.d.ts +1 -0
- package/dist/typescript/components/MessageInput/assets/class-variants.d.ts +7 -0
- package/dist/typescript/components/MessageInput/index.d.ts +6 -0
- package/dist/typescript/components/MessageInput/types.d.ts +13 -0
- package/dist/typescript/components/TextInput/assets/class-variants.d.ts +3 -0
- package/dist/typescript/components/TextInput/enums.d.ts +5 -0
- package/dist/typescript/components/TextInput/index.d.ts +1 -1
- package/dist/typescript/components/TextInput/types.d.ts +4 -1
- package/dist/typescript/components/index.d.ts +4 -0
- package/package.json +22 -11
- package/src/components/ChatBubble/assets/class-variants.ts +130 -66
- package/src/components/ChatBubble/components/ChatBubbleEar/index.tsx +35 -24
- package/src/components/ChatBubble/components/ChatBubbleEar/types.ts +7 -0
- package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +8 -5
- package/src/components/ChatBubble/components/ChatBubbleTime/index.tsx +4 -1
- package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +1 -0
- package/src/components/ChatBubble/index.tsx +83 -23
- package/src/components/ChatBubble/types.ts +1 -0
- package/src/components/IconButton/index.tsx +1 -0
- package/src/components/MessageInput/assets/class-variants.ts +35 -0
- package/src/components/MessageInput/index.tsx +121 -0
- package/src/components/MessageInput/types.ts +18 -0
- package/src/components/TextInput/assets/class-variants.ts +32 -13
- package/src/components/TextInput/enums.ts +6 -0
- package/src/components/TextInput/index.tsx +9 -1
- package/src/components/TextInput/types.ts +4 -1
- package/src/components/index.ts +5 -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,
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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:
|
|
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","
|
|
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 @@
|
|
|
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 =
|
|
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
|
|
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 =
|
|
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","
|
|
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;
|
|
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 =
|
|
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 =
|
|
62
|
-
|
|
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)(
|
|
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
|
-
|
|
81
|
-
|
|
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;
|
|
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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","jsx","lottieViewStyle","width","height","Fragment","children","merge","buttonVariants","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","View"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","jsx","lottieViewStyle","width","height","Fragment","children","merge","buttonVariants","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","View"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.messageInputFieldVariants = exports.messageInputContentVariants = exports.messageInputContainerVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
const messageInputContainerVariants = exports.messageInputContainerVariants = (0, _classVarianceAuthority.cva)("flex-row items-center border border-chia-400 bg-chia-100 rounded-700 min-h-[48px]", {
|
|
9
|
+
variants: {
|
|
10
|
+
disabled: {
|
|
11
|
+
true: "opacity-40",
|
|
12
|
+
false: ""
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
disabled: false
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const messageInputContentVariants = exports.messageInputContentVariants = (0, _classVarianceAuthority.cva)("flex-1 flex-col text-chia-900 px-600");
|
|
20
|
+
const messageInputFieldVariants = exports.messageInputFieldVariants = (0, _classVarianceAuthority.cva)("font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 ios:pt-[3px] android:p-0", {
|
|
21
|
+
variants: {
|
|
22
|
+
disabled: {
|
|
23
|
+
true: "",
|
|
24
|
+
false: ""
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
disabled: false
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","messageInputContainerVariants","exports","cva","variants","disabled","true","false","defaultVariants","messageInputContentVariants","messageInputFieldVariants"],"sourceRoot":"../../../../../src","sources":["components/MessageInput/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,2BAAG,EAC9C,mFAAmF,EACnF;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAEM,MAAMI,2BAA2B,GAAAP,OAAA,CAAAO,2BAAA,GAAG,IAAAN,2BAAG,EAC5C,sCACF,CAAC;AAEM,MAAMO,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,IAAAP,2BAAG,EAC1C,gGAAgG,EAChG;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MessageInput = MessageInput;
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
11
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
12
|
+
var _native = require("@kivid/icons/native");
|
|
13
|
+
var _index = require("../IconButton/index.js");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function MessageInput({
|
|
16
|
+
value = "",
|
|
17
|
+
onChangeText,
|
|
18
|
+
disabled = false,
|
|
19
|
+
className = "",
|
|
20
|
+
inputClassName = "",
|
|
21
|
+
placeholder = "Type a message...",
|
|
22
|
+
accessibilityLabel,
|
|
23
|
+
containerTestID,
|
|
24
|
+
ref,
|
|
25
|
+
onSend,
|
|
26
|
+
sendButtonDisabled = false,
|
|
27
|
+
sendButtonAccessibilityLabel = "Send message",
|
|
28
|
+
multiline = false,
|
|
29
|
+
...rest
|
|
30
|
+
}) {
|
|
31
|
+
const inputRef = (0, _react.useRef)(null);
|
|
32
|
+
const handleChangeText = text => {
|
|
33
|
+
onChangeText?.(text);
|
|
34
|
+
};
|
|
35
|
+
const handleSend = () => {
|
|
36
|
+
if (!disabled && !sendButtonDisabled && onSend) {
|
|
37
|
+
onSend(value);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const getAccessibilityLabel = () => {
|
|
41
|
+
if (accessibilityLabel) return accessibilityLabel;
|
|
42
|
+
let labelText = "Message input";
|
|
43
|
+
if (disabled) labelText += ", disabled";
|
|
44
|
+
return labelText;
|
|
45
|
+
};
|
|
46
|
+
const isSendButtonDisabled = disabled || sendButtonDisabled;
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
48
|
+
testID: containerTestID,
|
|
49
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputContainerVariants)({
|
|
50
|
+
disabled
|
|
51
|
+
}), className),
|
|
52
|
+
onPress: () => {
|
|
53
|
+
if (!disabled) {
|
|
54
|
+
inputRef.current?.focus();
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
disabled: disabled,
|
|
58
|
+
accessibilityRole: "none",
|
|
59
|
+
accessibilityState: {
|
|
60
|
+
disabled
|
|
61
|
+
},
|
|
62
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
63
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputContentVariants)()),
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
65
|
+
value: value,
|
|
66
|
+
onChangeText: handleChangeText,
|
|
67
|
+
editable: !disabled,
|
|
68
|
+
placeholder: placeholder,
|
|
69
|
+
multiline: multiline,
|
|
70
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.messageInputFieldVariants)({
|
|
71
|
+
disabled
|
|
72
|
+
}), inputClassName),
|
|
73
|
+
accessibilityLabel: getAccessibilityLabel(),
|
|
74
|
+
accessibilityState: {
|
|
75
|
+
disabled
|
|
76
|
+
},
|
|
77
|
+
...rest,
|
|
78
|
+
ref: instance => {
|
|
79
|
+
inputRef.current = instance;
|
|
80
|
+
if (ref) {
|
|
81
|
+
ref.current = instance;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
})
|
|
85
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconButton, {
|
|
86
|
+
onPress: handleSend,
|
|
87
|
+
disabled: isSendButtonDisabled,
|
|
88
|
+
className: "mr-400",
|
|
89
|
+
accessibilityRole: "button",
|
|
90
|
+
accessibilityLabel: sendButtonAccessibilityLabel,
|
|
91
|
+
accessibilityState: {
|
|
92
|
+
disabled: isSendButtonDisabled
|
|
93
|
+
},
|
|
94
|
+
testID: "send-button",
|
|
95
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.EssentialSendStroke, {
|
|
96
|
+
width: 24,
|
|
97
|
+
height: 24,
|
|
98
|
+
className: "text-white"
|
|
99
|
+
})
|
|
100
|
+
})]
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
MessageInput.displayName = "MessageInput";
|
|
104
|
+
var _default = exports.default = MessageInput;
|
|
105
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_tailwindPreset","_classVariants","_native","_index","_jsxRuntime","MessageInput","value","onChangeText","disabled","className","inputClassName","placeholder","accessibilityLabel","containerTestID","ref","onSend","sendButtonDisabled","sendButtonAccessibilityLabel","multiline","rest","inputRef","useRef","handleChangeText","text","handleSend","getAccessibilityLabel","labelText","isSendButtonDisabled","jsxs","Pressable","testID","merge","messageInputContainerVariants","onPress","current","focus","accessibilityRole","accessibilityState","children","jsx","View","messageInputContentVariants","TextInput","editable","messageInputFieldVariants","instance","IconButton","icon","EssentialSendStroke","width","height","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/MessageInput/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/MessageInput/types.ts"],"mappings":"","ignoreList":[]}
|