@cleartrip/talos-user-message 1.1.0-TEST.0

package/dist/UserMessage.d.ts

@@ -0,0 +1,5 @@
+import { IWidgetProps } from "@cleartrip/talos-widget-types";
+import { IUserMessageMetadata, type IUserMessageProps } from "./type";
+declare const UserMessage: (props: IWidgetProps<IUserMessageProps, IUserMessageMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default UserMessage;
+//# sourceMappingURL=UserMessage.d.ts.map

package/dist/UserMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMessage.d.ts","sourceRoot":"","sources":["../packages/components/user-message/src/UserMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEtE,QAAA,MAAM,WAAW,UAAW,aAAa,iBAAiB,EAAE,oBAAoB,CAAC,4CAmBhF,CAAA;AAED,eAAe,WAAW,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as UserMessage } from "./UserMessage";
+export * from "./type";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/user-message/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,QAAQ,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from "@cleartrip/ct-design-components";
+export declare const styles: (theme: Theme) => {
+    messageContainer: {
+        maxWidth: string;
+        width: string;
+        alignItems: string;
+    };
+    userMessageContainer: {
+        padding: "12px";
+        borderTopLeftRadius: "16px";
+        borderBottomLeftRadius: "16px";
+        borderTopRightRadius: "16px";
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/user-message/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,eAAO,MAAM,MAAM,UAAW,KAAK;;;;;;;;;;;;;CAelC,CAAA"}

package/dist/talos-user-message.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@cleartrip/ct-design-components"),a=require("@cleartrip/talos-chat-timestamp");exports.UserMessage=function(i){var n=null!=i?i:{},o=n.data,u=(void 0===o?{}:o).text,d=n.metaData,c=(null!=d?d:{}).createdAt,l=t.useTheme(),g=s.useMemo(function(){return function(e){return{messageContainer:{maxWidth:"70%",width:"fit-content",alignItems:"flex-end"},userMessageContainer:{padding:e.spacing[3],borderTopLeftRadius:e.border.radius[16],borderBottomLeftRadius:e.border.radius[16],borderTopRightRadius:e.border.radius[16],backgroundColor:e.color.background.purple700}}}(l)},[l]);return r.jsxs(t.Box,e.__assign({boxSize:"pico",css:g.messageContainer},{children:[r.jsx(t.Container,e.__assign({css:e.__assign({},g.userMessageContainer)},{children:r.jsx(t.Typography,e.__assign({variant:"B2",color:"neutral"},{children:u}))})),c&&r.jsx(a.ChatTimestamp,{createdAt:c})]}))};
+//# sourceMappingURL=talos-user-message.browser.cjs.js.map

package/dist/talos-user-message.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-user-message.browser.cjs.js","sources":["../packages/components/user-message/src/UserMessage.tsx","../packages/components/user-message/src/style.ts"],"sourcesContent":[null,null],"names":["props","_a","_b","data","text","metaData","createdAt","theme","useTheme","staticStyles","useMemo","messageContainer","maxWidth","width","alignItems","userMessageContainer","padding","spacing","borderTopLeftRadius","border","radius","borderBottomLeftRadius","borderTopRightRadius","backgroundColor","color","background","purple700","styles","_jsxs","Box","__assign","boxSize","css","children","_jsx","Container","Typography","variant","ChatTimestamp"],"mappings":"oMASoB,SAACA,GACX,IAAAC,EAAoCD,QAAAA,EAAS,CAAE,EAA7CE,EAAAD,EAAAE,KAAQC,QAAS,IAAAF,EAAA,CAAE,UAAEG,aACrBC,GAAcD,QAAAA,EAAY,CAAE,GAAAC,UAE9BC,EAAQC,EAAAA,WACRC,EAAeC,UAAQ,WAAM,OCZjB,SAACH,GACnB,MAAO,CACHI,iBAAkB,CACdC,SAAU,MACVC,MAAO,cACPC,WAAY,YAEhBC,qBAAsB,CAClBC,QAAST,EAAMU,QAAQ,GACvBC,oBAAqBX,EAAMY,OAAOC,OAAO,IACzCC,uBAAwBd,EAAMY,OAAOC,OAAO,IAC5CE,qBAAsBf,EAAMY,OAAOC,OAAO,IAC1CG,gBAAiBhB,EAAMiB,MAAMC,WAAWC,WAGpD,CDHuCC,CAAOpB,EAAM,EAAE,CAACA,IAEnD,OACIqB,OAACC,MAAGC,EAAAA,SAAA,CAACC,QAAQ,OAAOC,IAAKvB,EAAaE,kBAAgB,CAAAsB,SAAA,CAClDC,MAACC,EAAAA,UAASL,EAAAA,SAAA,CACNE,IACOF,WAAA,CAAA,EAAArB,EAAaM,uBAGpB,CAAAkB,SAAAC,EAAAA,IAACE,EAAUA,WAACN,WAAA,CAAAO,QAAQ,KAAKb,MAAM,WAAW,CAAAS,SAAA7B,QAE7CE,GAAa4B,EAAAA,IAACI,EAAaA,cAAC,CAAAhC,UAAWA,OAGpD"}

package/dist/talos-user-message.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as r}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import{useTheme as a,Box as i,Container as n,Typography as s}from"@cleartrip/ct-design-components";import{ChatTimestamp as d}from"@cleartrip/talos-chat-timestamp";var c=function(c){var u=null!=c?c:{},m=u.data,l=(void 0===m?{}:m).text,p=u.metaData,f=(null!=p?p:{}).createdAt,g=a(),b=o(function(){return function(r){return{messageContainer:{maxWidth:"70%",width:"fit-content",alignItems:"flex-end"},userMessageContainer:{padding:r.spacing[3],borderTopLeftRadius:r.border.radius[16],borderBottomLeftRadius:r.border.radius[16],borderTopRightRadius:r.border.radius[16],backgroundColor:r.color.background.purple700}}}(g)},[g]);return e(i,r({boxSize:"pico",css:b.messageContainer},{children:[t(n,r({css:r({},b.userMessageContainer)},{children:t(s,r({variant:"B2",color:"neutral"},{children:l}))})),f&&t(d,{createdAt:f})]}))};export{c as UserMessage};
+//# sourceMappingURL=talos-user-message.browser.esm.js.map

package/dist/talos-user-message.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-user-message.browser.esm.js","sources":["../packages/components/user-message/src/style.ts","../packages/components/user-message/src/UserMessage.tsx"],"sourcesContent":[null,null],"names":["UserMessage","props","_a","_b","data","text","metaData","createdAt","theme","useTheme","staticStyles","useMemo","messageContainer","maxWidth","width","alignItems","userMessageContainer","padding","spacing","borderTopLeftRadius","border","radius","borderBottomLeftRadius","borderTopRightRadius","backgroundColor","color","background","purple700","styles","_jsxs","Box","__assign","boxSize","css","children","_jsx","Container","Typography","variant","ChatTimestamp"],"mappings":"sRAEO,ICODA,EAAc,SAACC,GACX,IAAAC,EAAoCD,QAAAA,EAAS,CAAE,EAA7CE,EAAAD,EAAAE,KAAQC,QAAS,IAAAF,EAAA,CAAE,UAAEG,aACrBC,GAAcD,QAAAA,EAAY,CAAE,GAAAC,UAE9BC,EAAQC,IACRC,EAAeC,EAAQ,WAAM,ODZjB,SAACH,GACnB,MAAO,CACHI,iBAAkB,CACdC,SAAU,MACVC,MAAO,cACPC,WAAY,YAEhBC,qBAAsB,CAClBC,QAAST,EAAMU,QAAQ,GACvBC,oBAAqBX,EAAMY,OAAOC,OAAO,IACzCC,uBAAwBd,EAAMY,OAAOC,OAAO,IAC5CE,qBAAsBf,EAAMY,OAAOC,OAAO,IAC1CG,gBAAiBhB,EAAMiB,MAAMC,WAAWC,WAGpD,CCHuCC,CAAOpB,EAAM,EAAE,CAACA,IAEnD,OACIqB,EAACC,EAAGC,EAAA,CAACC,QAAQ,OAAOC,IAAKvB,EAAaE,kBAAgB,CAAAsB,SAAA,CAClDC,EAACC,EAASL,EAAA,CACNE,IACOF,EAAA,CAAA,EAAArB,EAAaM,uBAGpB,CAAAkB,SAAAC,EAACE,EAAWN,EAAA,CAAAO,QAAQ,KAAKb,MAAM,WAAW,CAAAS,SAAA7B,QAE7CE,GAAa4B,EAACI,EAAc,CAAAhC,UAAWA,OAGpD"}

package/dist/talos-user-message.cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ctDesignComponents = require('@cleartrip/ct-design-components');
+var talosChatTimestamp = require('@cleartrip/talos-chat-timestamp');
+
+var styles = function (theme) {
+    return {
+        messageContainer: {
+            maxWidth: "70%",
+            width: 'fit-content',
+            alignItems: "flex-end",
+        },
+        userMessageContainer: {
+            padding: theme.spacing[3],
+            borderTopLeftRadius: theme.border.radius[16],
+            borderBottomLeftRadius: theme.border.radius[16],
+            borderTopRightRadius: theme.border.radius[16],
+            backgroundColor: theme.color.background.purple700,
+        },
+    };
+};
+
+var UserMessage = function (props) {
+    var _a = props !== null && props !== void 0 ? props : {}, _b = _a.data, _c = _b === void 0 ? {} : _b, text = _c.text, metaData = _a.metaData;
+    var createdAt = (metaData !== null && metaData !== void 0 ? metaData : {}).createdAt;
+    var theme = ctDesignComponents.useTheme();
+    var staticStyles = react.useMemo(function () { return styles(theme); }, [theme]);
+    return (jsxRuntime.jsxs(ctDesignComponents.Box, tslib.__assign({ boxSize: "pico", css: staticStyles.messageContainer }, { children: [jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: tslib.__assign({}, staticStyles.userMessageContainer) }, { children: jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: "B2", color: "neutral" }, { children: text })) })), createdAt && jsxRuntime.jsx(talosChatTimestamp.ChatTimestamp, { createdAt: createdAt })] })));
+};
+
+exports.UserMessage = UserMessage;
+//# sourceMappingURL=talos-user-message.cjs.js.map

