@elliemae/ds-chat 2.2.0-alpha.3 → 3.0.0-next.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.
- package/cjs/ChatDataTestids.js +26 -54
- package/cjs/index.d.js +2 -27
- package/cjs/index.js +44 -69
- package/cjs/parts/bubble/ChatBubble.js +64 -74
- package/cjs/parts/bubble/ChatBubbleArrow.js +79 -96
- package/cjs/parts/bubble/config/useValidateProps.js +24 -47
- package/cjs/parts/bubble/index.js +12 -38
- package/cjs/parts/bubble/props.js +48 -60
- package/cjs/parts/bubble/styled.js +48 -141
- package/cjs/parts/chat-card/ChatCard.js +39 -55
- package/cjs/parts/chat-card/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-card/index.js +10 -36
- package/cjs/parts/chat-card/props.js +12 -39
- package/cjs/parts/chat-card/styled.js +36 -71
- package/cjs/parts/chat-composer/ChatContainerComposer.js +98 -92
- package/cjs/parts/chat-composer/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-composer/index.js +10 -36
- package/cjs/parts/chat-composer/props.js +36 -73
- package/cjs/parts/chat-composer/styled.js +34 -102
- package/cjs/parts/chat-container/ChatContainer.js +140 -122
- package/cjs/parts/chat-container/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-container/index.js +10 -36
- package/cjs/parts/chat-container/props.js +42 -85
- package/cjs/parts/chat-container/styled.js +23 -104
- package/cjs/parts/chat-container-header/ChatContainerHeader.js +30 -48
- package/cjs/parts/chat-container-header/helpers.js +25 -38
- package/cjs/parts/chat-container-header/styled.js +24 -59
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js +225 -163
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-container-messages-list/index.js +10 -36
- package/cjs/parts/chat-container-messages-list/props.js +24 -62
- package/cjs/parts/chat-container-messages-list/styled.js +38 -100
- package/cjs/parts/chat-empty-state/ChatEmptyState.js +42 -58
- package/cjs/parts/chat-empty-state/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-empty-state/props.js +12 -39
- package/cjs/parts/chat-empty-state/styled.js +21 -47
- package/cjs/parts/chat-sidebar/SideBarChat.js +81 -82
- package/cjs/parts/chat-sidebar/config/useValidateProps.js +9 -36
- package/cjs/parts/chat-sidebar/index.js +10 -36
- package/cjs/parts/chat-sidebar/props.js +30 -72
- package/cjs/parts/chat-sidebar/styled.js +20 -56
- package/cjs/parts/floating-button/FloatingButton.js +34 -47
- package/cjs/parts/floating-button/index.js +9 -28
- package/cjs/parts/floating-button/props.js +15 -42
- package/cjs/parts/floating-button/styled.js +17 -63
- package/cjs/parts/floating-container/styled.js +17 -47
- package/cjs/parts/grid-influencer/InfluencerContainer.js +21 -41
- package/cjs/parts/grid-influencer/styled.js +21 -56
- package/cjs/parts/message-delimiter/MessageDelimiter.js +39 -53
- package/cjs/parts/message-delimiter/config/useValidateProps.js +9 -36
- package/cjs/parts/message-delimiter/index.js +10 -36
- package/cjs/parts/message-delimiter/props.js +19 -44
- package/cjs/parts/message-delimiter/styled.js +24 -53
- package/cjs/parts/sidebar-button/SidebarButton.js +53 -52
- package/cjs/parts/sidebar-button/index.js +2 -20
- package/cjs/parts/sidebar-button/props.js +26 -49
- package/cjs/parts/sidebar-button/styled.js +24 -68
- package/cjs/parts/system-message/SystemMessage.js +40 -55
- package/cjs/parts/system-message/config/useValidateProps.js +9 -36
- package/cjs/parts/system-message/index.js +10 -36
- package/cjs/parts/system-message/props.js +15 -42
- package/cjs/parts/system-message/style.js +32 -75
- package/cjs/parts/tile-button/TileButton.js +68 -98
- package/cjs/parts/tile-button/config/useValidateProps.js +9 -36
- package/cjs/parts/tile-button/index.js +10 -36
- package/cjs/parts/tile-button/props.js +45 -83
- package/cjs/parts/tile-button/styled.js +77 -229
- package/cjs/prop-types.js +26 -53
- package/cjs/styled.js +14 -42
- package/esm/ChatDataTestids.js +22 -25
- package/esm/index.d.js +1 -2
- package/esm/index.js +14 -40
- package/esm/parts/bubble/ChatBubble.js +51 -51
- package/esm/parts/bubble/ChatBubbleArrow.js +71 -67
- package/esm/parts/bubble/config/useValidateProps.js +19 -17
- package/esm/parts/bubble/index.js +2 -9
- package/esm/parts/bubble/props.js +36 -30
- package/esm/parts/bubble/styled.js +32 -112
- package/esm/parts/chat-card/ChatCard.js +27 -23
- package/esm/parts/chat-card/config/useValidateProps.js +4 -6
- package/esm/parts/chat-card/index.js +1 -7
- package/esm/parts/chat-card/props.js +8 -10
- package/esm/parts/chat-card/styled.js +23 -42
- package/esm/parts/chat-composer/ChatContainerComposer.js +83 -65
- package/esm/parts/chat-composer/config/useValidateProps.js +4 -6
- package/esm/parts/chat-composer/index.js +1 -7
- package/esm/parts/chat-composer/props.js +24 -37
- package/esm/parts/chat-composer/styled.js +22 -73
- package/esm/parts/chat-container/ChatContainer.js +122 -88
- package/esm/parts/chat-container/config/useValidateProps.js +4 -6
- package/esm/parts/chat-container/index.js +1 -7
- package/esm/parts/chat-container/props.js +31 -52
- package/esm/parts/chat-container/styled.js +16 -79
- package/esm/parts/chat-container-header/ChatContainerHeader.js +21 -22
- package/esm/parts/chat-container-header/helpers.js +17 -9
- package/esm/parts/chat-container-header/styled.js +14 -30
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js +210 -138
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js +4 -6
- package/esm/parts/chat-container-messages-list/index.js +1 -10
- package/esm/parts/chat-container-messages-list/props.js +17 -31
- package/esm/parts/chat-container-messages-list/styled.js +25 -71
- package/esm/parts/chat-empty-state/ChatEmptyState.js +29 -25
- package/esm/parts/chat-empty-state/config/useValidateProps.js +4 -6
- package/esm/parts/chat-empty-state/props.js +7 -10
- package/esm/parts/chat-empty-state/styled.js +11 -18
- package/esm/parts/chat-sidebar/SideBarChat.js +67 -50
- package/esm/parts/chat-sidebar/config/useValidateProps.js +4 -6
- package/esm/parts/chat-sidebar/index.js +1 -7
- package/esm/parts/chat-sidebar/props.js +21 -39
- package/esm/parts/chat-sidebar/styled.js +11 -27
- package/esm/parts/floating-button/FloatingButton.js +26 -18
- package/esm/parts/floating-button/index.js +1 -3
- package/esm/parts/floating-button/props.js +8 -11
- package/esm/parts/floating-button/styled.js +9 -34
- package/esm/parts/floating-container/styled.js +9 -18
- package/esm/parts/grid-influencer/InfluencerContainer.js +12 -12
- package/esm/parts/grid-influencer/styled.js +12 -27
- package/esm/parts/message-delimiter/MessageDelimiter.js +26 -20
- package/esm/parts/message-delimiter/config/useValidateProps.js +4 -6
- package/esm/parts/message-delimiter/index.js +1 -10
- package/esm/parts/message-delimiter/props.js +14 -15
- package/esm/parts/message-delimiter/styled.js +14 -24
- package/esm/parts/sidebar-button/SidebarButton.js +41 -22
- package/esm/parts/sidebar-button/index.js +1 -2
- package/esm/parts/sidebar-button/props.js +15 -18
- package/esm/parts/sidebar-button/styled.js +14 -39
- package/esm/parts/system-message/SystemMessage.js +27 -22
- package/esm/parts/system-message/config/useValidateProps.js +4 -6
- package/esm/parts/system-message/index.js +1 -7
- package/esm/parts/system-message/props.js +10 -13
- package/esm/parts/system-message/style.js +20 -46
- package/esm/parts/tile-button/TileButton.js +54 -75
- package/esm/parts/tile-button/config/useValidateProps.js +4 -6
- package/esm/parts/tile-button/index.js +1 -7
- package/esm/parts/tile-button/props.js +33 -47
- package/esm/parts/tile-button/styled.js +60 -200
- package/esm/prop-types.js +16 -19
- package/esm/styled.js +5 -13
- package/package.json +10 -10
- package/cjs/ChatDataTestids.js.map +0 -7
- package/cjs/index.d.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/parts/bubble/ChatBubble.js.map +0 -7
- package/cjs/parts/bubble/ChatBubbleArrow.js.map +0 -7
- package/cjs/parts/bubble/config/useValidateProps.js.map +0 -7
- package/cjs/parts/bubble/index.js.map +0 -7
- package/cjs/parts/bubble/props.js.map +0 -7
- package/cjs/parts/bubble/styled.js.map +0 -7
- package/cjs/parts/chat-card/ChatCard.js.map +0 -7
- package/cjs/parts/chat-card/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-card/index.js.map +0 -7
- package/cjs/parts/chat-card/props.js.map +0 -7
- package/cjs/parts/chat-card/styled.js.map +0 -7
- package/cjs/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/cjs/parts/chat-composer/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-composer/index.js.map +0 -7
- package/cjs/parts/chat-composer/props.js.map +0 -7
- package/cjs/parts/chat-composer/styled.js.map +0 -7
- package/cjs/parts/chat-container/ChatContainer.js.map +0 -7
- package/cjs/parts/chat-container/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-container/index.js.map +0 -7
- package/cjs/parts/chat-container/props.js.map +0 -7
- package/cjs/parts/chat-container/styled.js.map +0 -7
- package/cjs/parts/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/cjs/parts/chat-container-header/helpers.js.map +0 -7
- package/cjs/parts/chat-container-header/styled.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/index.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/props.js.map +0 -7
- package/cjs/parts/chat-container-messages-list/styled.js.map +0 -7
- package/cjs/parts/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/cjs/parts/chat-empty-state/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-empty-state/props.js.map +0 -7
- package/cjs/parts/chat-empty-state/styled.js.map +0 -7
- package/cjs/parts/chat-sidebar/SideBarChat.js.map +0 -7
- package/cjs/parts/chat-sidebar/config/useValidateProps.js.map +0 -7
- package/cjs/parts/chat-sidebar/index.js.map +0 -7
- package/cjs/parts/chat-sidebar/props.js.map +0 -7
- package/cjs/parts/chat-sidebar/styled.js.map +0 -7
- package/cjs/parts/floating-button/FloatingButton.js.map +0 -7
- package/cjs/parts/floating-button/index.js.map +0 -7
- package/cjs/parts/floating-button/props.js.map +0 -7
- package/cjs/parts/floating-button/styled.js.map +0 -7
- package/cjs/parts/floating-container/styled.js.map +0 -7
- package/cjs/parts/grid-influencer/InfluencerContainer.js.map +0 -7
- package/cjs/parts/grid-influencer/styled.js.map +0 -7
- package/cjs/parts/message-delimiter/MessageDelimiter.js.map +0 -7
- package/cjs/parts/message-delimiter/config/useValidateProps.js.map +0 -7
- package/cjs/parts/message-delimiter/index.js.map +0 -7
- package/cjs/parts/message-delimiter/props.js.map +0 -7
- package/cjs/parts/message-delimiter/styled.js.map +0 -7
- package/cjs/parts/sidebar-button/SidebarButton.js.map +0 -7
- package/cjs/parts/sidebar-button/index.js.map +0 -7
- package/cjs/parts/sidebar-button/props.js.map +0 -7
- package/cjs/parts/sidebar-button/styled.js.map +0 -7
- package/cjs/parts/system-message/SystemMessage.js.map +0 -7
- package/cjs/parts/system-message/config/useValidateProps.js.map +0 -7
- package/cjs/parts/system-message/index.js.map +0 -7
- package/cjs/parts/system-message/props.js.map +0 -7
- package/cjs/parts/system-message/style.js.map +0 -7
- package/cjs/parts/tile-button/TileButton.js.map +0 -7
- package/cjs/parts/tile-button/config/useValidateProps.js.map +0 -7
- package/cjs/parts/tile-button/index.js.map +0 -7
- package/cjs/parts/tile-button/props.js.map +0 -7
- package/cjs/parts/tile-button/styled.js.map +0 -7
- package/cjs/prop-types.js.map +0 -7
- package/cjs/styled.js.map +0 -7
- package/cjs/tests/utils.js +0 -66
- package/cjs/tests/utils.js.map +0 -7
- package/esm/ChatDataTestids.js.map +0 -7
- package/esm/index.d.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/parts/bubble/ChatBubble.js.map +0 -7
- package/esm/parts/bubble/ChatBubbleArrow.js.map +0 -7
- package/esm/parts/bubble/config/useValidateProps.js.map +0 -7
- package/esm/parts/bubble/index.js.map +0 -7
- package/esm/parts/bubble/props.js.map +0 -7
- package/esm/parts/bubble/styled.js.map +0 -7
- package/esm/parts/chat-card/ChatCard.js.map +0 -7
- package/esm/parts/chat-card/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-card/index.js.map +0 -7
- package/esm/parts/chat-card/props.js.map +0 -7
- package/esm/parts/chat-card/styled.js.map +0 -7
- package/esm/parts/chat-composer/ChatContainerComposer.js.map +0 -7
- package/esm/parts/chat-composer/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-composer/index.js.map +0 -7
- package/esm/parts/chat-composer/props.js.map +0 -7
- package/esm/parts/chat-composer/styled.js.map +0 -7
- package/esm/parts/chat-container/ChatContainer.js.map +0 -7
- package/esm/parts/chat-container/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-container/index.js.map +0 -7
- package/esm/parts/chat-container/props.js.map +0 -7
- package/esm/parts/chat-container/styled.js.map +0 -7
- package/esm/parts/chat-container-header/ChatContainerHeader.js.map +0 -7
- package/esm/parts/chat-container-header/helpers.js.map +0 -7
- package/esm/parts/chat-container-header/styled.js.map +0 -7
- package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js.map +0 -7
- package/esm/parts/chat-container-messages-list/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-container-messages-list/index.js.map +0 -7
- package/esm/parts/chat-container-messages-list/props.js.map +0 -7
- package/esm/parts/chat-container-messages-list/styled.js.map +0 -7
- package/esm/parts/chat-empty-state/ChatEmptyState.js.map +0 -7
- package/esm/parts/chat-empty-state/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-empty-state/props.js.map +0 -7
- package/esm/parts/chat-empty-state/styled.js.map +0 -7
- package/esm/parts/chat-sidebar/SideBarChat.js.map +0 -7
- package/esm/parts/chat-sidebar/config/useValidateProps.js.map +0 -7
- package/esm/parts/chat-sidebar/index.js.map +0 -7
- package/esm/parts/chat-sidebar/props.js.map +0 -7
- package/esm/parts/chat-sidebar/styled.js.map +0 -7
- package/esm/parts/floating-button/FloatingButton.js.map +0 -7
- package/esm/parts/floating-button/index.js.map +0 -7
- package/esm/parts/floating-button/props.js.map +0 -7
- package/esm/parts/floating-button/styled.js.map +0 -7
- package/esm/parts/floating-container/styled.js.map +0 -7
- package/esm/parts/grid-influencer/InfluencerContainer.js.map +0 -7
- package/esm/parts/grid-influencer/styled.js.map +0 -7
- package/esm/parts/message-delimiter/MessageDelimiter.js.map +0 -7
- package/esm/parts/message-delimiter/config/useValidateProps.js.map +0 -7
- package/esm/parts/message-delimiter/index.js.map +0 -7
- package/esm/parts/message-delimiter/props.js.map +0 -7
- package/esm/parts/message-delimiter/styled.js.map +0 -7
- package/esm/parts/sidebar-button/SidebarButton.js.map +0 -7
- package/esm/parts/sidebar-button/index.js.map +0 -7
- package/esm/parts/sidebar-button/props.js.map +0 -7
- package/esm/parts/sidebar-button/styled.js.map +0 -7
- package/esm/parts/system-message/SystemMessage.js.map +0 -7
- package/esm/parts/system-message/config/useValidateProps.js.map +0 -7
- package/esm/parts/system-message/index.js.map +0 -7
- package/esm/parts/system-message/props.js.map +0 -7
- package/esm/parts/system-message/style.js.map +0 -7
- package/esm/parts/tile-button/TileButton.js.map +0 -7
- package/esm/parts/tile-button/config/useValidateProps.js.map +0 -7
- package/esm/parts/tile-button/index.js.map +0 -7
- package/esm/parts/tile-button/props.js.map +0 -7
- package/esm/parts/tile-button/styled.js.map +0 -7
- package/esm/prop-types.js.map +0 -7
- package/esm/styled.js.map +0 -7
- package/esm/tests/utils.js +0 -37
- package/esm/tests/utils.js.map +0 -7
|
@@ -1,54 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useValidateProps_exports = {};
|
|
29
|
-
__export(useValidateProps_exports, {
|
|
30
|
-
useValidateProps: () => useValidateProps
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
|
|
34
|
-
const throwError = (message) => {
|
|
35
|
-
throw new Error(`Bubble:: ${message}
|
|
36
|
-
`);
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
+
|
|
7
|
+
const throwError = message => {
|
|
8
|
+
throw new Error("Bubble:: ".concat(message, "\n "));
|
|
37
9
|
};
|
|
10
|
+
|
|
38
11
|
const useValidateProps = (props, schema) => {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
12
|
+
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
13
|
+
|
|
14
|
+
if (typeof props.title === 'undefined') {
|
|
15
|
+
throwError("Please provide a title property to use this component.");
|
|
42
16
|
}
|
|
43
|
-
|
|
44
|
-
|
|
17
|
+
|
|
18
|
+
if (typeof props.time === 'undefined') {
|
|
19
|
+
throwError("Please provide a time property to use this component.");
|
|
45
20
|
}
|
|
46
|
-
|
|
47
|
-
|
|
21
|
+
|
|
22
|
+
if (typeof props.body === 'undefined') {
|
|
23
|
+
throwError("Please provide a body property to use this component.");
|
|
48
24
|
}
|
|
49
|
-
|
|
50
|
-
|
|
25
|
+
|
|
26
|
+
if (typeof props.type === 'undefined') {
|
|
27
|
+
throwError("Please provide a type property to use this component.");
|
|
51
28
|
}
|
|
52
29
|
};
|
|
53
|
-
|
|
54
|
-
|
|
30
|
+
|
|
31
|
+
exports.useValidateProps = useValidateProps;
|
|
@@ -1,38 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var bubble_exports = {};
|
|
29
|
-
__export(bubble_exports, {
|
|
30
|
-
BUBBLE_TYPES: () => import_props.BUBBLE_TYPES,
|
|
31
|
-
ChatBubble: () => import_ChatBubble.ChatBubble,
|
|
32
|
-
ChatBubbleWithSchema: () => import_ChatBubble.ChatBubbleWithSchema
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_ChatBubble = __toESM(require("./ChatBubble"));
|
|
36
|
-
var import_props = __toESM(require("./props"));
|
|
37
|
-
module.exports = __toCommonJS(bubble_exports);
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ChatBubble = require('./ChatBubble.js');
|
|
6
|
+
var props = require('./props.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.ChatBubble = ChatBubble.ChatBubble;
|
|
11
|
+
exports.ChatBubbleWithSchema = ChatBubble.ChatBubbleWithSchema;
|
|
12
|
+
exports.BUBBLE_TYPES = props.BUBBLE_TYPES;
|
|
@@ -1,69 +1,57 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
BUBBLE_TYPES: () => BUBBLE_TYPES,
|
|
31
|
-
defaultBubbleProps: () => defaultBubbleProps,
|
|
32
|
-
propsArrowBubble: () => propsArrowBubble,
|
|
33
|
-
propsBubbles: () => propsBubbles
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
37
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
38
|
-
var import_lodash = __toESM(require("lodash"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var propsTypes = require('prop-types');
|
|
6
|
+
var reactDesc = require('react-desc');
|
|
7
|
+
var lodash = require('lodash');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var propsTypes__default = /*#__PURE__*/_interopDefaultLegacy(propsTypes);
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
*
|
|
15
|
+
* BUBBLE
|
|
16
|
+
*
|
|
17
|
+
*/
|
|
39
18
|
const BUBBLE_TYPES = {
|
|
40
|
-
SENDER:
|
|
41
|
-
RECIPIENT:
|
|
42
|
-
DELIMITER:
|
|
43
|
-
SYSTEM:
|
|
19
|
+
SENDER: 'SENDER',
|
|
20
|
+
RECIPIENT: 'RECIPIENT',
|
|
21
|
+
DELIMITER: 'DELIMITER',
|
|
22
|
+
SYSTEM: 'SYSTEM'
|
|
44
23
|
};
|
|
45
24
|
const defaultBubbleProps = {
|
|
46
|
-
dsId:
|
|
25
|
+
dsId: undefined,
|
|
47
26
|
type: BUBBLE_TYPES.SENDER,
|
|
48
|
-
title:
|
|
49
|
-
time:
|
|
50
|
-
body:
|
|
51
|
-
onClick:
|
|
52
|
-
errorMessage:
|
|
53
|
-
helpMessage:
|
|
27
|
+
title: undefined,
|
|
28
|
+
time: undefined,
|
|
29
|
+
body: undefined,
|
|
30
|
+
onClick: lodash.noop,
|
|
31
|
+
errorMessage: undefined,
|
|
32
|
+
helpMessage: undefined
|
|
54
33
|
};
|
|
55
34
|
const propsBubbles = {
|
|
56
|
-
dsId:
|
|
57
|
-
type:
|
|
58
|
-
title:
|
|
59
|
-
time:
|
|
60
|
-
body:
|
|
61
|
-
onClick:
|
|
62
|
-
errorMessage:
|
|
63
|
-
helpMessage:
|
|
35
|
+
dsId: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Unique id for bubble').defaultValue(defaultBubbleProps.dsId),
|
|
36
|
+
type: reactDesc.PropTypes.oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER]).isRequired.description('Define bubble type ').defaultValue(defaultBubbleProps.type),
|
|
37
|
+
title: reactDesc.PropTypes.string.isRequired.description('Title of the bubble').defaultValue(defaultBubbleProps.title),
|
|
38
|
+
time: reactDesc.PropTypes.string.isRequired.description('Time of the bubble').defaultValue(defaultBubbleProps.title),
|
|
39
|
+
body: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).isRequired.description('Bubble content').defaultValue(defaultBubbleProps.body),
|
|
40
|
+
onClick: reactDesc.PropTypes.string.description('Callback when the bubble is tapped').defaultValue(defaultBubbleProps.onClick),
|
|
41
|
+
errorMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Error message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick),
|
|
42
|
+
helpMessage: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Help message to display at bottom of the bubble').defaultValue(defaultBubbleProps.onClick)
|
|
64
43
|
};
|
|
44
|
+
/**
|
|
45
|
+
*
|
|
46
|
+
* BUBBLE ARROW
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
|
|
65
50
|
const propsArrowBubble = {
|
|
66
|
-
type:
|
|
51
|
+
type: propsTypes__default["default"].oneOf([BUBBLE_TYPES.RECIPIENT, BUBBLE_TYPES.SENDER])
|
|
67
52
|
};
|
|
68
|
-
|
|
69
|
-
|
|
53
|
+
|
|
54
|
+
exports.BUBBLE_TYPES = BUBBLE_TYPES;
|
|
55
|
+
exports.defaultBubbleProps = defaultBubbleProps;
|
|
56
|
+
exports.propsArrowBubble = propsArrowBubble;
|
|
57
|
+
exports.propsBubbles = propsBubbles;
|
|
@@ -1,146 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styled_exports = {};
|
|
29
|
-
__export(styled_exports, {
|
|
30
|
-
StyleBodyWrapper: () => StyleBodyWrapper,
|
|
31
|
-
StyleErrorMessage: () => StyleErrorMessage,
|
|
32
|
-
StyleHelpMessage: () => StyleHelpMessage,
|
|
33
|
-
StyledBubbleArrow: () => StyledBubbleArrow,
|
|
34
|
-
StyledColoredBubble: () => StyledColoredBubble,
|
|
35
|
-
StyledTitleBubble: () => StyledTitleBubble,
|
|
36
|
-
StyledTitleLeftBubble: () => StyledTitleLeftBubble,
|
|
37
|
-
StyledTitleRightBubble: () => StyledTitleRightBubble,
|
|
38
|
-
StyledWrapper: () => StyledWrapper
|
|
39
|
-
});
|
|
40
|
-
var React = __toESM(require("react"));
|
|
41
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
42
|
-
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
43
|
-
var import_props = __toESM(require("./props"));
|
|
44
|
-
const StyledWrapper = import_styled_components.default.div`
|
|
45
|
-
min-width: 224px;
|
|
46
|
-
border-radius: 10px;
|
|
47
|
-
`;
|
|
48
|
-
const StyledTitleBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
49
|
-
padding-top: 6px;
|
|
50
|
-
padding-left: 10px;
|
|
51
|
-
padding-right: 10px;
|
|
52
|
-
padding-bottom: 4px;
|
|
53
|
-
`;
|
|
54
|
-
const StyledTitleLeftBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
55
|
-
font-size: 13px;
|
|
56
|
-
font-weight: 600;
|
|
57
|
-
`;
|
|
58
|
-
const StyledTitleRightBubble = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
59
|
-
font-size: 13px;
|
|
60
|
-
font-weight: 400;
|
|
61
|
-
color: ${(props) => props.type === import_props.BUBBLE_TYPES.SENDER ? "#FFF" : "#657489"};
|
|
62
|
-
`;
|
|
63
|
-
const StyleBodyWrapper = import_styled_components.default.div`
|
|
64
|
-
font-size: 13px;
|
|
65
|
-
font-weight: 400;
|
|
66
|
-
line-height: 15px;
|
|
67
|
-
min-height: 18px;
|
|
68
|
-
padding: 0px 10px 8px 10px;
|
|
69
|
-
`;
|
|
70
|
-
const StyleErrorMessage = import_styled_components.default.div`
|
|
71
|
-
font-size: 12px;
|
|
72
|
-
font-weight: 400;
|
|
73
|
-
padding-top: ${(props) => props.theme.space.xxxs};
|
|
74
|
-
color: ${(props) => props.theme.colors.danger[900]};
|
|
75
|
-
align-items: flex-end;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
text-align: right;
|
|
78
|
-
line-height: 15px;
|
|
79
|
-
svg {
|
|
80
|
-
fill: ${(props) => props.theme.colors.danger[900]};
|
|
81
|
-
}
|
|
82
|
-
a {
|
|
83
|
-
font-size: 12px;
|
|
84
|
-
color: ${(props) => props.theme.colors.danger[900]};
|
|
85
|
-
}
|
|
86
|
-
.em-ds-icon {
|
|
87
|
-
margin-left: 8px;
|
|
88
|
-
}
|
|
89
|
-
`;
|
|
90
|
-
const StyleHelpMessage = (0, import_styled_components.default)(StyleErrorMessage)`
|
|
91
|
-
font-size: 12px;
|
|
92
|
-
line-height: 15px;
|
|
93
|
-
color: ${(props) => props.theme.colors.neutral[500]};
|
|
94
|
-
svg {
|
|
95
|
-
fill: ${(props) => props.theme.colors.danger[500]};
|
|
96
|
-
}
|
|
97
|
-
a {
|
|
98
|
-
font-size: 12px;
|
|
99
|
-
color: ${(props) => props.theme.colors.danger[500]};
|
|
100
|
-
}
|
|
101
|
-
`;
|
|
102
|
-
const StyledBubbleArrow = import_styled_components.default.div`
|
|
103
|
-
display: block;
|
|
104
|
-
content: '';
|
|
105
|
-
position: absolute;
|
|
106
|
-
bottom: 10px;
|
|
107
|
-
height: 15px;
|
|
108
|
-
`;
|
|
109
|
-
const StyledColoredBubble = import_styled_components.default.div`
|
|
110
|
-
min-width: 224px;
|
|
111
|
-
border-radius: 10px;
|
|
112
|
-
position: relative;
|
|
1
|
+
'use strict';
|
|
113
2
|
|
|
114
|
-
|
|
115
|
-
border: 1px solid ${props.theme.colors.brand["700"]};
|
|
116
|
-
background: ${props.theme.colors.brand[600]};
|
|
117
|
-
color: ${props.theme.colors.neutral["000"]};
|
|
118
|
-
${StyledBubbleArrow}{
|
|
119
|
-
right: -9px;
|
|
120
|
-
bottom: 6px;
|
|
121
|
-
svg{
|
|
122
|
-
fill: ${props.theme.colors.brand[600]};
|
|
123
|
-
}
|
|
124
|
-
}
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
125
4
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
7
|
+
var props = require('./props.js');
|
|
129
8
|
|
|
130
|
-
|
|
131
|
-
box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);
|
|
132
|
-
background: ${props.theme.colors.neutral["000"]};
|
|
133
|
-
color: ${props.theme.colors.neutral[700]};
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
134
10
|
|
|
135
|
-
|
|
136
|
-
left: -11px;
|
|
137
|
-
bottom: 6px;
|
|
138
|
-
svg{
|
|
139
|
-
fill: ${props.theme.colors.neutral["000"]};
|
|
140
|
-
}
|
|
141
|
-
}
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
142
12
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
13
|
+
/* eslint-disable max-lines */
|
|
14
|
+
|
|
15
|
+
const StyledWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
16
|
+
componentId: "sc-fe8e9o-0"
|
|
17
|
+
})(["min-width:224px;border-radius:10px;"]); // Bubble HEADER
|
|
18
|
+
|
|
19
|
+
const StyledTitleBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
20
|
+
componentId: "sc-fe8e9o-1"
|
|
21
|
+
})(["padding-top:6px;padding-left:10px;padding-right:10px;padding-bottom:4px;"]);
|
|
22
|
+
const StyledTitleLeftBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
23
|
+
componentId: "sc-fe8e9o-2"
|
|
24
|
+
})(["font-size:13px;font-weight:600;"]);
|
|
25
|
+
const StyledTitleRightBubble = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
26
|
+
componentId: "sc-fe8e9o-3"
|
|
27
|
+
})(["font-size:13px;font-weight:400;color:", ";"], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER ? '#FFF' : '#657489');
|
|
28
|
+
const StyleBodyWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
29
|
+
componentId: "sc-fe8e9o-4"
|
|
30
|
+
})(["font-size:13px;font-weight:400;line-height:15px;min-height:18px;padding:0px 10px 8px 10px;"]);
|
|
31
|
+
const StyleErrorMessage = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
32
|
+
componentId: "sc-fe8e9o-5"
|
|
33
|
+
})(["font-size:12px;font-weight:400;padding-top:", ";color:", ";align-items:flex-end;justify-content:center;text-align:right;line-height:15px;svg{fill:", ";}a{font-size:12px;color:", ";}.em-ds-icon{margin-left:8px;}"], props => props.theme.space.xxxs, props => props.theme.colors.danger[900], props => props.theme.colors.danger[900], props => props.theme.colors.danger[900]);
|
|
34
|
+
const StyleHelpMessage = /*#__PURE__*/styled__default["default"](StyleErrorMessage).withConfig({
|
|
35
|
+
componentId: "sc-fe8e9o-6"
|
|
36
|
+
})(["font-size:12px;line-height:15px;color:", ";svg{fill:", ";}a{font-size:12px;color:", ";}"], props => props.theme.colors.neutral[500], props => props.theme.colors.danger[500], props => props.theme.colors.danger[500]); // bubble sender/ recipient
|
|
37
|
+
|
|
38
|
+
const StyledBubbleArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
39
|
+
componentId: "sc-fe8e9o-7"
|
|
40
|
+
})(["display:block;content:'';position:absolute;bottom:10px;height:15px;"]);
|
|
41
|
+
const StyledColoredBubble = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
42
|
+
componentId: "sc-fe8e9o-8"
|
|
43
|
+
})(["min-width:224px;border-radius:10px;position:relative;", ""], props$1 => props$1.type === props.BUBBLE_TYPES.SENDER ? "\n border: 1px solid ".concat(props$1.theme.colors.brand['700'], ";\n background: ").concat(props$1.theme.colors.brand[600], ";\n color: ").concat(props$1.theme.colors.neutral['000'], ";\n ").concat(StyledBubbleArrow, "{ \n right: -9px;\n bottom: 6px;\n svg{\n fill: ").concat(props$1.theme.colors.brand[600], ";\n }\n }\n\n a {\n color: #FFF;\n }\n\n ") : "\n box-shadow: 0 1px 3px 0 rgba(53,60,70,0.80);\n background: ".concat(props$1.theme.colors.neutral['000'], ";\n color: ").concat(props$1.theme.colors.neutral[700], ";\n\n ").concat(StyledBubbleArrow, "{ \n left: -11px;\n bottom: 6px;\n svg{\n fill: ").concat(props$1.theme.colors.neutral['000'], ";\n }\n }\n\n "));
|
|
44
|
+
|
|
45
|
+
exports.StyleBodyWrapper = StyleBodyWrapper;
|
|
46
|
+
exports.StyleErrorMessage = StyleErrorMessage;
|
|
47
|
+
exports.StyleHelpMessage = StyleHelpMessage;
|
|
48
|
+
exports.StyledBubbleArrow = StyledBubbleArrow;
|
|
49
|
+
exports.StyledColoredBubble = StyledColoredBubble;
|
|
50
|
+
exports.StyledTitleBubble = StyledTitleBubble;
|
|
51
|
+
exports.StyledTitleLeftBubble = StyledTitleLeftBubble;
|
|
52
|
+
exports.StyledTitleRightBubble = StyledTitleRightBubble;
|
|
53
|
+
exports.StyledWrapper = StyledWrapper;
|
|
@@ -1,62 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var ChatCard_exports = {};
|
|
29
|
-
__export(ChatCard_exports, {
|
|
30
|
-
ChatCard: () => ChatCard,
|
|
31
|
-
ChatCardWithSchema: () => ChatCardWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
36
|
-
var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
|
|
37
|
-
var import_props = __toESM(require("./props"));
|
|
38
|
-
var import_useValidateProps = __toESM(require("./config/useValidateProps"));
|
|
39
|
-
var import_styled = __toESM(require("./styled"));
|
|
40
|
-
const ChatCard = (props) => {
|
|
41
|
-
(0, import_useValidateProps.useValidateProps)(props, ChatCardWithSchema.toJSON());
|
|
42
|
-
const { title, content, time, rightAddon } = props;
|
|
43
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.Wrapper, {
|
|
44
|
-
cols: ["1fr", "auto"],
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.url.to-json.js');
|
|
7
|
+
require('react');
|
|
8
|
+
var reactDesc = require('react-desc');
|
|
9
|
+
var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
10
|
+
var props = require('./props.js');
|
|
11
|
+
var useValidateProps = require('./config/useValidateProps.js');
|
|
12
|
+
var styled = require('./styled.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
+
|
|
18
|
+
const ChatCard = props => {
|
|
19
|
+
useValidateProps.useValidateProps(props, ChatCardWithSchema.toJSON());
|
|
20
|
+
const {
|
|
21
|
+
title,
|
|
22
|
+
content,
|
|
23
|
+
time,
|
|
24
|
+
rightAddon
|
|
25
|
+
} = props;
|
|
26
|
+
return /*#__PURE__*/_jsx__default["default"](styled.Wrapper, {
|
|
27
|
+
cols: ['1fr', 'auto'],
|
|
45
28
|
"data-testid": "chat-card-wrapper"
|
|
46
|
-
},
|
|
29
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](styled.MainContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {
|
|
47
30
|
"data-testid": "chat-card-title"
|
|
48
|
-
}, title),
|
|
31
|
+
}, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.Content, {
|
|
49
32
|
"data-testid": "chat-card-content"
|
|
50
|
-
},
|
|
33
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
51
34
|
value: content
|
|
52
|
-
})), time &&
|
|
35
|
+
})), time && /*#__PURE__*/_jsx__default["default"](styled.Time, {
|
|
53
36
|
"data-testid": "chat-card-time"
|
|
54
|
-
}, time)), rightAddon &&
|
|
37
|
+
}, void 0, time)), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
|
|
55
38
|
"data-testid": "chat-card-right-addon"
|
|
56
|
-
}, rightAddon));
|
|
39
|
+
}, void 0, rightAddon));
|
|
57
40
|
};
|
|
58
|
-
|
|
59
|
-
const ChatCardWithSchema =
|
|
60
|
-
ChatCardWithSchema.propTypes =
|
|
61
|
-
|
|
62
|
-
|
|
41
|
+
|
|
42
|
+
const ChatCardWithSchema = reactDesc.describe(ChatCard);
|
|
43
|
+
ChatCardWithSchema.propTypes = props.propTypes;
|
|
44
|
+
|
|
45
|
+
exports.ChatCard = ChatCard;
|
|
46
|
+
exports.ChatCardWithSchema = ChatCardWithSchema;
|
|
@@ -1,38 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useValidateProps_exports = {};
|
|
29
|
-
__export(useValidateProps_exports, {
|
|
30
|
-
useValidateProps: () => useValidateProps
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
+
|
|
34
7
|
const useValidateProps = (props, schema) => {
|
|
35
|
-
|
|
8
|
+
dsPropsHelpers.useValidatePropTypes(props, schema);
|
|
36
9
|
};
|
|
37
|
-
|
|
38
|
-
|
|
10
|
+
|
|
11
|
+
exports.useValidateProps = useValidateProps;
|
|
@@ -1,36 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var chat_card_exports = {};
|
|
29
|
-
__export(chat_card_exports, {
|
|
30
|
-
ChatCard: () => import_ChatCard.ChatCard,
|
|
31
|
-
ChatCardWithSchema: () => import_ChatCard.ChatCardWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_ChatCard = __toESM(require("./ChatCard"));
|
|
35
|
-
module.exports = __toCommonJS(chat_card_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ChatCard = require('./ChatCard.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.ChatCard = ChatCard.ChatCard;
|
|
10
|
+
exports.ChatCardWithSchema = ChatCard.ChatCardWithSchema;
|