import{F as C,R as g,j as e,E as m,a9 as c,cD as h,aO as n,be as a,bd as r}from"./app-BgLa5dit.js";const d=C.encloseNamespace("shared.stepPopup");p.defaultProps={closeButton:!0,bodyClassName:"",dialogClassName:"",size:"md"};function p(o){const[s,i]=g.useState(0),t=o.steps.length;return o.steps.length?e.jsxs(m,{...o,children:[o.steps[s],e.jsxs(c,{className:"justify-content-between",children:[e.jsx("div",{className:"ms-2",children:`${s+1} ${d("of")} ${t}`}),e.jsxs("div",{className:"d-flex justify-content-end align-items-center",children:[s!==0&&e.jsx(h,{className:"me-2",variant:"dark",onClick:()=>i(l=>l-1),children:d("previous")}),s!==t-1?e.jsx(h,{className:"me-2",variant:"dark",onClick:()=>i(l=>l+1),children:d("next")}):e.jsx(c.Cancel,{onClick:o.closePopup,text:d("close"),variant:"dark"})]})]})]}):e.jsx(e.Fragment,{})}function f(){return e.jsxs("div",{className:"p-5",children:[e.jsx("img",{src:n.WidgetContentGuideline.FEATURED_BANNER,className:"mw-100"}),e.jsx("p",{className:"text-center mt-3",children:"Topic name and banner image should match."})]})}function b(){return e.jsxs("div",{className:"p-5",children:[e.jsx("img",{src:n.WidgetContentGuideline.VIDEO_THUMBNAIL,className:"mw-100"}),e.jsx("p",{className:"text-center mt-3",children:"Thumbnails should not include text, advertisements, unrelated logos or unclear themes. Ideally it should not have a white background. It should have strong symbolism of the themes of the video or depict 1 - 2 characters."})]})}function x(o,s){let i,t,l;switch(o){case a.CuratedMedia:case a.ClassificationLatestReleasedVideosV2:case a.SeasonalClassificationMedia:case a.TrendingClassificationsMedia:case a.CompanyClassificationVideos:i=n.WidgetContentGuideline.VIDEO_THUMBNAIL,t=`Thumbnails should not include text, advertisements, unrelated logos or unclear themes.
        Ideally it should not have a white background. It should have strong symbolism of the themes of the video or depict 1 - 2 characters.`;break;case a.Classifications:case a.LatestReleasedClassifications:case a.TrendingClassifications:case a.CuratedClassifications:{const u=t=`<strong>When to use:</strong> Only use this for dashboards not topics.<br />
      Topic banners should depict the theme of the concept. The illustration should be appropriate for the school level.`;if(s===r.HeroBanner){i=n.WidgetContentGuideline.TOPIC_HERO_BANNER,t=u;break}if(s===r.HeroBannerSmall){i=n.WidgetContentGuideline.TOPIC_HERO_BANNER_SMALL,t=u;break}if(s===r.PosterSlidingListSmall||s===r.PosterSlidingListMedium){i=n.WidgetContentGuideline.TOPIC_POSTER,t="Topic assets must not have anything above the first 3rd of the image. This is so the topic title can automatically render. There should be no more than 3 icons in the topic poster. ";break}if(s===r.ThumbnailFixedListSmall){i=n.WidgetContentGuideline.TOPIC_THUMBNAIL_SMALL,t="Illustration can overlap text, however it should not obstruct readability.";break}if(s===r.ThumbnailFixedListLarge){i=n.WidgetContentGuideline.TOPIC_THUMBNAIL_LARGE,t="Illustration can overlap text, however it should not obstruct readability.";break}if(s===r.EditableCoverFixedPillListSmall){i=n.WidgetContentGuideline.TOPIC_COVER,t="Clear depiction of the topic and covers.<br />Users will see their own topic preferences.";break}i=n.WidgetContentGuideline.TOPIC_COVER,t="Clear depiction of the topic and covers.";break}case a.CuratedSeries:i=n.WidgetContentGuideline.SERIES_POSTER,t=`Series assets will have the title treatment located at the bottom 3rd of the image.
        Below the title, the rating or audience level will appear automatically.
        The image should have strong representation of the themes of the series in high resolution.`;break;case a.CuratedPlaylists:i=n.WidgetContentGuideline.PLAYLIST_COVER,t=`Clear depiction of the topic and covers.
        The product will automatically add the title and audience level to the bottom of the cover.`;break;case a.LatestReleasedVideos:l=[e.jsx(f,{}),e.jsx(b,{})];break;case a.ClassificationLatestReleasedVideos:i=n.WidgetContentGuideline.TOPIC_COVER,t="Clear depiction of the topic and covers. The subjects in this widget will automatically be updated as we release new content!";break;case a.CuratedCompanies:i=n.WidgetContentGuideline.COMPANY_LOGO,t="Producer assets will be utilising Logo images. Producer logos must be centred and fit within the circle even when scaled up by 120%. The image needs to utilise the official branding of the producers. Ideally these logos have a solid coloured background and the images of high resolution. ";break;case a.SpecialEventClassifications:i=n.WidgetContentGuideline.TOPIC_ICON,t="Clear icon to depict the theme of the event.";break;default:i=null,t=null,l=null;break}return{imageUrl:i,description:t,steps:l}}function T(o){const s=x(o.widgetTypeId,o.widgetTemplate);return s.steps?e.jsx(p,{steps:s.steps,title:"Content Guidelines",closePopup:o.closePopup,size:"lg"}):e.jsxs(m,{title:"Content Guidelines",closePopup:o.closePopup,size:"lg",children:[e.jsxs("div",{className:`${o.widgetTypeId===a.CuratedSeries?"px-5 py-3":"p-5"}`,children:[e.jsx("img",{src:s.imageUrl,className:"mw-100"}),e.jsx("p",{className:"text-center mt-3",dangerouslySetInnerHTML:{__html:s.description}})]}),e.jsx(c,{children:e.jsx(c.Cancel,{onClick:o.closePopup,text:"Close",variant:"dark"})})]})}export{T as DashboardWidgetContentGuidelineView};
//# sourceMappingURL=DQz50nei.chunk.js.map