package/dist/talos-user-message.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-user-message.cjs.js","sources":["../packages/components/user-message/src/style.ts","../packages/components/user-message/src/UserMessage.tsx"],"sourcesContent":[null,null],"names":["useTheme","useMemo","_jsxs","Box","__assign","_jsx","Container","Typography","ChatTimestamp"],"mappings":";;;;;;;;AAEO,IAAM,MAAM,GAAG,UAAC,KAAY,EAAA;IAC/B,OAAO;AACH,QAAA,gBAAgB,EAAE;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,UAAU,EAAE,UAAU;AACzB,SAAA;AACD,QAAA,oBAAoB,EAAE;AAClB,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACzB,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5C,sBAAsB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/C,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAC7C,YAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;AACpD,SAAA;KACJ,CAAA;AACL,CAAC;;ACRK,IAAA,WAAW,GAAG,UAAC,KAA4D,EAAA;IACvE,IAAA,EAAA,GAAoC,KAAK,KAAL,IAAA,IAAA,KAAK,cAAL,KAAK,GAAI,EAAE,EAA7C,EAAA,GAAA,EAAA,CAAA,IAAmB,EAAnB,EAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EAAX,IAAI,UAAA,EAAS,QAAQ,cAAgB,CAAC;AAC9C,IAAA,IAAA,SAAS,GAAK,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,EAAE,EAAA,SAAnB,CAAoB;AAErC,IAAA,IAAM,KAAK,GAAGA,2BAAQ,EAAE,CAAC;AACzB,IAAA,IAAM,YAAY,GAAGC,aAAO,CAAC,YAAA,EAAM,OAAA,MAAM,CAAC,KAAK,CAAC,GAAA,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3D,QACIC,gBAACC,sBAAG,EAAAC,cAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,CAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAAA,CAClDC,eAACC,4BAAS,EAAAF,cAAA,CAAA,EACN,GAAG,EACIA,cAAA,CAAA,EAAA,EAAA,YAAY,CAAC,oBAAoB,CAGxC,EAAA,EAAA,EAAA,QAAA,EAAAC,cAAA,CAACE,6BAAU,EAACH,cAAA,CAAA,EAAA,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,EAAA,EAAA,QAAA,EAAA,IAAI,EAAc,CAAA,CAAA,EAAA,CAAA,CACpD,EACX,SAAS,IAAIC,cAAC,CAAAG,gCAAa,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA,CAAI,CACnD,EAAA,CAAA,CAAA,EACT;AACL;;;;"}

