@botonic/react 0.24.0-alpha.6 → 0.24.0

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 (9) hide show
  1. package/lib/cjs/components/message/styles.js +2 -2
  2. package/lib/cjs/components/message/timestamps.js +1 -1
  3. package/lib/cjs/components/message/timestamps.js.map +1 -1
  4. package/lib/esm/components/message/styles.js +2 -2
  5. package/lib/esm/components/message/timestamps.js +1 -1
  6. package/lib/esm/components/message/timestamps.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/message/styles.ts +2 -2
  9. package/src/components/message/timestamps.tsx +1 -6
package/lib/cjs/components/message/styles.js CHANGED
@@ -68,8 +68,8 @@ exports.TimestampContainer = styled_components_1.default.div `
68
68
  }
69
69
  `;
70
70
  exports.TimestampText = styled_components_1.default.div `
71
- /* @import url('https://fonts.googleapis.com/css?family=Lato');
72
- font-family: Lato; */
71
+ @import url('https://fonts.googleapis.com/css?family=Lato');
72
+ font-family: Lato;
73
73
  font-size: 10px;
74
74
  color: ${constants_1.COLORS.SOLID_BLACK};
75
75
  text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
package/lib/cjs/components/message/timestamps.js CHANGED
@@ -39,7 +39,7 @@ const MessageTimestamp = ({ timestamp, style, sentBy, }) => {
39
39
  const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, undefined);
40
40
  const AgentMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
41
41
  const timestampsWithImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
42
- return ((0, jsx_runtime_1.jsxs)(styles_1.TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && ((0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(isSentByAgent ? AgentMessageImage : BotMessageImage) })), (0, jsx_runtime_1.jsx)(styles_1.TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp }))] })));
42
+ return ((0, jsx_runtime_1.jsxs)(styles_1.TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && ((0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(isSentByAgent ? AgentMessageImage : BotMessageImage) })), (0, jsx_runtime_1.jsx)(styles_1.TimestampText, Object.assign({ isSentByUser: isSentByUser, style: style }, { children: timestamp }))] })));
43
43
  };
44
44
  exports.MessageTimestamp = MessageTimestamp;
45
45
  //# sourceMappingURL=timestamps.js.map
package/lib/cjs/components/message/timestamps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/message/timestamps.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,mDAA2C;AAC3C,qCAAyC;AACzC,qCAA4D;AAErD,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,wBAAwB,4BAqCpC;AAQM,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,wBAAC,2BAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,gCACE,GAAG,EAAE,IAAA,mBAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,uBAAC,sBAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,gBAAgB,oBA8C5B"}
1
+ {"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/message/timestamps.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,mDAA2C;AAC3C,qCAAyC;AACzC,qCAA4D;AAErD,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,wBAAwB,4BAqCpC;AAQM,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,qBAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,wBAAC,2BAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,gCACE,GAAG,EAAE,IAAA,mBAAY,EACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,uBAAC,sBAAa,kBAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,gBACpD,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,gBAAgB,oBAyC5B"}
package/lib/esm/components/message/styles.js CHANGED
@@ -64,8 +64,8 @@ export const TimestampContainer = styled.div `
64
64
  }
65
65
  `;
66
66
  export const TimestampText = styled.div `
67
- /* @import url('https://fonts.googleapis.com/css?family=Lato');
68
- font-family: Lato; */
67
+ @import url('https://fonts.googleapis.com/css?family=Lato');
68
+ font-family: Lato;
69
69
  font-size: 10px;
70
70
  color: ${COLORS.SOLID_BLACK};
71
71
  text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
package/lib/esm/components/message/timestamps.js CHANGED
@@ -35,6 +35,6 @@ export const MessageTimestamp = ({ timestamp, style, sentBy, }) => {
35
35
  const BotMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, undefined);
36
36
  const AgentMessageImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.agentMessageImage, BotMessageImage);
37
37
  const timestampsWithImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageTimestampsWithImage);
38
- return (_jsxs(TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && (_jsx("img", { src: resolveImage(isSentByAgent ? AgentMessageImage : BotMessageImage) })), _jsx(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp }))] })));
38
+ return (_jsxs(TimestampContainer, Object.assign({ className: `botonic-timestamp-container ${sentBy}`, isSentByUser: isSentByUser }, { children: [timestampsWithImage && BotMessageImage && !isSentByUser && (_jsx("img", { src: resolveImage(isSentByAgent ? AgentMessageImage : BotMessageImage) })), _jsx(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: style }, { children: timestamp }))] })));
39
39
  };
40
40
  //# sourceMappingURL=timestamps.js.map
package/lib/esm/components/message/timestamps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/message/timestamps.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,OAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,OAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,MAAC,kBAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,cACE,GAAG,EAAE,YAAY,CACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,KAAC,aAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/message/timestamps.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,gBAAgB,EAChB,gBAAgB,EAChB,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CACjD,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,gBAAgB,KAAK,SAAS;QAC5B,CAAC,CAAC,gBAAgB;QAClB,CAAC,CAAC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IAED,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,MAAM,qBAAqB,GAAG,gBAAgB;QAC5C,CAAC,CAAC,gBAAgB,EAAE;QACpB,CAAC,CAAC,aAAa;YACb,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAEhE,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,KAAK,OAAO,CAAC,KAAK,CAAA;IAE9C,MAAM,eAAe,GAAG,gBAAgB,CACtC,OAAO,CAAC,iBAAiB,CAAC,eAAe,EACzC,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,eAAe,CAChB,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,CACrD,CAAA;IAED,OAAO,CACL,MAAC,kBAAkB,kBACjB,SAAS,EAAE,+BAA+B,MAAM,EAAE,EAClD,YAAY,EAAE,YAAY,iBAEzB,mBAAmB,IAAI,eAAe,IAAI,CAAC,YAAY,IAAI,CAC1D,cACE,GAAG,EAAE,YAAY,CACf,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CACpD,GACD,CACH,EACD,KAAC,aAAa,kBAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,gBACpD,SAAS,IACI,KACG,CACtB,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botonic/react",
3
- "version": "0.24.0-alpha.6",
3
+ "version": "0.24.0",
4
4
  "license": "MIT",
5
5
  "description": "Build Chatbots using React",
6
6
  "main": "./lib/cjs",
package/src/components/message/styles.ts CHANGED
@@ -73,8 +73,8 @@ export const TimestampContainer = styled.div`
73
73
  `
74
74
 
75
75
  export const TimestampText = styled.div`
76
- /* @import url('https://fonts.googleapis.com/css?family=Lato');
77
- font-family: Lato; */
76
+ @import url('https://fonts.googleapis.com/css?family=Lato');
77
+ font-family: Lato;
78
78
  font-size: 10px;
79
79
  color: ${COLORS.SOLID_BLACK};
80
80
  text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
package/src/components/message/timestamps.tsx CHANGED
@@ -87,12 +87,7 @@ export const MessageTimestamp = ({
87
87
  )}
88
88
  />
89
89
  )}
90
- <TimestampText
91
- isSentByUser={isSentByUser}
92
- style={{
93
- ...style,
94
- }}
95
- >
90
+ <TimestampText isSentByUser={isSentByUser} style={style}>
96
91
  {timestamp}
97
92
  </TimestampText>
98
93
  </TimestampContainer>