https://chatwithgpt.netlify.app/static/js/573.1a8e64e9.chunk.js

1"use strict";(self.webpackChunkchat_with_gpt=self.webpackChunkchat_with_gpt||[]).push([[573],{32573:function(n,e,a){a.r(e),a.d(e,{default:function(){return I}});var t,s,i,r=a(29439),l=a(30168),o=a(7894),d=a(82468),m=a(54667),c=a(52816),u=a(45554),g=a(95823),f=a(69766),h=a(1413),p=a(45987),x=a(8247),v=a(9362),b=a(68267),j=a(78007),y=a(40393),Z=a(58168),w=a(47313),M=a(936),z=a(71325),k=a(46417),C=["node","inline","className","children"],N=o.Z.div(t||(t=(0,l.Z)(["\n    padding: 0;\n    border-radius: 0.25rem;\n    overflow: hidden;\n\n    &>div {\n        margin: 0 !important;\n    }\n\n    .fa {\n        font-style: normal !important;\n    }\n"]))),S=o.Z.div(s||(s=(0,l.Z)(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    background: #191919;\n    height: 2.5rem;\n    padding: 0.1rem 0.1rem 0 0.5rem;\n\n    .mantine-Button-label {\n        display: flex;\n        align-items: center;\n\n        * {\n            font-size: 90%;\n        }\n    }\n"]))),B=o.Z.div(i||(i=(0,l.Z)(["\n    text-align: center;\n\n    img {\n        max-width: 30rem !important;\n        display: block;\n    }\n"])));function T(n){var e=(0,M.Z)(),a=(0,w.useMemo)((function(){var e=["prose","dark:prose-invert"];return n.className&&e.push(n.className),e}),[n.className]);return(0,w.useMemo)((function(){return(0,k.jsx)("div",{className:a.join(" "),children:(0,k.jsx)(x.D,{remarkPlugins:[j.Z,y.Z],rehypePlugins:[Z.Z],components:{ol:function(n){var e=n.start,a=n.children;return(0,k.jsx)("ol",{start:null!==e&&void 0!==e?e:1,style:{counterReset:"list-item ".concat((e||1)-1)},children:a})},code:function(n){n.node;var e=n.inline,a=n.className,t=n.children,s=(0,p.Z)(n,C),i=/language-(\w+)/.exec(a||""),r=String(t);return e?(0,k.jsx)("code",(0,h.Z)((0,h.Z)({className:a},s),{},{children:t})):(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(N,{children:[(0,k.jsxs)(S,{children:[r.startsWith("<svg")&&r.includes("</svg>")&&(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:function(){var n=new Blob([r],{type:"image/svg+xml"}),e=URL.createObjectURL(n),a=document.createElement("a");a.href=e,a.download="image.svg",a.click()},children:[(0,k.jsx)("i",{className:"fa fa-download"}),(0,k.jsx)("span",{children:(0,k.jsx)(z.Z,{id:"MI5gZ+",defaultMessage:[{type:0,value:"Download SVG"}]})})]}),(0,k.jsx)(m.q,{value:r,children:function(n){var e=n.copy,a=n.copied;return(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:e,children:[(0,k.jsx)("i",{className:"fa fa-clipboard"}),(0,k.jsx)("span",{children:a?(0,k.jsx)(z.Z,{id:"ljHOzQ",defaultMessage:[{type:0,value:"Copied"}]}):(0,k.jsx)(z.Z,{id:"upBSoW",defaultMessage:[{type:0,value:"Copy"}]})})]})}})]}),(0,k.jsx)(v.Z,(0,h.Z)({children:r,style:b.Z,language:(null===i||void 0===i?void 0:i[1])||"text",PreTag:"div"},s))]}),r.startsWith("<svg")&&r.includes("</svg>")&&(0,k.jsx)(B,{children:(0,k.jsx)("img",{src:"data:image/svg+xml;base64,".concat(btoa(r))})})]})}},children:n.content})})}),[n.content,a,e])}var P,W,G,L,O=a(29812),Q=o.Z.span(P||(P=(0,l.Z)(["\n    position: fixed;\n    left: -9999px;\n    top: -9999px;\n"]))),R=o.Z.div(W||(W=(0,l.Z)(['\n    &.by-user {\n        background: #22232b;\n    }\n\n    &.by-assistant {\n        background: #292933;\n    }\n\n    &.by-assistant + &.by-assistant, &.by-user + &.by-user {\n        border-top: 0.2rem dotted rgba(0, 0, 0, 0.1);\n    }\n\n    &.by-assistant {\n        border-bottom: 0.2rem solid rgba(0, 0, 0, 0.1);\n    }\n\n    position: relative;\n    padding: 1.618rem;\n\n    @media (max-width: 40em) {\n        padding: 1rem;\n    }\n\n    .inner {\n        margin: auto;\n    }\n\n    .content {\n        font-family: "Open Sans", sans-serif;\n        margin-top: 0rem;\n        max-width: 100%;\n\n        * {\n            color: white;\n        }\n\n        p, ol, ul, li, h1, h2, h3, h4, h5, h6, img, blockquote, &>pre {\n            max-width: 50rem;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        img {\n            display: block;\n            max-width: 50rem;\n\n            @media (max-width: 50rem) {\n                max-width: 100%;\n            }\n        }\n\n        ol {\n            counter-reset: list-item;\n\n            li {\n                counter-increment: list-item;\n            }\n        }\n\n        em, i {\n            font-style: italic;\n        }\n\n        code {\n            &, * {\n                font-family: "Fira Code", monospace !important;\n            }\n            vertical-align: bottom;\n        }\n\n        /* Tables */\n        table {\n            margin-top: 1.618rem;\n            border-spacing: 0px;\n            border-collapse: collapse;\n            border: thin solid rgba(255, 255, 255, 0.1);\n            width: 100%;\n            max-width: 55rem;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        td + td, th + th {\n            border-left: thin solid rgba(255, 255, 255, 0.1);\n        }\n        tr {\n            border-top: thin solid rgba(255, 255, 255, 0.1);\n        }\n        table td,\n        table th {\n            padding: 0.618rem 1rem;\n        }\n        th {\n            font-weight: 600;\n            background: rgba(255, 255, 255, 0.1);\n        }\n    }\n\n    .metadata {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        font-family: "Work Sans", sans-serif;\n        font-size: 0.8rem;\n        font-weight: 400;\n        opacity: 0.6;\n        max-width: 50rem;\n        margin-bottom: 0.0rem;\n        margin-right: -0.5rem;\n        margin-left: auto;\n        margin-right: auto;\n\n        span + span {\n            margin-left: 1em;\n        }\n\n        .fa {\n            font-size: 85%;\n        }\n\n        .fa + span {\n            margin-left: 0.2em;\n        }\n\n        .mantine-Button-root {\n            color: #ccc;\n            font-size: 0.8rem;\n            font-weight: 400;\n\n            .mantine-Button-label {\n                display: flex;\n                align-items: center;\n            }\n        }\n    }\n\n    .fa {\n        margin-right: 0.5em;\n        font-size: 85%;\n    }\n\n    .buttons {\n        text-align: right;\n    }\n\n    strong {\n        font-weight: bold;\n    }

1\n']))),_=o.Z.div(G||(G=(0,l.Z)(["\n    position: absolute;\n    bottom: calc(-1.618rem - 0.5rem);\n    left: 50%;\n    width: 0.5rem;\n    height: 0.5rem;\n    margin-left: -0.25rem;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n"]))),q=o.Z.div(L||(L=(0,l.Z)(["\n    max-width: 50rem;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 0.5rem;\n\n    .mantine-Button-root {\n        margin-top: 1rem;\n    }\n"])));function E(){return(0,k.jsx)(d.a,{variant:"dots",size:"xs",style:{marginLeft:"1rem",position:"relative",top:"-0.2rem"}})}function I(n){var e=(0,O.bp)(),a=(0,w.useState)(!1),t=(0,r.Z)(a,2),s=t[0],i=t[1],l=(0,w.useState)(""),o=(0,r.Z)(l,2),d=o[0],h=o[1],p=(0,M.Z)(),x=(0,w.useCallback)((function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];switch(n){case"user":return e?p.formatMessage({id:"role-user-formal",defaultMessage:[{type:0,value:"User"}]}):p.formatMessage({id:"role-user",defaultMessage:[{type:0,value:"You"}]});case"assistant":return p.formatMessage({id:"role-chatgpt",defaultMessage:[{type:0,value:"ChatGPT"}]});case"system":return p.formatMessage({id:"role-system",defaultMessage:[{type:0,value:"System"}]});default:return n}}),[p]);return(0,w.useMemo)((function(){return"system"===n.message.role?null:(0,k.jsxs)(R,{className:"message by-"+n.message.role,children:[(0,k.jsxs)("div",{className:"inner",children:[(0,k.jsxs)("div",{className:"metadata",children:[(0,k.jsxs)("span",{children:[(0,k.jsxs)("strong",{children:[x(n.message.role,n.share),"gpt-4"===n.message.model&&" (GPT 4)",(0,k.jsx)(Q,{children:":"})]}),"assistant"===n.message.role&&n.last&&!n.message.done&&(0,k.jsx)(E,{})]}),n.message.done&&(0,k.jsx)(f.z,{selector:".content-"+n.message.id}),(0,k.jsx)("div",{style:{flexGrow:1}}),(0,k.jsx)(m.q,{value:n.message.content,children:function(n){var e=n.copy,a=n.copied;return(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:e,style:{marginLeft:"1rem"},children:[(0,k.jsx)("i",{className:"fa fa-clipboard"}),a?(0,k.jsx)(z.Z,{id:"ljHOzQ",defaultMessage:[{type:0,value:"Copied"}]}):(0,k.jsx)(z.Z,{id:"upBSoW",defaultMessage:[{type:0,value:"Copy"}]})]})}}),"undefined"!==typeof navigator.share&&(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:function(){return(0,g.BN)(n.message.content)},children:[(0,k.jsx)("i",{className:"fa fa-share"}),(0,k.jsx)("span",{children:(0,k.jsx)(z.Z,{id:"gzJlXS",defaultMessage:[{type:0,value:"Share"}]})})]}),!e.isShare&&"user"===n.message.role&&(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:function(){h(n.message.content),i((function(n){return!n}))},children:[(0,k.jsx)("i",{className:"fa fa-edit"}),(0,k.jsx)("span",{children:s?(0,k.jsx)(z.Z,{id:"raQMIg",defaultMessage:[{type:0,value:"Cancel"}]}):(0,k.jsx)(z.Z,{id:"Tgo3vj",defaultMessage:[{type:0,value:"Edit"}]})})]}),!e.isShare&&"assistant"===n.message.role&&(0,k.jsxs)(c.z,{variant:"subtle",size:"sm",compact:!0,onClick:function(){return e.regenerateMessage(n.message)},children:[(0,k.jsx)("i",{className:"fa fa-refresh"}),(0,k.jsx)("span",{children:(0,k.jsx)(z.Z,{id:"zBmup+",defaultMessage:[{type:0,value:"Regenerate"}]})})]})]}),!s&&(0,k.jsx)(T,{content:n.message.content,className:"content content-"+n.message.id}),s&&(0,k.jsxs)(q,{children:[(0,k.jsx)(u.g,{value:d,onChange:function(n){return h(n.currentTarget.value)},autosize:!0}),(0,k.jsx)(c.z,{variant:"light",onClick:function(){return e.editMessage(n.message,d)},children:(0,k.jsx)(z.Z,{id:"Bm3EKs",defaultMessage:[{type:0,value:"Save changes"}]})}),(0,k.jsx)(c.z,{variant:"subtle",onClick:function(){return i(!1)},children:(0,k.jsx)(z.Z,{id:"raQMIg",defaultMessage:[{type:0,value:"Cancel"}]})})]})]}),n.last&&(0,k.jsx)(_,{})]})}),[n.last,n.share,s,d,e,n.message,n.message.content])}}}]);