%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[118],{1194:function(e,t,a){"use strict";var c=a(2),i=a(7),n=a(0),s=a(8),r=a(11),o=n.forwardRef((function(e,t){var a=e.classes,r=e.className,o=e.dividers,l=void 0!==o&&o,d=Object(i.a)(e,["classes","className","dividers"]);return n.createElement("div",Object(c.a)({className:Object(s.a)(a.root,r,l&&a.dividers),ref:t},d))}));t.a=Object(r.a)((function(e){return{root:{flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"8px 24px","&:first-child":{paddingTop:20}},dividers:{padding:"16px 24px",borderTop:"1px solid ".concat(e.palette.divider),borderBottom:"1px solid ".concat(e.palette.divider)}}}),{name:"MuiDialogContent"})(o)},1196:function(e,t,a){"use strict";var c=a(2),i=a(7),n=a(0),s=a(8),r=a(11),o=n.forwardRef((function(e,t){var a=e.disableSpacing,r=void 0!==a&&a,o=e.classes,l=e.className,d=Object(i.a)(e,["disableSpacing","classes","className"]);return n.createElement("div",Object(c.a)({className:Object(s.a)(o.root,l,!r&&o.spacing),ref:t},d))}));t.a=Object(r.a)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(o)},1247:function(e,t,a){"use strict";var c=a(2),i=a(7),n=a(0),s=a(8),r=a(11),o=a(194),l=n.forwardRef((function(e,t){var a=e.children,r=e.classes,l=e.className,d=e.disableTypography,m=void 0!==d&&d,p=Object(i.a)(e,["children","classes","className","disableTypography"]);return n.createElement("div",Object(c.a)({className:Object(s.a)(r.root,l),ref:t},p),m?a:n.createElement(o.a,{component:"h2",variant:"h6"},a))}));t.a=Object(r.a)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(l)},1290:function(e,t,a){"use strict";var c=a(2),i=a(0),n=a(11),s=a(194),r=i.forwardRef((function(e,t){return i.createElement(s.a,Object(c.a)({component:"p",variant:"body1",color:"textSecondary",ref:t},e))}));t.a=Object(n.a)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(r)},2663:function(e,t,a){"use strict";a.r(t);var c=a(1098),i=a(1109),n=a(1085),s=a(1196),r=a(1194),o=a(1290),l=a(1247),d=a(1090),m=a(1033),p=a(1034),j=a(1112),u=a(1103),b=a(1040),x=a(1072),f=a(194),h=a(50),O=a.n(h),v=a(5),g=a(1118),y=a(0),w=a(1);const N=Object(y.forwardRef)((function(e,t){return Object(w.jsx)(b.a,{direction:"up",ref:t,...e})})),k=Object(x.a)((e=>({header:{background:"linear-gradient(to right, ".concat(e.palette.primary.dark," 0%, ").concat(e.palette.primary.main," 100%)"),color:e.palette.primary.contrastText}})));t.default=function(){const e=k(),[t,a]=Object(y.useState)([]),[b,x]=Object(y.useState)({open:!1,title:null,content:null});return Object(y.useEffect)((()=>{O.a.get("/api/knowledge-base").then((e=>{a(e.data)}))}),[]),Object(w.jsxs)("div",{className:"w-full",children:[Object(w.jsxs)("div",{className:Object(v.a)(e.header,"flex flex-col items-center justify-center text-center p-16 sm:p-24 h-200 sm:h-360"),children:[Object(w.jsx)(g.a.div,{initial:{opacity:0},animate:{opacity:1,transition:{delay:.3}},children:Object(w.jsx)(f.a,{variant:"subtitle1",color:"inherit",className:"font-medium opacity-75 mt-16 mx-auto max-w-512",children:"Welcome to our knowledge base"})}),Object(w.jsx)(g.a.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0,transition:{delay:.1}},children:Object(w.jsx)(f.a,{color:"inherit",className:"text-32 sm:text-56 font-bold tracking-tight",children:"How can we help?"})})]}),Object(w.jsx)("div",{children:Object(y.useMemo)((()=>{const e={hidden:{opacity:0,y:40},show:{opacity:1,y:0}};return t.length>0&&Object(w.jsx)(g.a.div,{variants:{show:{transition:{staggerChildren:.1}}},initial:"hidden",animate:"show",className:"flex flex-wrap justify-center max-w-xl w-full mx-auto px-16 sm:px-24 py-32",children:t.map((t=>Object(w.jsx)(g.a.div,{variants:e,className:"max-w-md w-full max-w-512 pb-24 md:w-1/2 md:p-16",children:Object(w.jsxs)(i.a,{className:"rounded-16 shadow",children:[Object(w.jsxs)(m.a,{component:"nav",className:"p-0 pt-8",children:[Object(w.jsx)(f.a,{className:"font-medium pl-32 py-16 text-16",children:t.title}),t.featuredArticles.map(((e,t)=>Object(w.jsxs)(p.a,{onClick:()=>{return t=e,void x({open:!0,...t});var t},className:"pl-32",button:!0,children:[Object(w.jsx)(j.a,{className:"min-w-40",children:Object(w.jsx)(d.a,{className:"text-20",children:"import_contacts"})}),Object(w.jsx)(u.a,{primary:e.title})]},e.id)))]}),Object(w.jsx)("div",{className:"w-full p-24 px-32",children:Object(w.jsx)(c.a,{className:"px-24",color:"primary",variant:"outlined",children:"See all articles (".concat(t.articlesCount,")")})})]})},t.id)))})}),[t])}),Object(y.useMemo)((()=>{function e(){x({...b,open:!1})}return Object(w.jsxs)(n.a,{open:b.open,onClose:e,"aria-labelledby":"knowledge-base-document",TransitionComponent:N,children:[Object(w.jsx)(l.a,{children:Object(w.jsx)(f.a,{className:"pt-8 font-medium text-24",children:b.title})}),Object(w.jsx)(r.a,{children:Object(w.jsx)(o.a,{className:"leading-normal text-14",dangerouslySetInnerHTML:{__html:b.content}})}),Object(w.jsx)(s.a,{className:"p-16",children:Object(w.jsx)(c.a,{onClick:e,color:"primary",variant:"outlined",children:"CLOSE"})})]})}),[b])]})}}}]);
Zerion Mini Shell 1.0