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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/chat/base/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],o=t[1],d=t[2],m=0,c=[];m<i.length;m++)r=i[m],l[r]&&c.push(l[r][0]),l[r]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(s&&s(t);c.length;)c.shift()();return u.push.apply(u,d||[]),a()}function a(){for(var e,t=0;t<u.length;t++){for(var a=u[t],n=!0,i=1;i<a.length;i++){var o=a[i];0!==l[o]&&(n=!1)}n&&(u.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={11:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},u=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],o=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=o;return u.push([80,0]),a()}({0:function(e,t){e.exports=React},80:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=void 0;var n=function(e){return e&&e.__esModule?e:{default:e}}(a(0)),l=a(52),u=a(45),r=a(191);t.default=n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French")))));t.states=[{id:"inbound-with-avatar",label:"Inbound With Avatar",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French and I'm having a lot of trouble. I've followed this article but it doesn't work"," ",n.default.createElement("a",{href:"javascript:void(0)"},"https://www.somehelpsite.com/CloudWidget-speaks-french"))))))},{id:"inbound-customer-is-typing",label:"Inbound Customer is Typing",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{isTyping:!0,type:"inbound"})))))},{id:"inbound-customer-is-typing-with-sneak-peek",label:"Inbound Customer is Typing with Sneak Peek",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{isTyping:!0,hasSneakPeek:!0,type:"inbound"},"Hi, my CloudWidget only speaks French and I'm having a lot of trouble trying to make i")))))},{id:"inbound-with-attachment",label:"Inbound With Attachment",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},n.default.createElement(r.DoctypeIcon,{assistiveText:"Attachment",className:"slds-icon_small",containerClassName:"slds-chat-icon",symbol:"attachment",title:"Attachment"}),n.default.createElement("a",{href:"javascript:void(0)"},"filename_of_attachment.jpg"))))))},{id:"inbound-with-loading-attachment-no-title",label:"Inbound With Loading Attachment Without Title",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},n.default.createElement(u.File,{has4x3Crop:!0,isLoading:!0,noCaption:!0}))))))},{id:"inbound-with-loading-attachment-with-title",label:"Inbound With Loading Attachment With Title",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},n.default.createElement(u.File,{has4x3Crop:!0,hasTitleCard:!0,sprite:"utility",symbol:"image",isLoading:!0}))))))},{id:"outbound",label:"Outbound",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",name:"Amber Cann",timeStamp:"4:59 PM"},"Hi Taylor, thank you for contacting Widget Support. Can you please tell me what language you are trying to program on your CloudWidget?"," ",n.default.createElement("a",{href:"javascript:void(0)"},"http://www.cloud.widget"))))))},{id:"outbound-agent",label:"Outbound Other Agent",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound-agent",name:"Jason Dewar",timeStamp:"4:59 PM"},"So sorry to hear that. Let me transfer you to a more technical support member. Thank you for your patients. \n \n Have you tried visiting our help site?")))))},{id:"inbound-unsupported-type",label:"Inbound Unsupported Type",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"JD",name:"Jason Dewar",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"unsupported-type",name:"Jason Dewar",timeStamp:"4:59 PM"},"Message type is not supported")))))},{id:"outbound-delivery-failure",label:"Outbound Delivery Failure",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"delivery-failure",deliveryFailureReason:"Message was not delivered because Andy stopped receiving messages.",name:"Jason Dewar",timeStamp:"4:59 PM"},"It might be the cause of the problem")))))},{id:"event",label:"Event",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{symbol:"priority",timeStamp:"5:09 PM"},n.default.createElement("b",null,"Jason Dewar")," raised a flag"))))},{id:"event-agent-message",label:"Event - With agent message",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},n.default.createElement("b",null,"Jason Dewar")," sent a transfer request to ",n.default.createElement("b",null,"Amber Cann")))))},{id:"event-error",label:"Event - Error",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{hasError:!0,symbol:"error",iconAssistiveText:"warning",timeStamp:"5:06 PM"},"The file sent by ",n.default.createElement("b",null,"Andy Martinez")," is too large"))))},{id:"bookend",label:"Bookend Start Chat",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"bookend"},n.default.createElement(l.ChatBookend,{type:"start",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))},{id:"bookend-stop",label:"Bookend Stop Chat",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"bookend"},n.default.createElement(l.ChatBookend,{type:"stop",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))}],t.examples=[{id:"consecutive-inbound",label:"Consecutive Inbound",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound"},"Hi, my CloudWidget only speaks French"))),n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,{hasFauxAvatar:!0},n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"I'm having trouble changing that.")))))},{id:"consecutive-outbound",label:"Consecutive Outbound",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound"},"Hi Andy, thank you for contacting Widget Support. Can you please tell me what language you are trying to program on your CloudWidget?"))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"It might be the cause of the problem")))))},{id:"short-text",label:"Short Text",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi."))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hello.")))))},{id:"chat-list",label:"Chat List",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"bookend"},n.default.createElement(l.ChatBookend,{type:"start",name:"Andy Martinez",timeStamp:"4:58 PM"})),n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Andy Martinez",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French"))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound-agent"},"Hi Andy, thank you for contacting Widget Support. Can you please tell me what language you are trying to program on your CloudWidget?"))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound-agent",name:"Jason Dewar",timeStamp:"5:02 PM"},"Have you tried turning it off and on again?"))),n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Andy Martinez",timeStamp:"5:09 PM"},"yes, of course"))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound-agent",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!"))),n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},n.default.createElement("b",null,"Jason Dewar")," sent a transfer request to"," ",n.default.createElement("b",null,"Technical Support Team"))),n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{symbol:"change_owner",timeStamp:"5:20 PM"},n.default.createElement("b",null,"Technical Support Team")," accepted the transfer request")),n.default.createElement(l.ChatListItem,{type:"event"},n.default.createElement(l.ChatEvent,{symbol:"change_owner",timeStamp:"5:22 PM"},n.default.createElement("b",null,"Amber Cann")," accepted this chat")),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",name:"Amber Cann",timeStamp:"5:23 PM"},"Hi Andy, my name is Amber and I can help you solve your issue."))),n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",name:"Andy Martinez",timeStamp:"5:29 PM"},"Nevermind, I speak french."))),n.default.createElement(l.ChatListItem,{type:"bookend"},n.default.createElement(l.ChatBookend,{type:"stop",name:"Andy Martinez",timeStamp:"5:30 PM"}))))},{id:"conversation-with-attachments",label:"Conversation With Attachments",element:n.default.createElement(l.Chat,null,n.default.createElement(l.ChatList,null,n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},n.default.createElement(u.File,{hasActions:!0,iconColor:"white",noCaption:!0,hasImage:!0})))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},n.default.createElement(u.File,{hasTitleCard:!0,symbol:"image",title:"Image.jpg",hasActions:!0,hasImagePortrait:!0})))),n.default.createElement(l.ChatListItem,{type:"inbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatAvatar,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),n.default.createElement(l.ChatMessageBody,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},n.default.createElement(u.File,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0})))),n.default.createElement(l.ChatListItem,{type:"outbound"},n.default.createElement(l.ChatMessage,null,n.default.createElement(l.ChatMessageBody,{type:"outbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},n.default.createElement(u.File,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0}))))))}]}});