@botonic/react 0.24.0-alpha.3 → 0.24.0-alpha.5

package/lib/cjs/components/timestamps.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
-    const timestampsFormat = getThemeFn('message.timestamps.format');
-    const timestampStyle = getThemeFn('message.timestamps.style');
-    const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
-        ? messageTimestampEnabled
-        : getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
-    const defaultTimestampFormat = {
-        month: 'short',
-        day: 'numeric',
-        hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-    };
-    const getFormattedTimestamp = (timestampsFormat && timestampsFormat()) ||
-        new Date().toLocaleString(undefined, defaultTimestampFormat);
-    return {
-        timestampsEnabled,
-        getFormattedTimestamp,
-        timestampStyle,
-    };
-};
-exports.resolveMessageTimestamps = resolveMessageTimestamps;
-const TimestampContainer = styled_components_1.default.div `
-  display: flex;
-  position: relative;
-  align-items: flex-start;
-`;
-const TimestampText = styled_components_1.default.div `
-  @import url('https://fonts.googleapis.com/css?family=Lato');
-  font-family: Lato;
-  font-size: 10px;
-  color: ${constants_1.COLORS.SOLID_BLACK};
-  width: 100%;
-  text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
-  padding: ${props => (props.isSentByUser ? '0px 15px' : '0px 50px')};
-  margin-bottom: 5px;
-`;
-const MessageTimestamp = ({ timestamp, style, isSentByUser }) => {
-    const classSufix = isSentByUser ? 'user' : 'bot';
-    return ((0, jsx_runtime_1.jsx)(TimestampContainer, Object.assign({ className: `botonic-timestamp-${classSufix}` }, { children: (0, jsx_runtime_1.jsx)(TimestampText, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, style) }, { children: timestamp })) })));
-};
-exports.MessageTimestamp = MessageTimestamp;
-//# sourceMappingURL=timestamps.js.map

package/lib/cjs/components/timestamps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["components/timestamps.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAAqC;AAE9B,MAAM,wBAAwB,GAAG,CACtC,UAAU,EACV,uBAAuB,EACvB,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,OAAO,CAC/B,uBAAuB,KAAK,SAAS;QACnC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CACR,2BAA2B,EAC3B,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IACD,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;IACD,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAC9D,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,wBAAwB,4BA6BpC;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIrB,kBAAM,CAAC,WAAW;;gBAEb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEnE,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAChD,OAAO,CACL,uBAAC,kBAAkB,kBAAC,SAAS,EAAE,qBAAqB,UAAU,EAAE,gBAC9D,uBAAC,aAAa,kBACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,IACG,CACtB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}

package/src/components/timestamps.jsx

@@ -1,68 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-
-import { COLORS } from '../constants'
-
-export const resolveMessageTimestamps = (
-  getThemeFn,
-  messageTimestampEnabled
-) => {
-  const timestampsFormat = getThemeFn('message.timestamps.format')
-  const timestampStyle = getThemeFn('message.timestamps.style')
-  const timestampsEnabled = Boolean(
-    messageTimestampEnabled !== undefined
-      ? messageTimestampEnabled
-      : getThemeFn(
-          'message.timestamps.enable',
-          Boolean(timestampStyle) || Boolean(timestampsFormat) || false
-        )
-  )
-  const defaultTimestampFormat = {
-    month: 'short',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-  }
-  const getFormattedTimestamp =
-    (timestampsFormat && timestampsFormat()) ||
-    new Date().toLocaleString(undefined, defaultTimestampFormat)
-  return {
-    timestampsEnabled,
-    getFormattedTimestamp,
-    timestampStyle,
-  }
-}
-
-const TimestampContainer = styled.div`
-  display: flex;
-  position: relative;
-  align-items: flex-start;
-`
-
-const TimestampText = styled.div`
-  @import url('https://fonts.googleapis.com/css?family=Lato');
-  font-family: Lato;
-  font-size: 10px;
-  color: ${COLORS.SOLID_BLACK};
-  width: 100%;
-  text-align: ${props => (props.isSentByUser ? 'right' : 'left')};
-  padding: ${props => (props.isSentByUser ? '0px 15px' : '0px 50px')};
-  margin-bottom: 5px;
-`
-
-export const MessageTimestamp = ({ timestamp, style, isSentByUser }) => {
-  const classSufix = isSentByUser ? 'user' : 'bot'
-  return (
-    <TimestampContainer className={`botonic-timestamp-${classSufix}`}>
-      <TimestampText
-        isSentByUser={isSentByUser}
-        style={{
-          ...style,
-        }}
-      >
-        {timestamp}
-      </TimestampText>
-    </TimestampContainer>
-  )
-}