@salesforce-ux/design-system 2.30.3 → 2.264.0-beta.1

package/__internal/chunked/showcase/ui/components/cards/einstein/example.jsx.js

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,n={1594:function(e){e.exports=React},2143:function(e,n,t){t.r(n),t.d(n,{EinsteinCard:function(){return c},states:function(){return s}});var r=t(1594),i=t.n(r),o=t(3011),a=t(7091),c=function(e){return i().createElement(o.Ay,null,i().createElement(a.j,{className:"slds-card__header",headerTitle:"Einstein (10+)",hasLink:!0,actions:e.hasActions,symbol:e.hasIcon&&"salesforce1"}),i().createElement(o.bw,{hasPadding:!0},"Card Body"),i().createElement(o.wL,null,"View All"," ",i().createElement("span",{className:"slds-assistive-text"},"Einstein Recommendations")))};n.default=i().createElement(c,null);var s=[{id:"einstein-with-icon",label:"Einstein card - with icon",element:i().createElement(c,{hasIcon:!0})},{id:"einstein-with-icon-and-actions",label:"Einstein card - with icon and actions",element:i().createElement(c,{hasIcon:!0,hasActions:!0})}]}},t={};function r(e){var i=t[e];if(void 0!==i)return i.exports;var o=t[e]={exports:{}};return n[e](o,o.exports,r),o.exports}r.m=n,r.amdO={},e=[],r.O=function(n,t,i,o){if(!t){var a=1/0;for(u=0;u<e.length;u++){t=e[u][0],i=e[u][1],o=e[u][2];for(var c=!0,s=0;s<t.length;s++)(!1&o||a>=o)&&Object.keys(r.O).every(function(e){return r.O[e](t[s])})?t.splice(s--,1):(c=!1,o<a&&(a=o));if(c){e.splice(u--,1);var l=i();void 0!==l&&(n=l)}}return n}o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[t,i,o]},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,{a:n}),n},r.d=function(e,n){for(var t in n)r.o(n,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=6159,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6159:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(n){return 0===e[n]};var n=function(n,t){var i,o,a=t[0],c=t[1],s=t[2],l=0;if(a.some(function(n){return 0!==e[n]})){for(i in c)r.o(c,i)&&(r.m[i]=c[i]);if(s)var u=s(r)}for(n&&n(t);l<a.length;l++)o=a[l],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return r.O(u)},t=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))}(),r.nc=void 0;var i=r.O(void 0,[6790],function(){return r(2143)});i=r.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/cards/einstein/example.jsx.js"]=i}();
+var SLDS;!function(){"use strict";var e,n={1594:function(e){e.exports=React},2143:function(e,n,t){t.r(n),t.d(n,{EinsteinCard:function(){return c},states:function(){return s}});var r=t(1594),i=t.n(r),o=t(3011),a=t(7091),c=function(e){return i().createElement(o.Ay,null,i().createElement(a.j,{className:"slds-card__header",headerTitle:"Einstein (10+)",hasLink:!0,actions:e.hasActions,symbol:e.hasIcon&&"salesforce1"}),i().createElement(o.bw,{hasPadding:!0},"Card Body"),i().createElement(o.wL,null,"View All ",i().createElement("span",{className:"slds-assistive-text"},"Einstein Recommendations")))};n.default=i().createElement(c,null);var s=[{id:"einstein-with-icon",label:"Einstein card - with icon",element:i().createElement(c,{hasIcon:!0})},{id:"einstein-with-icon-and-actions",label:"Einstein card - with icon and actions",element:i().createElement(c,{hasIcon:!0,hasActions:!0})}]}},t={};function r(e){var i=t[e];if(void 0!==i)return i.exports;var o=t[e]={exports:{}};return n[e](o,o.exports,r),o.exports}r.m=n,r.amdO={},e=[],r.O=function(n,t,i,o){if(!t){var a=1/0;for(u=0;u<e.length;u++){t=e[u][0],i=e[u][1],o=e[u][2];for(var c=!0,s=0;s<t.length;s++)(!1&o||a>=o)&&Object.keys(r.O).every(function(e){return r.O[e](t[s])})?t.splice(s--,1):(c=!1,o<a&&(a=o));if(c){e.splice(u--,1);var l=i();void 0!==l&&(n=l)}}return n}o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[t,i,o]},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,{a:n}),n},r.d=function(e,n){for(var t in n)r.o(n,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=6159,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6159:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(n){return 0===e[n]};var n=function(n,t){var i,o,a=t[0],c=t[1],s=t[2],l=0;if(a.some(function(n){return 0!==e[n]})){for(i in c)r.o(c,i)&&(r.m[i]=c[i]);if(s)var u=s(r)}for(n&&n(t);l<a.length;l++)o=a[l],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return r.O(u)},t=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))}(),r.nc=void 0;var i=r.O(void 0,[6790],function(){return r(2143)});i=r.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/cards/einstein/example.jsx.js"]=i}();

