https://app.chiropax.ai/static/js/src_containers_HelpCenter_TutorialDetail_jsx.0efac407.chunk.js

1"use strict";(globalThis.webpackChunkvoyance_react||=[]).push([["src_containers_HelpCenter_TutorialDetail_jsx"],{76660(e,t,a){a(32995);var r=a(11921),l=a(44414);const i=e=>{let{url:t,title:a="Arcade Demo",className:i}=e;const n=t.replace("/share/","/embed/");return(0,l.jsxs)("div",{className:`hc-arcade-embed ${i||""}`,children:[(0,l.jsx)("div",{className:"hc-arcade-embed__frame-wrapper",children:(0,l.jsx)("div",{className:"hc-arcade-embed__frame-inner",children:(0,l.jsx)("iframe",{src:n,title:a,className:"hc-arcade-embed__frame",allowFullScreen:!0,loading:"lazy"})})}),(0,l.jsx)("div",{className:"hc-arcade-embed__footer",children:(0,l.jsxs)("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"hc-arcade-embed__open-link",children:[(0,l.jsx)(r.ExportOutlined,{})," Open in Arcade"]})})]})};a.d(t,["A",0,i])},45072(e,t,a){a.d(t,{A:()=>g});var r=a(32995),l=a(80412),i=a(11921),n=a(57016),s=a(30625),o=a(76660),c=a(44414);const d=e=>{var t,a;let{tutorial:r,open:i,onOpenChange:d}=e;return(0,c.jsxs)(n.Modal,{open:i,onCancel:()=>d(!1),centered:!0,footer:null,width:"90vw",zIndex:3e3,style:{maxWidth:1200},className:"hc-tutorial-modal",wrapClassName:"hc-tutorial-modal-wrap",destroyOnClose:!0,children:[(0,c.jsx)("div",{className:"hc-tutorial-modal__player",children:"video"===r.contentSource?(0,c.jsx)(s.A,{src:r.videoUrl}):(0,c.jsx)(o.A,{url:r.videoUrl,title:r.title})}),(0,c.jsxs)("div",{className:"hc-tutorial-modal__info",children:[(0,c.jsxs)("div",{className:"hc-tutorial-modal__tags",children:[(0,c.jsx)(n.Tag,{children:null!==(t=null===(a=r.category)||void 0===a?void 0:a.name)&&void 0!==t?t:"Uncategorized"}),(r.tags||[]).map(e=>{const t=e.name||e.tag;return t?(0,c.jsx)(l.Link,{to:`/help/tagged?tag=${encodeURIComponent(e.slug||t)}`,className:"hc-tutorial-modal__tag-link",onClick:()=>d(!1),children:(0,c.jsxs)(n.Tag,{className:"hc-tutorial-modal__filter-tag",children:["#",t]})},`${e.id}-${t}`):null})]}),(0,c.jsx)("h3",{className:"hc-tutorial-modal__title",children:r.title}),r.description&&(0,c.jsx)("p",{className:"hc-tutorial-modal__desc",children:r.description})]})]})};var u=a(35251);const g=e=>{var t,a;let{tutorial:s}=e;const[o,g]=(0,r.useState)(!1),p=Boolean(s.thumbnailUrl&&"/placeholder.svg"!==s.thumbnailUrl);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"hc-tutorial-card",children:[(0,c.jsxs)("button",{type:"button",className:"hc-tutorial-card__thumbnail",onClick:()=>g(!0),"aria-label":`Play ${s.title}`,children:[(0,c.jsx)("div",{className:"ratio ratio-16x9",children:p?(0,c.jsx)("img",{src:s.thumbnailUrl,alt:s.title,className:"hc-tutorial-card__thumbnail-img",loading:"lazy"}):(0,c.jsx)("div",{className:"hc-tutorial-card__thumbnail-fallback",children:(0,c.jsx)("img",{src:u.fR,alt:"Voyance logo",className:"hc-tutorial-card__thumbnail-fallback-logo",loading:"lazy"})})}),(0,c.jsx)("div",{className:"hc-tutorial-card__overlay",children:(0,c.jsx)("div",{className:"hc-tutorial-card__play-btn",children:(0,c.jsx)(i.CaretRightOutlined,{})})})]}),(0,c.jsxs)("div",{className:"hc-tutorial-card__body",children:[(0,c.jsxs)("div",{className:"hc-tutorial-card__meta",children:[(0,c.jsx)(n.Tag,{className:"hc-tutorial-card__tag",children:null!==(t=null===(a=s.category)||void 0===a?void 0:a.name)&&void 0!==t?t:"Uncategorized"}),s.duration&&(0,c.jsxs)("span",{className:"hc-tutorial-card__meta-item",children:[(0,c.jsx)(i.ClockCircleOutlined,{})," ",s.duration]}),(0,c.jsxs)("span",{className:"hc-tutorial-card__meta-item",children:["video"===s.contentSource?(0,c.jsx)(i.VideoCameraOutlined,{}):(0,c.jsx)(i.DesktopOutlined,{}),"video"===s.contentSource?" Video":" Arcade"]})]}),(0,c.jsx)(l.Link,{to:`/help/tutorials/${s.slug}`,className:"hc-tutorial-card__title",children:s.title}),(0,c.jsx)("p",{className:"hc-tutorial-card__desc",children:s.description})]})]}),(0,c.jsx)(d,{tutorial:s,open:o,onOpenChange:g})]})}},30625(e,t,a){a(32995);var r=a(44414);const l=e=>{let{src:t,className:a}=e;return(0,r.jsx)("video",{src:t,controls:!0,className:`hc-video-player ${a||""}`,preload:"metadata",children:"Your browser does not support the video tag."})};a.d(t,["A",0,l])},54450(e,t,a){a.r(t);a(32995);var r=a(80412),l=a(11921),i=a(57016),n=a(30625),s=a(76660),o=a(45072),c=a(71237),d=a(44414);const u=()=>{var e,t,a,u;const{slug:g}=(0,r.useParams)(),{data:p,isLoading:h,isError:m}=(0,c.ot)(g||"",{skip:!g}),{data:y}=(0,c.Ik)({categorySlug:(null===p||void 0===p||null===(e=p.category)||void 0===e?void 0:e.slug)||"",limit:6,excludeSlug:(null===p||void 0===p?void 0:p.slug)||""},{skip:!(null!==p&&void 0!==p&&null!==(t=p.category)&&void 0!==t&&t.slug)}),f=(null===y||void 0===y?void 0:y.data)||[];return h?(0,d.jsx)("div",{className:"hc-tutorial-detail",children:(0,d.jsx)("div",{style:{textAlign:"center",padding:"48px"},children:(0,d.jsx)(i.Spin,{size:"large"})})}):m||!p?(0,d.jsxs)("div",{className:"hc-tutorial-detail",children:[(0,d.jsx)(i.Empty,{description:"Tutorial not found.",style:{padding:"48px"}}),(0,d.jsx)("div",{style:{textAlign:"center"},children:(0,d.jsxs)(r.Link,{to:"/help/tutorials",children:[(0,d.jsx)(l.ArrowLeftOutlined,{})," Back to Tutorials"]})})]}):(0,d.jsxs)("div",{className:"hc-tutorial-detail",children:[(0,d.jsx)("div",{className:"hc-tutorial-detail__back",children:(0,d.jsxs)(r.Link,{to:"/help/tutorials",children:[(0,d.jsx)(l.ArrowLeftOutlined,{})," Back to Tutorials"]})}),(0,d.jsx)("div",{className:"hc-tutorial-detail__player-wrap",children:"video"===p.contentSource?(0,d.jsx)(n.A,{src:p.videoUrl}):(0,d.jsx)(s.A,{url:p.videoUrl,title:p.title})}),(0,d.jsxs)("div",{className:"hc-tutorial-detail__info",children:[(0,d.jsxs)("div",{className:"hc-tutorial-detail__meta",children:[(0,d.jsx)(i.Tag,{children:null!==(a=null===(u=p.category)||void 0===u?void 0:u.name)&&void 0!==a?a:"Uncategorized"}),(p.tags||[]).map(e=>{const t=e.name||e.tag;return t?(0,d.jsx)(r.Link,{to:`/help/tagged?tag=${encodeURIComponent(e.slug||t)}`,children:(0,d.jsxs)(i.Tag,{children:["#",t]})},`${e.id}-${t}`):null}),p.duration&&(0,d.jsxs)("span",{className:"hc-tutorial-detail__meta-item",children:[(0,d.jsx)(l.ClockCircleOutlined,{})," ",p.duration]}),(0,d.jsxs)("span",{className:"hc-tutorial-detail__meta-item",children:["video"===p.contentSource?(0,d.jsx)(l.VideoCameraOutlined,{}):(0,d.jsx)(l.DesktopOutlined,{}),"video"===p.contentSource?" Video":" Arcade"]})]}),(0,d.jsx)("h1",{className:"hc-tutorial-detail__title",children:p.title}),p.description&&(0,d.jsx)("p",{className:"hc-tutorial-detail__desc",children:p.description})]}),f.length>0&&(0,d.jsxs)("div",{className:"hc-tutorial-detail__related",children:[(0,d.jsx)("h2",{className:"hc-tutorial-detail__related-title",children:"Related Tutorials"}),(0,d.jsx)("div",{className:"hc-tutorial-detail__related-grid",children:f.map(e=>(0,d.jsx)(o.A,{tutorial:e},e.id))})]})]})};a.d(t,["default",0,u])},71237(e,t,a){var r=a(76828);const l={id:0,name:"Uncategorized",slug:"uncategorized"};function i(e){return e&&"object"===typeof e&&"data"in e?e.data:e}function n(e){const t=i(e);return Array.isArray(t)?t:[]}function s(e){const t=i(e);return!t||"object"!==typeof t||Array.isArray(t)?null:t}function o(e){if(!e||"object"!==typeof e)return l;const t=s(e.parent),a=n(e.children);return{id:"number"===typeof e.id?e.id:0,name:"string"===typeof e.name&&e.name?e.name:"Uncategorized",slug:"string"===typeof e.slug&&e.slug?e.slug:"uncategorized",parentSlug:t&&"string"===typeof t.slug&&t.slug?t.slug:null,children:a.length?a.map(o).filter(e=>!!e.slug):null}}function c(e){if(!e||"object"!==typeof e)return null;const t="string"===typeof e.tag&&e.tag.trim()||"string"===typeof e.name&&e.name.trim()||"";return t?{id:"number"===typeof e.id?e.id:0,name:t,slug:"string"===typeof e.slug?e.slug:"",color:"string"===typeof e.color?e.color:"",backgroundColor:"string"===typeof e.backgroundColor?e.backgroundColor:""}:null}function d(e){const t=new Map;for(const l of e)if(l.slug)if(t.has(l.slug)){const e=t.get(l.slug);e.id=e.id||l.id,e.name=e.name||l.name,"undefined"===typeof e.parentSlug&&(e.parentSlug=l.parentSlug)}else t.set(l.slug,{...l,children:[]});const a=[];for(const l of t.values())if(l.parentSlug&&t.has(l.parentSlug)){const e=t.get(l.parentSlug);e.children=e.children||[],e.children.some(e=>e.slug===l.slug)||e.children.push(l)}else a.push(l);const r=e=>{e.sort((e,t)=>

1e.name.localeCompare(t.name));for(const t of e)t.children&&t.children.length&&r(t.children)};return r(a),a}function u(e){const t=e||{},a=s(t.thumbnail)||s(t.Thumbnail)||t.thumbnail||t.Thumbnail||{},r=a.formats||{},l=r.thumbnail||{},i=r.large||{},d=r.medium||{},u=r.small||{},g="string"===typeof t.thumbnailUrl&&t.thumbnailUrl||"string"===typeof l.url&&l.url||"string"===typeof u.url&&u.url||"string"===typeof d.url&&d.url||"string"===typeof i.url&&i.url||"string"===typeof a.url&&a.url||"/placeholder.svg",p="number"===typeof t.durationSeconds?t.durationSeconds:null,h=n(t.tags).map(c).filter(Boolean);return{id:"number"===typeof t.id?t.id:0,title:"string"===typeof t.title?t.title:"Untitled tutorial",slug:"string"===typeof t.slug?t.slug:"",description:"string"===typeof t.description?t.description:"",thumbnailUrl:g,videoUrl:"string"===typeof t.videoUrl&&t.videoUrl||"string"===typeof t.videoURL&&t.videoURL||"",contentSource:"arcade"===t.contentSource?"arcade":"video",duration:"string"===typeof t.duration&&t.duration||(null!==p?(m=p,`${Math.floor(m/60)}:${String(m%60).padStart(2,"0")}`):""),category:o(t.category),tags:h,createdAt:"string"===typeof t.createdAt?t.createdAt:"",updatedAt:"string"===typeof t.updatedAt?t.updatedAt:""};var m}function g(e){const t=e||{},a="string"===typeof t.body&&t.body||(r=t.blocks,Array.isArray(r)?r.map(e=>e&&"object"===typeof e&&"string"===typeof e.body?e.body:"").filter(Boolean).join("\n\n"):"");var r;const l="string"===typeof t.excerpt&&t.excerpt||"string"===typeof t.description&&t.description||a.replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim();return{id:"number"===typeof t.id?t.id:0,title:"string"===typeof t.title?t.title:"Untitled article",slug:"string"===typeof t.slug?t.slug:"",excerpt:l.slice(0,180),body:a,author:"string"===typeof t.author&&t.author?t.author:"Unknown author",category:o(t.category),createdAt:"string"===typeof t.createdAt?t.createdAt:"",updatedAt:"string"===typeof t.updatedAt?t.updatedAt:""}}function p(e,t){return{data:Array.isArray(e.data)?e.data.map(t):[],meta:e.meta||{}}}function h(e,t,a,r,l,i){const n=new URLSearchParams({"pagination[page]":String(e),"pagination[pageSize]":String(t),populate:"*",sort:"createdAt:desc"});return a&&n.set("filters[title][$containsi]",a),Array.isArray(r)?r.forEach((e,t)=>n.append(`filters[category][slug][$in][${t}]`,e)):r&&n.set("filters[category][slug][$eq]",r),l&&n.set("filters[contentSource][$eq]",l),i&&(n.set("filters[$or][0][tags][slug][$eq]",i),n.set("filters[$or][1][tags][tag][$containsi]",i)),`/api/tutorials?${n.toString()}`}function m(e,t,a,r){const l=new URLSearchParams({"pagination[page]":String(e),"pagination[pageSize]":String(t),populate:"*",sort:"createdAt:desc"});return a&&l.set("filters[title][$containsi]",a),r&&l.set("filters[category][slug][$eq]",r),`/api/articles?${l.toString()}`}const y=r.baseApi.injectEndpoints({endpoints:e=>({getTutorials:e.query({query:function(){let{page:e=1,pageSize:t=12,search:a="",category:r="",contentSource:l="",tag:i=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{url:h(e,t,a,r,l,i),service:"strapi",auth:"none"}},transformResponse:e=>p(e,u)}),getTutorialBySlug:e.query({query:e=>({url:`/api/tutorials?filters[slug][$eq]=${encodeURIComponent(e)}&populate=*`,service:"strapi",auth:"none"}),transformResponse:e=>p(e,u).data[0]||null}),getTutorialsByCategory:e.query({query:function(){let{categorySlug:e,limit:t=6,excludeSlug:a=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const r=new URLSearchParams({"filters[category][slug][$eq]":e,"pagination[pageSize]":String(t),populate:"*",sort:"createdAt:desc"});return a&&r.set("filters[slug][$ne]",a),{url:`/api/tutorials?${r.toString()}`,service:"strapi",auth:"none"}},transformResponse:e=>p(e,u)}),getArticles:e.query({query:function(){let{page:e=1,pageSize:t=10,search:a="",category:r=""}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{url:m(e,t,a,r),service:"strapi",auth:"none"}},transformResponse:e=>p(e,g)}),getArticleBySlug:e.query({query:e=>({url:`/api/articles?filters[slug][$eq]=${encodeURIComponent(e)}&populate=*`,service:"strapi",auth:"none"}),transformResponse:e=>p(e,g).data[0]||null}),getCategories:e.query({query:()=>({url:"/api/categories?sort=name:asc&populate[0]=parent&populate[1]=children",service:"strapi",auth:"none"}),transformResponse:e=>{const t=p(e,o);return{data:d(function(e){const t=[],a=e=>{for(const r of e)t.push({id:r.id,name:r.name,slug:r.slug,parentSlug:r.parentSlug}),r.children&&r.children.length&&a(r.children)};return a(e),t}(t.data)),meta:t.meta}}})})}),{useGetTutorialsQuery:f,useGetTutorialBySlugQuery:v,useGetTutorialsByCategoryQuery:x,useGetArticlesQuery:j,useGetArticleBySlugQuery:_,useGetCategoriesQuery:b}=y;a.d(t,["Ik",0,x,"Wm",0,b,"eU",0,_,"jp",0,f,"ot",0,v,"vb",0,j])}}]);