package/dist/talos-user-message.esm.js

@@ -0,0 +1,33 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useTheme, Box, Container, Typography } from '@cleartrip/ct-design-components';
+import { ChatTimestamp } from '@cleartrip/talos-chat-timestamp';
+
+var styles = function (theme) {
+    return {
+        messageContainer: {
+            maxWidth: "70%",
+            width: 'fit-content',
+            alignItems: "flex-end",
+        },
+        userMessageContainer: {
+            padding: theme.spacing[3],
+            borderTopLeftRadius: theme.border.radius[16],
+            borderBottomLeftRadius: theme.border.radius[16],
+            borderTopRightRadius: theme.border.radius[16],
+            backgroundColor: theme.color.background.purple700,
+        },
+    };
+};
+
+var UserMessage = function (props) {
+    var _a = props !== null && props !== void 0 ? props : {}, _b = _a.data, _c = _b === void 0 ? {} : _b, text = _c.text, metaData = _a.metaData;
+    var createdAt = (metaData !== null && metaData !== void 0 ? metaData : {}).createdAt;
+    var theme = useTheme();
+    var staticStyles = useMemo(function () { return styles(theme); }, [theme]);
+    return (jsxs(Box, __assign({ boxSize: "pico", css: staticStyles.messageContainer }, { children: [jsx(Container, __assign({ css: __assign({}, staticStyles.userMessageContainer) }, { children: jsx(Typography, __assign({ variant: "B2", color: "neutral" }, { children: text })) })), createdAt && jsx(ChatTimestamp, { createdAt: createdAt })] })));
+};
+
+export { UserMessage };
+//# sourceMappingURL=talos-user-message.esm.js.map