package/__internal/chunked/showcase/ui/components/chat/base/example.jsx.js

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,t={769:function(e,t,n){n.d(t,{DoctypeIcon:function(){return m}});var a=n(1594),l=n.n(a),i=n(8347),r=n(942),s=n.n(r),m=function(e){var t=e.symbol||"xml";return l().createElement("span",{className:s()("slds-icon_container slds-icon-doctype-"+t,e.containerClassName),title:e.title||"Description of icon when needed"},l().createElement(i.A,{className:s()("slds-icon",e.className),sprite:"doctype",symbol:t}),l().createElement("span",{className:"slds-assistive-text"},e.assistiveText||"Description of icon when needed"))}},1594:function(e){e.exports=React},4613:function(e,t,n){n.r(t),n.d(t,{default:function(){return W},examples:function(){return w},states:function(){return M}});var a=n(1594),l=n.n(a),i=n(942),r=n.n(i),s=n(405),m=n(538),o=n(6542),c=function(e){return l().createElement("section",{role:"log",className:r()("slds-chat",{"slds-chat_past":e.isPast})},e.children)},u=function(e){return l().createElement("ul",{className:"slds-chat-list"},e.children)},d=function(e){return l().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)},p=function(e){return l().createElement("div",{className:r()("slds-chat-message",{"slds-chat-message_faux-avatar":e.hasFauxAvatar})},e.children)},y=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},n={"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},a={"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 l().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&&l().createElement(E,{isPast:!0,name:e.name,timeStamp:e.timeStamp}),l().createElement("div",{className:r()(t,n,a)},e.isTyping&&l().createElement(o.A,{isAnimated:!0,isPaused:e.isPaused,assistiveText:"Customer is typing",title:"Customer is typing"}),"unsupported-type"===e.type&&l().createElement(_,{symbol:"warning",assistiveText:"Warning"}),e.children&&("image"===e.messageType||"file"===e.messageType?e.children:l().createElement("span",{"aria-hidden":e.hasSneakPeek?"true":null},e.children)),"delivery-failure"===e.type&&l().createElement(b,null,e.deliveryFailureReason)),"delivery-failure"===e.type?l().createElement("div",{className:"slds-grid slds-grid_align-spread slds-grid_vertical-align-start"},e.name&&e.timeStamp&&!e.isPast&&l().createElement(E,{name:e.name,timeStamp:e.timeStamp}),"delivery-failure"===e.type&&l().createElement(h,{symbol:"redo",actionTitle:"Resend"})):e.name&&e.timeStamp&&!e.isPast&&l().createElement(E,{name:e.name,timeStamp:e.timeStamp}))},E=function(e){return l().createElement("div",{className:"slds-chat-message__meta","aria-label":"said ".concat(e.name," at ").concat(e.timeStamp)},e.isPast?l().createElement("b",null,e.name):e.name," • ",e.timeStamp)},b=function(e){return l().createElement("div",{className:"slds-chat-message__text_delivery-failure-reason",role:"alert"},l().createElement(_,{symbol:"error"}),l().createElement("span",null,e.children))},h=function(e){return l().createElement("button",{className:"slds-button slds-chat-message__action slds-m-top_xxx-small"},l().createElement(m.UtilityIcon,{assistiveText:!1,title:!1,className:"slds-icon_xx-small",containerClassName:"slds-chat-icon",symbol:e.symbol}),l().createElement("span",null,e.actionTitle))},g=function(e){return l().createElement(s.eu,{className:"slds-avatar_circle slds-chat-avatar",ariaHidden:e.ariaHidden},l().createElement("abbr",{className:"slds-avatar__initials slds-avatar__initials_inverse",title:e.name},e.initials))},f=function(e){return l().createElement("div",{className:r()("slds-chat-event",{"slds-has-error":e.hasError}),role:e.hasError&&"alert"},l().createElement("div",{className:"slds-chat-event__body"},l().createElement(_,{symbol:e.symbol,assistiveText:e.iconAssistiveText}),l().createElement("p",null,e.children," • ",e.timeStamp)),e.agentMessage&&l().createElement("div",{className:"slds-chat-event__agent-message"},e.agentMessage))},v=function(e){return l().createElement("div",{className:r()("slds-chat-bookend",{"slds-chat-bookend_stop":"stop"===e.type})},l().createElement(_,{symbol:"start"===e.type?"chat":"end_chat"}),l().createElement("p",null,"Chat ","stop"===e.type?"ended":"started"," by ",l().createElement("b",null,e.name)," ","• ",e.timeStamp))},_=function(e){return l().createElement(m.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})},T=n(679),S=n(769),W=[{id:"default",label:"Default",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French")))))}],M=[{id:"inbound-with-avatar",label:"Inbound With Avatar",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{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"," ",l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"https://www.somehelpsite.com/CloudWidget-speaks-french"))))))},{id:"inbound-customer-is-typing",label:"Inbound Customer is Typing",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{isTyping:!0,type:"inbound"})))))},{id:"inbound-customer-is-typing-with-sneak-peek",label:"Inbound Customer is Typing with Sneak Peek",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(S.DoctypeIcon,{assistiveText:"Attachment",className:"slds-icon_small",containerClassName:"slds-chat-icon",symbol:"attachment",title:"Attachment"}),l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"filename_of_attachment.jpg"))))))},{id:"inbound-with-loading-attachment-no-title",label:"Inbound With Loading Attachment Without Title",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},l().createElement(T.Z,{has4x3Crop:!0,isLoading:!0,noCaption:!0}))))))},{id:"inbound-with-loading-attachment-with-title",label:"Inbound With Loading Attachment With Title",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,sprite:"utility",symbol:"image",isLoading:!0}))))))},{id:"outbound",label:"Outbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"," ",l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"http://www.cloud.widget"))))))},{id:"outbound-agent",label:"Outbound Other Agent",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"JD",name:"Jason Dewar",ariaHidden:"true"}),l().createElement(y,{type:"unsupported-type",name:"Jason Dewar",timeStamp:"4:59 PM"},"Message type is not supported")))))},{id:"outbound-delivery-failure",label:"Outbound Delivery Failure",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{symbol:"priority",timeStamp:"5:09 PM"},l().createElement("b",null,"Jason Dewar")," raised a flag"))))},{id:"event-agent-message",label:"Event - With agent message",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},l().createElement("b",null,"Jason Dewar")," sent a transfer request to ",l().createElement("b",null,"Amber Cann")))))},{id:"event-error",label:"Event - Error",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{hasError:!0,symbol:"error",iconAssistiveText:"warning",timeStamp:"5:06 PM"},"The file sent by ",l().createElement("b",null,"Andy Martinez")," is too large"))))},{id:"bookend",label:"Bookend Start Chat",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"start",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))},{id:"bookend-stop",label:"Bookend Stop Chat",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"stop",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))}],w=[{id:"consecutive-inbound",label:"Consecutive Inbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound"},"Hi, my CloudWidget only speaks French"))),l().createElement(d,{type:"inbound"},l().createElement(p,{hasFauxAvatar:!0},l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"I'm having trouble changing that.")))))},{id:"consecutive-outbound",label:"Consecutive Outbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi."))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hello.")))))},{id:"chat-list",label:"Chat List",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"start",name:"Andy Martinez",timeStamp:"4:58 PM"})),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound-agent",name:"Jason Dewar",timeStamp:"5:02 PM"},"Have you tried turning it off and on again?"))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"5:09 PM"},"yes, of course"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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!"))),l().createElement(d,{type:"event"},l().createElement(f,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},l().createElement("b",null,"Jason Dewar")," sent a transfer request to"," ",l().createElement("b",null,"Technical Support Team"))),l().createElement(d,{type:"event"},l().createElement(f,{symbol:"change_owner",timeStamp:"5:20 PM"},l().createElement("b",null,"Technical Support Team")," accepted the transfer request")),l().createElement(d,{type:"event"},l().createElement(f,{symbol:"change_owner",timeStamp:"5:22 PM"},l().createElement("b",null,"Amber Cann")," accepted this chat")),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",name:"Amber Cann",timeStamp:"5:23 PM"},"Hi Andy, my name is Amber and I can help you solve your issue."))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"5:29 PM"},"Nevermind, I speak french."))),l().createElement(d,{type:"bookend"},l().createElement(v,{type:"stop",name:"Andy Martinez",timeStamp:"5:30 PM"}))))},{id:"conversation-with-attachments",label:"Conversation With Attachments",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{hasActions:!0,iconColor:"white",noCaption:!0,hasImage:!0})))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{hasTitleCard:!0,symbol:"image",title:"Image.jpg",hasActions:!0,hasImagePortrait:!0})))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0})))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0}))))))}]}},n={};function a(e){var l=n[e];if(void 0!==l)return l.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,a),i.exports}a.m=t,a.amdO={},e=[],a.O=function(t,n,l,i){if(!n){var r=1/0;for(c=0;c<e.length;c++){n=e[c][0],l=e[c][1],i=e[c][2];for(var s=!0,m=0;m<n.length;m++)(!1&i||r>=i)&&Object.keys(a.O).every(function(e){return a.O[e](n[m])})?n.splice(m--,1):(s=!1,i<r&&(r=i));if(s){e.splice(c--,1);var o=l();void 0!==o&&(t=o)}}return t}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,l,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=4250,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4250:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,7999:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,i,r=n[0],s=n[1],m=n[2],o=0;if(r.some(function(t){return 0!==e[t]})){for(l in s)a.o(s,l)&&(a.m[l]=s[l]);if(m)var c=m(a)}for(t&&t(n);o<r.length;o++)i=r[o],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(c)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),a.nc=void 0;var l=a.O(void 0,[6790],function(){return a(4613)});l=a.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/chat/base/example.jsx.js"]=l}();
+var SLDS;!function(){"use strict";var e,t={769:function(e,t,n){n.d(t,{DoctypeIcon:function(){return m}});var a=n(1594),l=n.n(a),i=n(8347),r=n(942),s=n.n(r),m=function(e){var t=e.symbol||"xml";return l().createElement("span",{className:s()("slds-icon_container slds-icon-doctype-"+t,e.containerClassName),title:e.title||"Description of icon when needed"},l().createElement(i.A,{className:s()("slds-icon",e.className),sprite:"doctype",symbol:t}),l().createElement("span",{className:"slds-assistive-text"},e.assistiveText||"Description of icon when needed"))}},1594:function(e){e.exports=React},4613:function(e,t,n){n.r(t),n.d(t,{default:function(){return W},examples:function(){return w},states:function(){return M}});var a=n(1594),l=n.n(a),i=n(942),r=n.n(i),s=n(405),m=n(538),o=n(6542),c=function(e){return l().createElement("section",{role:"log",className:r()("slds-chat",{"slds-chat_past":e.isPast})},e.children)},u=function(e){return l().createElement("ul",{className:"slds-chat-list"},e.children)},d=function(e){return l().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)},p=function(e){return l().createElement("div",{className:r()("slds-chat-message",{"slds-chat-message_faux-avatar":e.hasFauxAvatar})},e.children)},y=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},n={"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},a={"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 l().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&&l().createElement(E,{isPast:!0,name:e.name,timeStamp:e.timeStamp}),l().createElement("div",{className:r()(t,n,a)},e.isTyping&&l().createElement(o.A,{isAnimated:!0,isPaused:e.isPaused,assistiveText:"Customer is typing",title:"Customer is typing"}),"unsupported-type"===e.type&&l().createElement(_,{symbol:"warning",assistiveText:"Warning"}),e.children&&("image"===e.messageType||"file"===e.messageType?e.children:l().createElement("span",{"aria-hidden":e.hasSneakPeek?"true":null},e.children)),"delivery-failure"===e.type&&l().createElement(b,null,e.deliveryFailureReason)),"delivery-failure"===e.type?l().createElement("div",{className:"slds-grid slds-grid_align-spread slds-grid_vertical-align-start"},e.name&&e.timeStamp&&!e.isPast&&l().createElement(E,{name:e.name,timeStamp:e.timeStamp}),"delivery-failure"===e.type&&l().createElement(h,{symbol:"redo",actionTitle:"Resend"})):e.name&&e.timeStamp&&!e.isPast&&l().createElement(E,{name:e.name,timeStamp:e.timeStamp}))},E=function(e){return l().createElement("div",{className:"slds-chat-message__meta","aria-label":"said ".concat(e.name," at ").concat(e.timeStamp)},e.isPast?l().createElement("b",null,e.name):e.name," • ",e.timeStamp)},b=function(e){return l().createElement("div",{className:"slds-chat-message__text_delivery-failure-reason",role:"alert"},l().createElement(_,{symbol:"error"}),l().createElement("span",null,e.children))},h=function(e){return l().createElement("button",{className:"slds-button slds-chat-message__action slds-m-top_xxx-small"},l().createElement(m.UtilityIcon,{assistiveText:!1,title:!1,className:"slds-icon_xx-small",containerClassName:"slds-chat-icon",symbol:e.symbol}),l().createElement("span",null,e.actionTitle))},g=function(e){return l().createElement(s.eu,{className:"slds-avatar_circle slds-chat-avatar",ariaHidden:e.ariaHidden},l().createElement("abbr",{className:"slds-avatar__initials slds-avatar__initials_inverse",title:e.name},e.initials))},f=function(e){return l().createElement("div",{className:r()("slds-chat-event",{"slds-has-error":e.hasError}),role:e.hasError&&"alert"},l().createElement("div",{className:"slds-chat-event__body"},l().createElement(_,{symbol:e.symbol,assistiveText:e.iconAssistiveText}),l().createElement("p",null,e.children," • ",e.timeStamp)),e.agentMessage&&l().createElement("div",{className:"slds-chat-event__agent-message"},e.agentMessage))},v=function(e){return l().createElement("div",{className:r()("slds-chat-bookend",{"slds-chat-bookend_stop":"stop"===e.type})},l().createElement(_,{symbol:"start"===e.type?"chat":"end_chat"}),l().createElement("p",null,"Chat ","stop"===e.type?"ended":"started"," by ",l().createElement("b",null,e.name)," • ",e.timeStamp))},_=function(e){return l().createElement(m.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})},T=n(679),S=n(769),W=[{id:"default",label:"Default",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French")))))}],M=[{id:"inbound-with-avatar",label:"Inbound With Avatar",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{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"," ",l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"https://www.somehelpsite.com/CloudWidget-speaks-french"))))))},{id:"inbound-customer-is-typing",label:"Inbound Customer is Typing",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{isTyping:!0,type:"inbound"})))))},{id:"inbound-customer-is-typing-with-sneak-peek",label:"Inbound Customer is Typing with Sneak Peek",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(S.DoctypeIcon,{assistiveText:"Attachment",className:"slds-icon_small",containerClassName:"slds-chat-icon",symbol:"attachment",title:"Attachment"}),l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"filename_of_attachment.jpg"))))))},{id:"inbound-with-loading-attachment-no-title",label:"Inbound With Loading Attachment Without Title",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},l().createElement(T.Z,{has4x3Crop:!0,isLoading:!0,noCaption:!0}))))))},{id:"inbound-with-loading-attachment-with-title",label:"Inbound With Loading Attachment With Title",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM",isLoading:!0},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,sprite:"utility",symbol:"image",isLoading:!0}))))))},{id:"outbound",label:"Outbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"," ",l().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"http://www.cloud.widget"))))))},{id:"outbound-agent",label:"Outbound Other Agent",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"JD",name:"Jason Dewar",ariaHidden:"true"}),l().createElement(y,{type:"unsupported-type",name:"Jason Dewar",timeStamp:"4:59 PM"},"Message type is not supported")))))},{id:"outbound-delivery-failure",label:"Outbound Delivery Failure",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{symbol:"priority",timeStamp:"5:09 PM"},l().createElement("b",null,"Jason Dewar")," raised a flag"))))},{id:"event-agent-message",label:"Event - With agent message",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},l().createElement("b",null,"Jason Dewar")," sent a transfer request to ",l().createElement("b",null,"Amber Cann")))))},{id:"event-error",label:"Event - Error",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"event"},l().createElement(f,{hasError:!0,symbol:"error",iconAssistiveText:"warning",timeStamp:"5:06 PM"},"The file sent by ",l().createElement("b",null,"Andy Martinez")," is too large"))))},{id:"bookend",label:"Bookend Start Chat",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"start",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))},{id:"bookend-stop",label:"Bookend Stop Chat",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"stop",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"}))))}],w=[{id:"consecutive-inbound",label:"Consecutive Inbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound"},"Hi, my CloudWidget only speaks French"))),l().createElement(d,{type:"inbound"},l().createElement(p,{hasFauxAvatar:!0},l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"I'm having trouble changing that.")))))},{id:"consecutive-outbound",label:"Consecutive Outbound",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hi."))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},"Hello.")))))},{id:"chat-list",label:"Chat List",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"bookend"},l().createElement(v,{type:"start",name:"Andy Martinez",timeStamp:"4:58 PM"})),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"4:59 PM"},"Hi, my CloudWidget only speaks French"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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?"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound-agent",name:"Jason Dewar",timeStamp:"5:02 PM"},"Have you tried turning it off and on again?"))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"5:09 PM"},"yes, of course"))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{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!"))),l().createElement(d,{type:"event"},l().createElement(f,{agentMessage:"Andy needs help changing the language on his CloudWidget",symbol:"change_owner",timeStamp:"5:19 PM"},l().createElement("b",null,"Jason Dewar")," sent a transfer request to ",l().createElement("b",null,"Technical Support Team"))),l().createElement(d,{type:"event"},l().createElement(f,{symbol:"change_owner",timeStamp:"5:20 PM"},l().createElement("b",null,"Technical Support Team")," accepted the transfer request")),l().createElement(d,{type:"event"},l().createElement(f,{symbol:"change_owner",timeStamp:"5:22 PM"},l().createElement("b",null,"Amber Cann")," accepted this chat")),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",name:"Amber Cann",timeStamp:"5:23 PM"},"Hi Andy, my name is Amber and I can help you solve your issue."))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"AM",name:"Andy Martinez",ariaHidden:"true"}),l().createElement(y,{type:"inbound",name:"Andy Martinez",timeStamp:"5:29 PM"},"Nevermind, I speak french."))),l().createElement(d,{type:"bookend"},l().createElement(v,{type:"stop",name:"Andy Martinez",timeStamp:"5:30 PM"}))))},{id:"conversation-with-attachments",label:"Conversation With Attachments",element:l().createElement(c,null,l().createElement(u,null,l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{hasActions:!0,iconColor:"white",noCaption:!0,hasImage:!0})))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",messageType:"image",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{hasTitleCard:!0,symbol:"image",title:"Image.jpg",hasActions:!0,hasImagePortrait:!0})))),l().createElement(d,{type:"inbound"},l().createElement(p,null,l().createElement(g,{initials:"TW",name:"Taylor Watson-Rice",ariaHidden:"true"}),l().createElement(y,{type:"inbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0})))),l().createElement(d,{type:"outbound"},l().createElement(p,null,l().createElement(y,{type:"outbound",messageType:"file",name:"Taylor Watson-Rice",timeStamp:"4:59 PM"},l().createElement(T.Z,{has4x3Crop:!0,hasTitleCard:!0,symbol:"pdf",title:"File.pdf",hasActions:!0,hasImage:!0}))))))}]}},n={};function a(e){var l=n[e];if(void 0!==l)return l.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,a),i.exports}a.m=t,a.amdO={},e=[],a.O=function(t,n,l,i){if(!n){var r=1/0;for(c=0;c<e.length;c++){n=e[c][0],l=e[c][1],i=e[c][2];for(var s=!0,m=0;m<n.length;m++)(!1&i||r>=i)&&Object.keys(a.O).every(function(e){return a.O[e](n[m])})?n.splice(m--,1):(s=!1,i<r&&(r=i));if(s){e.splice(c--,1);var o=l();void 0!==o&&(t=o)}}return t}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,l,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=4250,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4250:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,7999:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,i,r=n[0],s=n[1],m=n[2],o=0;if(r.some(function(t){return 0!==e[t]})){for(l in s)a.o(s,l)&&(a.m[l]=s[l]);if(m)var c=m(a)}for(t&&t(n);o<r.length;o++)i=r[o],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(c)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),a.nc=void 0;var l=a.O(void 0,[6790],function(){return a(4613)});l=a.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/chat/base/example.jsx.js"]=l}();

package/__internal/chunked/showcase/ui/components/chat/past/example.jsx.js

@@ -1 +1 @@
-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}();
+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}();

