@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/chat/past/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5260:function(e,t,a){a.r(t),a.d(t,{default:function(){return b},examples:function(){return S},states:function(){return v}});var n=a(1594),s=a.n(n),l=a(942),r=a.n(l),i=(a(405),a(538)),m=a(6542),c=function(e){return s().createElement("section",{role:"log",className:r()("slds-chat",{"slds-chat_past":e.isPast})},e.children)},o=function(e){return s().createElement("ul",{className:"slds-chat-list"},e.children)},u=function(e){return s().createElement("li",{className:r()("slds-chat-listitem",{"slds-chat-listitem_bookend":"bookend"===e.type,"slds-chat-listitem_event":"event"===e.type,"slds-chat-listitem_inbound":"inbound"===e.type,"slds-chat-listitem_outbound":"outbound"===e.type})},e.children)},d=function(e){return s().createElement("div",{className:r()("slds-chat-message",{"slds-chat-message_faux-avatar":e.hasFauxAvatar})},e.children)},p=function(e){var t={"slds-chat-message__text":!e.messageType,"slds-chat-message__text_inbound":!e.messageType&&"inbound"===e.type,"slds-chat-message__text_outbound":!e.messageType&&"outbound"===e.type,"slds-chat-message__text_outbound-agent":!e.messageType&&"outbound-agent"===e.type,"slds-chat-message__text_unsupported-type":!e.messageType&&"unsupported-type"===e.type,"slds-chat-message__text_delivery-failure":!e.messageType&&"delivery-failure"===e.type,"slds-chat-message__text_sneak-peek":!e.messageType&&e.hasSneakPeek},a={"slds-chat-message__file":"file"===e.messageType,"slds-chat-message__file_inbound":"file"===e.messageType&&"inbound"===e.type,"slds-chat-message__file_outbound":"file"===e.messageType&&"outbound"===e.type},n={"slds-chat-message__image":"image"===e.messageType,"slds-chat-message__image_inbound":"image"===e.messageType&&"inbound"===e.type,"slds-chat-message__image_outbound":"image"===e.messageType&&"outbound"===e.type};return s().createElement("div",{className:r()("slds-chat-message__body",{"slds-chat-message__file_loading":"file"===e.messageType&&e.isLoading,"slds-chat-message__image_loading":"image"===e.messageType&&e.isLoading})},e.name&&e.timeStamp&&e.isPast&&s().createElement(y,{isPast:!0,name:e.name,timeStamp:e.timeStamp}),s().createElement("div",{className:r()(t,a,n)},e.isTyping&&s().createElement(m.A,{isAnimated:!0,isPaused:e.isPaused,assistiveText:"Customer is typing",title:"Customer is typing"}),"unsupported-type"===e.type&&s().createElement(_,{symbol:"warning",assistiveText:"Warning"}),e.children&&("image"===e.messageType||"file"===e.messageType?e.children:s().createElement("span",{"aria-hidden":e.hasSneakPeek?"true":null},e.children)),"delivery-failure"===e.type&&s().createElement(g,null,e.deliveryFailureReason)),"delivery-failure"===e.type?s().createElement("div",{className:"slds-grid slds-grid_align-spread slds-grid_vertical-align-start"},e.name&&e.timeStamp&&!e.isPast&&s().createElement(y,{name:e.name,timeStamp:e.timeStamp}),"delivery-failure"===e.type&&s().createElement(h,{symbol:"redo",actionTitle:"Resend"})):e.name&&e.timeStamp&&!e.isPast&&s().createElement(y,{name:e.name,timeStamp:e.timeStamp}))},y=function(e){return s().createElement("div",{className:"slds-chat-message__meta","aria-label":"said ".concat(e.name," at ").concat(e.timeStamp)},e.isPast?s().createElement("b",null,e.name):e.name," • ",e.timeStamp)},g=function(e){return s().createElement("div",{className:"slds-chat-message__text_delivery-failure-reason",role:"alert"},s().createElement(_,{symbol:"error"}),s().createElement("span",null,e.children))},h=function(e){return s().createElement("button",{className:"slds-button slds-chat-message__action slds-m-top_xxx-small"},s().createElement(i.UtilityIcon,{assistiveText:!1,title:!1,className:"slds-icon_xx-small",containerClassName:"slds-chat-icon",symbol:e.symbol}),s().createElement("span",null,e.actionTitle))},E=function(e){return s().createElement("div",{className:r()("slds-chat-event",{"slds-has-error":e.hasError}),role:e.hasError&&"alert"},s().createElement("div",{className:"slds-chat-event__body"},s().createElement(_,{symbol:e.symbol,assistiveText:e.iconAssistiveText}),s().createElement("p",null,e.children," • ",e.timeStamp)),e.agentMessage&&s().createElement("div",{className:"slds-chat-event__agent-message"},e.agentMessage))},f=function(e){return s().createElement("div",{className:r()("slds-chat-bookend",{"slds-chat-bookend_stop":"stop"===e.type})},s().createElement(_,{symbol:"start"===e.type?"chat":"end_chat"}),s().createElement("p",null,"Chat ","stop"===e.type?"ended":"started"," by ",s().createElement("b",null,e.name)," ","• ",e.timeStamp))},_=function(e){return s().createElement(i.UtilityIcon,{assistiveText:e.assistiveText||!1,className:r()("slds-icon_x-small slds-icon-text-default",{"slds-icon-text-default":"error"===e.symbol,"slds-icon-text-warning":"warning"===e.symbol}),containerClassName:"slds-chat-icon",symbol:e.symbol,title:e.assistiveText||!1})},b=[{id:"default",label:"Default",element:s().createElement(c,{isPast:!0},s().createElement(o,null,s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French")))))}],v=[{id:"outbound-message",label:"Outbound",element:s().createElement(c,{isPast:!0},s().createElement(o,null,s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Jason Dewar",timeStamp:"5:02 PM"},"Hi Andy, thank you for contacting Widget Support. Can you please tell me what language you are trying to program on your CloudWidget?")))))}],S=[{id:"chat-list-past",label:"Past chat list",element:s().createElement(c,{isPast:!0},s().createElement(o,null,s().createElement(u,{type:"bookend"},s().createElement(f,{type:"start",name:"Andy Martinez",timeStamp:"4:58 PM"})),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French"))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Jason Dewar",timeStamp:"5:02 PM"},"Hi Andy, thank you for contacting Widget Support. Can you please tell me what language you are trying to program on your CloudWidget?"))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Jason Dewar",timeStamp:"5:03 PM"},"Have you tried turning it off and on again?"))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Andy Martinez",timeStamp:"5:09 PM"},"yes, of course"))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Jason Dewar",timeStamp:"5:15 PM"},"Sorry to hear that. Let me transfer you to a more technical support member. Thank you for your patients!"))),s().createElement(u,{type:"event"},s().createElement(E,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},s().createElement("b",null,"Jason Dewar")," sent a transfer request to"," ",s().createElement("b",null,"Technical Support Team"))),s().createElement(u,{type:"event"},s().createElement(E,{symbol:"change_owner",timeStamp:"5:20 PM"},s().createElement("b",null,"Technical Support Team")," accepted the transfer request")),s().createElement(u,{type:"event"},s().createElement(E,{symbol:"change_owner",timeStamp:"5:22 PM"},s().createElement("b",null,"Amber Cann")," accepted this chat")),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Amber Cann",timeStamp:"5:23 PM"},"Hi Andy, my name is Amber and I can help you solve your issue."))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Andy Martinez",timeStamp:"5:29 PM"},"Nevermind, I speak french."))),s().createElement(u,{type:"bookend"},s().createElement(f,{type:"stop",name:"Andy Martinez",timeStamp:"5:30 PM"})),s().createElement(u,{type:"bookend"},s().createElement(f,{type:"start",name:"Andy Martinez",timeStamp:"4:58 PM"})),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Andy Martinez",timeStamp:"4:59 PM"},"Hello, me again. I tried following this guide"," ",s().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"https://www.somehelpsite.com/CloudWidget-speaks-french")))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Jason Dewar",timeStamp:"5:02 PM"},"Hi Andy, thank you for contacting Widget Support again. What can I help you with?"))),s().createElement(u,null,s().createElement(d,null,s().createElement(p,{isPast:!0,name:"Andy Martinez",timeStamp:"5:09 PM"},"Nevermind, I figured it out."))),s().createElement(u,{type:"bookend"},s().createElement(f,{type:"stop",name:"Andy Martinez",timeStamp:"5:09 PM"}))))}]}},a={};function n(e){var s=a[e];if(void 0!==s)return s.exports;var l=a[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.m=t,n.amdO={},e=[],n.O=function(t,a,s,l){if(!a){var r=1/0;for(o=0;o<e.length;o++){a=e[o][0],s=e[o][1],l=e[o][2];for(var i=!0,m=0;m<a.length;m++)(!1&l||r>=l)&&Object.keys(n.O).every(function(e){return n.O[e](a[m])})?a.splice(m--,1):(i=!1,l<r&&(r=l));if(i){e.splice(o--,1);var c=s();void 0!==c&&(t=c)}}return t}l=l||0;for(var o=e.length;o>0&&e[o-1][2]>l;o--)e[o]=e[o-1];e[o]=[a,s,l]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=3483,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3483:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,a){var s,l,r=a[0],i=a[1],m=a[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(s in i)n.o(i,s)&&(n.m[s]=i[s]);if(m)var o=m(n)}for(t&&t(a);c<r.length;c++)l=r[c],n.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return n.O(o)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),n.nc=void 0;var s=n.O(void 0,[6790],function(){return n(5260)});s=n.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/chat/past/example.jsx.js"]=s}();