package/dist/talos-user-message.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-user-message.esm.js","sources":["../packages/components/user-message/src/style.ts","../packages/components/user-message/src/UserMessage.tsx"],"sourcesContent":[null,null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAEO,IAAM,MAAM,GAAG,UAAC,KAAY,EAAA;IAC/B,OAAO;AACH,QAAA,gBAAgB,EAAE;AACd,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,UAAU,EAAE,UAAU;AACzB,SAAA;AACD,QAAA,oBAAoB,EAAE;AAClB,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACzB,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5C,sBAAsB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/C,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAC7C,YAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;AACpD,SAAA;KACJ,CAAA;AACL,CAAC;;ACRK,IAAA,WAAW,GAAG,UAAC,KAA4D,EAAA;IACvE,IAAA,EAAA,GAAoC,KAAK,KAAL,IAAA,IAAA,KAAK,cAAL,KAAK,GAAI,EAAE,EAA7C,EAAA,GAAA,EAAA,CAAA,IAAmB,EAAnB,EAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EAAX,IAAI,UAAA,EAAS,QAAQ,cAAgB,CAAC;AAC9C,IAAA,IAAA,SAAS,GAAK,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,EAAE,EAAA,SAAnB,CAAoB;AAErC,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,IAAM,YAAY,GAAG,OAAO,CAAC,YAAA,EAAM,OAAA,MAAM,CAAC,KAAK,CAAC,GAAA,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3D,QACIA,KAAC,GAAG,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,CAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAAA,CAClDC,IAAC,SAAS,EAAA,QAAA,CAAA,EACN,GAAG,EACI,QAAA,CAAA,EAAA,EAAA,YAAY,CAAC,oBAAoB,CAGxC,EAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,UAAU,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,EAAA,EAAA,QAAA,EAAA,IAAI,EAAc,CAAA,CAAA,EAAA,CAAA,CACpD,EACX,SAAS,IAAIA,GAAC,CAAA,aAAa,EAAC,EAAA,SAAS,EAAE,SAAS,EAAA,CAAI,CACnD,EAAA,CAAA,CAAA,EACT;AACL;;;;"}