package/__internal/chunked/showcase/ui/components/docked-composer/base/example.jsx.js

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},7472:function(e,t,s){s.r(t),s.d(t,{ComposerOverflowMenu:function(){return U},Context:function(){return Y},DockedComposerPanel:function(){return H},Footer:function(){return V},default:function(){return J},examples:function(){return Z},states:function(){return W}});var l=s(1594),a=s.n(l),n=s(2937),i=s(6955),o=s(4760),r=s(1766),d=s(1412),c=s(7412),m=s.n(c),u=s(8347),b=s(5159),_=s(3964),p=s(6185),E=(s(5786),s(538)),N=s(2711),h=s(5526),f=s(942),v=s.n(f),g=s(806);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var l,a,n,i,o=[],r=!0,d=!1;try{if(n=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;r=!1}else for(;!(r=(l=n.call(s)).done)&&(o.push(l.value),o.length!==t);r=!0);}catch(e){d=!0,a=e}finally{try{if(!r&&null!=s.return&&(i=s.return(),Object(i)!==i))return}finally{if(d)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?y(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,l=Array(t);s<t;s++)l[s]=e[s];return l}var C=function(e){return a().createElement(N.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:v()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};C.propTypes={children:m().node.isRequired,errorId:m().string,hasError:m().bool,inlineMessage:m().string,labelContent:m().string,labelId:m().string};var I=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:v()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},w=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:m().object.isRequired,id:m().string};var A=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};A.propTypes={listboxData:m().object.isRequired,id:m().string};var k=function(e){var t=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],s=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],n=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],i=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":s,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(w,{listboxData:_.kz,id:s}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:n,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(A,{listboxData:_.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},S=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},T=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},L=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},B=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},z=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},O=function(e){return a().createElement("div",{className:v()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-grow"},e.text):a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:e.label||"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-text-color_weak slds-grow"},e.placeholder))},P=s(7705),D=s(3106),F="dialog-heading-id-1",M="dialog-content-id-1",q=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],V=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-text-align_right"},a().createElement("button",{className:"slds-button slds-button_brand"},"Action"))},R=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},a().createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},a().createElement("ul",{className:"slds-grid","aria-label":"Insert content"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),a().createElement(i.A,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),a().createElement("button",{className:"slds-button slds-button_brand"},"Send"))},H=function(e){return a().createElement("section",{className:v()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:F,"aria-describedby":e.nestedDialog?null:M},a().createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},a().createElement("div",{className:"slds-media slds-media_center slds-no-space"},a().createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a().createElement("span",{className:"slds-icon_container"},a().createElement(u.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol||"call"}))),a().createElement("div",{className:"slds-media__body"},e.dialogClosed?a().createElement("span",{className:"slds-assistive-text"},"Minimized"):null,a().createElement("h2",{className:"slds-truncate",id:F,title:e.header||"Header"},e.header||"Header"))),a().createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),a().createElement("div",{className:v()("slds-docked-composer__body",e.bodyClassName),id:M},e.children),e.footer?a().createElement("footer",{className:v()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},U=function(e){return a().createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},a().createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),a().createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",a().createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),a().createElement(o.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},a().createElement(o.MenuList,{className:"slds-dropdown_length-with-icon-7"},g.Ay.times(q.length,function(e){return a().createElement(o.MenuItem,{key:e,title:q[e].title},a().createElement("span",{className:"slds-icon_container slds-icon-standard-"+q[e].entity+" slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:q[e].entity}),a().createElement("span",{className:"slds-assistive-text"},q[e].entity)),q[e].title)}))))},G=function(e){return a().createElement(P.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},a().createElement(P.Oh,null,a().createElement(P.q9,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},Y=function(e){return a().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)},J=[{id:"default",label:"Default",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],W=[{id:"single-composer-open",label:"Open",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open slds-has-focus",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-has-focus",dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:a().createElement(r.Backdrop,null,a().createElement(r.Modal,{className:"slds-docked-composer-modal","aria-labelledby":F,"aria-describedby":M,closeButton:!1},a().createElement(r.ModalContent,{id:"modal-content-id"},a().createElement(H,{footer:a().createElement(V,null),nestedDialog:!0},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(U,null),a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],Z=[{id:"task",label:"Log a Task",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log new task"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")))),a().createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Edit Phone Number"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation"))))),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),a().createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},a().createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),a().createElement("ul",{className:"slds-has-dividers_around-space"},a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),a().createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",a().createElement("span",{className:"slds-col_bump-left"},"Yesterday")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),a().createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",a().createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),a().createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",a().createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log a call"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:a().createElement(R,null)},a().createElement("div",{className:"slds-email-composer"},a().createElement(P.H_,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},a().createElement(D.IK,null,a().createElement(D.j9,null,a().createElement(D.$P,{label:"jrogers@cloudhub.com",tabIndex:"0"},a().createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},a().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),a().createElement(P.H_,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),a().createElement(P.H_,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:a().createElement(G,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),a().createElement(N.ZS,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},a().createElement(h.A,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),a().createElement(C,null,a().createElement(I,null,a().createElement(k,null),a().createElement(S,{tabIndexSetting:"-1"}),a().createElement(T,null),a().createElement(L,null),a().createElement(j,null),a().createElement(B,null),a().createElement(z,null)),a().createElement(O,{placeholder:"Compose Email..."})))))}]}},s={};function l(e){var a=s[e];if(void 0!==a)return a.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,l.amdO={},e=[],l.O=function(t,s,a,n){if(!s){var i=1/0;for(c=0;c<e.length;c++){s=e[c][0],a=e[c][1],n=e[c][2];for(var o=!0,r=0;r<s.length;r++)(!1&n||i>=n)&&Object.keys(l.O).every(function(e){return l.O[e](s[r])})?s.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[s,a,n]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var s in t)l.o(t,s)&&!l.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=6263,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6263:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,s){var a,n,i=s[0],o=s[1],r=s[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(a in o)l.o(o,a)&&(l.m[a]=o[a]);if(r)var c=r(l)}for(t&&t(s);d<i.length;d++)n=i[d],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(c)},s=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(7472)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=a}();
+var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},7472:function(e,t,s){s.r(t),s.d(t,{ComposerOverflowMenu:function(){return U},Context:function(){return Y},DockedComposerPanel:function(){return H},Footer:function(){return V},default:function(){return J},examples:function(){return Z},states:function(){return W}});var l=s(1594),a=s.n(l),n=s(2937),i=s(6955),o=s(4760),r=s(1766),d=s(1412),c=s(7412),m=s.n(c),u=s(8347),b=s(5159),_=s(3964),p=s(6185),E=(s(5786),s(538)),N=s(2711),h=s(5526),f=s(942),v=s.n(f),g=s(806);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var l,a,n,i,o=[],r=!0,d=!1;try{if(n=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;r=!1}else for(;!(r=(l=n.call(s)).done)&&(o.push(l.value),o.length!==t);r=!0);}catch(e){d=!0,a=e}finally{try{if(!r&&null!=s.return&&(i=s.return(),Object(i)!==i))return}finally{if(d)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?y(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,l=Array(t);s<t;s++)l[s]=e[s];return l}var C=function(e){return a().createElement(N.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:v()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};C.propTypes={children:m().node.isRequired,errorId:m().string,hasError:m().bool,inlineMessage:m().string,labelContent:m().string,labelId:m().string};var I=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:v()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},w=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:m().object.isRequired,id:m().string};var A=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};A.propTypes={listboxData:m().object.isRequired,id:m().string};var k=function(e){var t=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],s=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],n=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],i=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":s,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(w,{listboxData:_.kz,id:s}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:n,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(A,{listboxData:_.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},S=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},T=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},L=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},B=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},z=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},O=function(e){return a().createElement("div",{className:v()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-grow"},e.text):a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:e.label||"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-text-color_weak slds-grow"},e.placeholder))},P=s(7705),D=s(3106),F="dialog-heading-id-1",M="dialog-content-id-1",q=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],V=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-text-align_right"},a().createElement("button",{className:"slds-button slds-button_brand"},"Action"))},R=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},a().createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},a().createElement("ul",{className:"slds-grid","aria-label":"Insert content"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),a().createElement(i.A,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),a().createElement("button",{className:"slds-button slds-button_brand"},"Send"))},H=function(e){return a().createElement("section",{className:v()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:F,"aria-describedby":e.nestedDialog?null:M},a().createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},a().createElement("div",{className:"slds-media slds-media_center slds-no-space"},a().createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a().createElement("span",{className:"slds-icon_container"},a().createElement(u.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol||"call"}))),a().createElement("div",{className:"slds-media__body"},e.dialogClosed?a().createElement("span",{className:"slds-assistive-text"},"Minimized"):null,a().createElement("h2",{className:"slds-truncate",id:F,title:e.header||"Header"},e.header||"Header"))),a().createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),a().createElement("div",{className:v()("slds-docked-composer__body",e.bodyClassName),id:M},e.children),e.footer?a().createElement("footer",{className:v()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},U=function(e){return a().createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},a().createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),a().createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3 ",a().createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),a().createElement(o.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},a().createElement(o.MenuList,{className:"slds-dropdown_length-with-icon-7"},g.Ay.times(q.length,function(e){return a().createElement(o.MenuItem,{key:e,title:q[e].title},a().createElement("span",{className:"slds-icon_container slds-icon-standard-"+q[e].entity+" slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:q[e].entity}),a().createElement("span",{className:"slds-assistive-text"},q[e].entity)),q[e].title)}))))},G=function(e){return a().createElement(P.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},a().createElement(P.Oh,null,a().createElement(P.q9,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},Y=function(e){return a().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)},J=[{id:"default",label:"Default",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],W=[{id:"single-composer-open",label:"Open",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open slds-has-focus",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-has-focus",dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:a().createElement(r.Backdrop,null,a().createElement(r.Modal,{className:"slds-docked-composer-modal","aria-labelledby":F,"aria-describedby":M,closeButton:!1},a().createElement(r.ModalContent,{id:"modal-content-id"},a().createElement(H,{footer:a().createElement(V,null),nestedDialog:!0},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(U,null),a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],Z=[{id:"task",label:"Log a Task",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log new task"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")))),a().createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Edit Phone Number"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation"))))),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),a().createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},a().createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),a().createElement("ul",{className:"slds-has-dividers_around-space"},a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),a().createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",a().createElement("span",{className:"slds-col_bump-left"},"Yesterday")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),a().createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",a().createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),a().createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",a().createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log a call"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:a().createElement(R,null)},a().createElement("div",{className:"slds-email-composer"},a().createElement(P.H_,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},a().createElement(D.IK,null,a().createElement(D.j9,null,a().createElement(D.$P,{label:"jrogers@cloudhub.com",tabIndex:"0"},a().createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},a().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),a().createElement(P.H_,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),a().createElement(P.H_,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:a().createElement(G,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),a().createElement(N.ZS,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},a().createElement(h.A,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),a().createElement(C,null,a().createElement(I,null,a().createElement(k,null),a().createElement(S,{tabIndexSetting:"-1"}),a().createElement(T,null),a().createElement(L,null),a().createElement(j,null),a().createElement(B,null),a().createElement(z,null)),a().createElement(O,{placeholder:"Compose Email..."})))))}]}},s={};function l(e){var a=s[e];if(void 0!==a)return a.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,l.amdO={},e=[],l.O=function(t,s,a,n){if(!s){var i=1/0;for(c=0;c<e.length;c++){s=e[c][0],a=e[c][1],n=e[c][2];for(var o=!0,r=0;r<s.length;r++)(!1&n||i>=n)&&Object.keys(l.O).every(function(e){return l.O[e](s[r])})?s.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[s,a,n]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var s in t)l.o(t,s)&&!l.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=6263,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6263:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,s){var a,n,i=s[0],o=s[1],r=s[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(a in o)l.o(o,a)&&(l.m[a]=o[a]);if(r)var c=r(l)}for(t&&t(s);d<i.length;d++)n=i[d],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(c)},s=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(7472)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=a}();

package/__internal/chunked/showcase/ui/components/markdown/base/example.jsx.js

@@ -0,0 +1 @@
+var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},9832:function(e,t,l){l.r(t),l.d(t,{default:function(){return E}});var n=l(1594),r=l.n(n),a=l(7412),c=l.n(a),u=l(942),i=l.n(u),o=function(e){var t=e.children;return r().createElement("div",{className:i()("slds-markdown")},t)};o.propTypes={children:c().node},o.defaultProps={};var m=o,E=[{id:"default",label:"Default",element:r().createElement(m,null,r().createElement("h1",null,"Heading 1"),r().createElement("p",null,"Paragraph"),r().createElement("h2",null,"Heading 2"),r().createElement("p",null,"Paragraph"),r().createElement("h3",null,"Heading 3"),r().createElement("p",null,"Paragraph"),r().createElement("h4",null,"Heading 4"),r().createElement("p",null,"Paragraph"),r().createElement("h5",null,"Heading 5"),r().createElement("p",null,"Paragraph"),r().createElement("h6",null,"Heading 6"),r().createElement("p",null,"Paragraph"),r().createElement("ul",null,r().createElement("li",null,"List item 1"),r().createElement("li",null,"List item 2"),r().createElement("li",null,"List item 3")),r().createElement("ol",null,r().createElement("li",null,"List item 1"),r().createElement("li",null,"List item 2"),r().createElement("li",null,"List item 3",r().createElement("ul",null,r().createElement("li",null,"List item 1"),r().createElement("li",null,"List item 2"),r().createElement("li",null,"List item 3")))),r().createElement("ul",null,r().createElement("li",null,r().createElement("input",{type:"checkbox",disabled:!0})," Milk"),r().createElement("li",null,r().createElement("input",{type:"checkbox",disabled:!0,checked:!0})," Eggs")),r().createElement("blockquote",null,r().createElement("p",null,"Blockquote"),r().createElement("blockquote",null,r().createElement("p",null,"Blockquote"))),r().createElement("pre",null,r().createElement("code",null,"let message = 'Hello world'; alert(message);")),r().createElement("p",null,"Inline ",r().createElement("code",null,"code blocks")," are supported."),r().createElement("p",null,"Press ",r().createElement("kbd",null,"Ctrl")," + ",r().createElement("kbd",null,"C")," to copy."),r().createElement("p",null,"This is ",r().createElement("mark",null,"highlighted text")," and ",r().createElement("del",null,"deleted text"),"."),r().createElement("p",null,"E = mc",r().createElement("sup",null,"2")," and H",r().createElement("sub",null,"2"),"O are chemical formulas."),r().createElement("table",{role:"table"},r().createElement("thead",null,r().createElement("tr",null,r().createElement("th",null,"Tables"),r().createElement("th",{align:"center"},"Are"),r().createElement("th",{align:"right"},"Cool"))),r().createElement("tbody",null,r().createElement("tr",null,r().createElement("td",null,"Row 1"),r().createElement("td",{align:"center"},"right-aligned"),r().createElement("td",{align:"right"},"$1600")),r().createElement("tr",null,r().createElement("td",null,"Row 2"),r().createElement("td",{align:"center"},"centered"),r().createElement("td",{align:"right"},"$12")),r().createElement("tr",null,r().createElement("td",null,r().createElement("code",null,"Row 3")),r().createElement("td",{align:"center"},r().createElement("em",null,"Emphasis")),r().createElement("td",{align:"right"},r().createElement("strong",null,"Strong"))))),r().createElement("p",null,"Links ",r().createElement("a",{href:"#"},"are supported"),". Code ",r().createElement("a",{href:"#"},r().createElement("code",null,"links"))," are supported."),r().createElement("hr",null),r().createElement("p",null,"Paragraph"))}]}},l={};function n(e){var r=l[e];if(void 0!==r)return r.exports;var a=l[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,r,a){if(!l){var c=1/0;for(m=0;m<e.length;m++){l=e[m][0],r=e[m][1],a=e[m][2];for(var u=!0,i=0;i<l.length;i++)(!1&a||c>=a)&&Object.keys(n.O).every(function(e){return n.O[e](l[i])})?l.splice(i--,1):(u=!1,a<c&&(c=a));if(u){e.splice(m--,1);var o=r();void 0!==o&&(t=o)}}return t}a=a||0;for(var m=e.length;m>0&&e[m-1][2]>a;m--)e[m]=e[m-1];e[m]=[l,r,a]},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 l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},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=3915,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3915: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,l){var r,a,c=l[0],u=l[1],i=l[2],o=0;if(c.some(function(t){return 0!==e[t]})){for(r in u)n.o(u,r)&&(n.m[r]=u[r]);if(i)var m=i(n)}for(t&&t(l);o<c.length;o++)a=c[o],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(m)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),n.nc=void 0;var r=n.O(void 0,[6790],function(){return n(9832)});r=n.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/markdown/base/example.jsx.js"]=r}();