https://app.barn2door.com/s/production/373.61949b7e23316b592716.js

1"use strict";(self.webpackChunkbarn2door_webapp_client=self.webpackChunkbarn2door_webapp_client||[]).push([[373],{1373:(e,t,r)=>{r.r(t),r.d(t,{default:()=>M});var n=r(63696),a=r(20881),s=r(18339),o=r.n(s),l=r(52821),i=r(33193),c=r(56857),m=r(82890),u=r(44549),d=r(8521),v=function(e){return e.conversation.isLoading},h=function(e){return e.conversation.conversation},g=function(e){return e.conversation.error},f=function(e){return e.conversation.isSaving},p=function(e){return e.conversation.saved},E=r(750),w=r(41028),b=r(25290),N=r(91641);function y(e,t,r){return t=S(t),function(e,t){if(t&&("object"==(r=t,r&&"undefined"!=typeof Symbol&&r.constructor===Symbol?"symbol":typeof r)||"function"==typeof t))return t;var r;return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,k()?Reflect.construct(t,r||[],S(e).constructor):t.apply(e,r))}function C(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function U(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},S(e)}function O(e,t){return O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},O(e,t)}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}var x=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),U(e=y(this,t,arguments),"state",{newMessage:"",messageCharCount:0}),U(e,"handleSubmit",function(t){t.preventDefault(),e.props.saveMessage(e.state.newMessage,e.props.conversation.otherUser.hashId),e.setState({newMessage:""})}),U(e,"handleChange",function(t){e.setState({newMessage:t.target.value,messageCharCount:t.target.value.length})}),U(e,"showSellerBox",function(e){var t,r,a,s,l,c,m,u,d,v=null===(t=e.otherUser)||void 0===t?void 0:t.seller;return(0,i.gD)(v)?null:n.createElement("div",{className:"columns small-12 medium-5 large-4 seller-container"},n.createElement("div",{className:"row"},(0,i.Q4)(e.otherUser.seller,["image","url"])&&n.createElement("div",{className:"message-seller-image"},n.createElement("img",{alt:"",src:e.otherUser.seller.image.url})),n.createElement("div",{className:"message-seller-details white"},n.createElement("div",{className:"row seller-name"},e.otherUser.seller.businessName),n.createElement("div",{className:"row street-address"},null===(a=e.otherUser.seller)||void 0===a||null===(r=a.address)||void 0===r?void 0:r.streetAddress1,n.createElement("br",null),null===(l=e.otherUser.seller)||void 0===l||null===(s=l.address)||void 0===s?void 0:s.city," ",null===(m=e.otherUser.seller)||void 0===m||null===(c=m.address)||void 0===c?void 0:c.state,","," ",null===(d=e.otherUser.seller)||void 0===d||null===(u=d.address)||void 0===u?void 0:u.postalCode),n.createElement("div",{className:"row seller-since"},"Seller Since"," ",o()(e.otherUser.seller.createdAt).format("YYYY")))

1))}),U(e,"leftChatBox",function(e,t){var r,a,s;return n.createElement(n.Fragment,{key:e.id},n.createElement("div",{className:"row message message-left"},n.createElement("div",{className:"message-image"},n.createElement("img",{alt:"conversation",src:(0,i.gD)(null===(s=t.otherUser)||void 0===s||null===(a=s.seller)||void 0===a||null===(r=a.image)||void 0===r?void 0:r.url)?m.A.CUSTOMER_ICON.DEFAULT:t.otherUser.seller.image.url})),n.createElement("div",{className:"triangle-1 hide-for-small hide-for-medium"}),n.createElement("div",{className:"white message-content"},e.content)),n.createElement("div",{className:"row message-date-right"},e.createdAt))}),U(e,"rightChatBox",function(e){return n.createElement(n.Fragment,{key:e.id},n.createElement("div",{className:"row message message-right"},n.createElement("div",{className:"white message-content"},e.content),n.createElement("div",{className:"triangle-0"}),n.createElement("div",{className:"message-image"},n.createElement("img",{alt:"",src:m.A.CUSTOMER_ICON.DEFAULT}))),n.createElement("div",{className:"row message-date-left"},e.createdAt))}),e}var r,s,l;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(t,e),r=t,s=[{key:"componentDidMount",value:function(){this.props.fetchConversationPage(this.props.match.params.hashId)}},{key:"render",value:function(){var e,t=this,r=this.props,s=r.conversation,o=r.isLoading,l=r.isSaving,i=r.error,c=this.state.newMessage;return i&&(e=l?"There was an error sending your message. Please try again.":"There was an error loading your conversation. Please double check the information and try again.",e=i.message||e),n.createElement("div",{className:"inbox-page"},n.createElement("div",{className:"background-white edit"},o&&n.createElement(b.A,{msg:"Fetching inbox...",overlay:!0}),i&&n.createElement(w.A,{className:"error row"},e),!o&&!i&&n.createElement("section",{className:"send-message"},n.createElement("div",{className:"row background-white"},n.createElement("div",{className:"columns small-12 medium-7 large-7"},n.createElement("div",{className:"row"},n.createElement("h1",{className:"conversation-text"},"Conversation with ",s.otherUser.firstName," ",s.otherUser.lastName),n.createElement("div",{className:"row inbox-link"},n.createElement(N.N,{href:u.Yb.INBOX}," ","< Back to Inbox")),n.createElement("div",{className:"row white outer-container"},n.createElement("form",{id:"new-message",onSubmit:this.handleSubmit},n.createElement("div",{className:"row white message-form-container"},n.createElement("textarea",{disabled:l,maxLength:10240,name:"messageContent",onChange:this.handleChange,required:!0,value:c})),n.createElement("div",{className:"row white button-container"},n.createElement(a.$n,{className:"float-right mr-5 mb-5 w-37.5",size:a.Mp.MEDIUM,type:"submit"},"Send Message"))),n.createElement("div",null,n.createElement("p",{className:"message-char-count"},this.state.messageCharCount," /"," ",10240)),n.createElement("div",{className:"row messages"},s.messages.map(function(e){return s.otherUser.id===e.fromUserId?t.leftChatBox(e,s):t.rightChatBox(e)}))))),s.otherUser.seller&&this.showSellerBox(s)))))}}],s&&C(r.prototype,s),l&&C(r,l),t}(n.Component);x.propTypes={error:c.k};const M=(0,l.Ng)(function(e){return{user:E.wz(e),otherUser:h(e),conversation:h(e),isLoading:v(e),isSaving:f(e),error:g(e),saved:p(e)}},function(e){return{saveMessage:function(t,r){return e(d.Kf(t,r))},fetchConversationPage:function(t){return e(d.FL(t))}}})(x)}}]);