{"version":3,"sources":["webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncement.vue?49b3","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementType.vue?2e47","webpack:///./src/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue?bfed","webpack:///src/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue","webpack:///./src/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue?2382","webpack:///./src/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue?9646","webpack:///src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue?f7a8","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue","webpack:///src/components/ChapterStudioPageManage/CreateAnnouncementType.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementType.vue?1ca3","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementType.vue","webpack:///./src/components/ChapterStudioPageManage/CharacterCounter.vue?8f3a","webpack:///src/components/ChapterStudioPageManage/CharacterCounter.vue","webpack:///./src/components/ChapterStudioPageManage/CharacterCounter.vue?9f1d","webpack:///./src/components/ChapterStudioPageManage/CharacterCounter.vue","webpack:///./src/components/ChapterStudioPageManage/PreviewAnnouncement.vue?e1c8","webpack:///src/components/ChapterStudioPageManage/PreviewAnnouncement.vue","webpack:///./src/components/ChapterStudioPageManage/PreviewAnnouncement.vue?d445","webpack:///./src/components/ChapterStudioPageManage/PreviewAnnouncement.vue","webpack:///./src/components/ChapterStudioPageManage/ScheduleAnnouncement.vue?de67","webpack:///./src/components/YpoDateRange/YpoDateRange.vue?19b3","webpack:///src/components/YpoDateRange/YpoDateRange.vue","webpack:///./src/components/YpoDateRange/YpoDateRange.vue?5b52","webpack:///./src/components/YpoDateRange/YpoDateRange.vue","webpack:///src/components/ChapterStudioPageManage/ScheduleAnnouncement.vue","webpack:///./src/components/ChapterStudioPageManage/ScheduleAnnouncement.vue?76c9","webpack:///./src/components/ChapterStudioPageManage/ScheduleAnnouncement.vue","webpack:///src/components/ChapterStudioPageManage/CreateAnnouncement.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncement.vue?e9c1","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncement.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementType.vue?043f","webpack:///./src/mixins/CKEditorMixin.js","webpack:///./src/components/ChapterStudioPageManage/ScheduleAnnouncement.vue?10aa","webpack:///./src/components/YpoDateRange/YpoDateRange.vue?c67c","webpack:///./src/components/CkEditor/CkEditor.vue?a15c","webpack:///./src/components/CkEditor/CkEditor.vue?a207","webpack:///src/components/CkEditor/CkEditor.vue","webpack:///./src/components/CkEditor/CkEditor.vue?6da8","webpack:///./src/components/CkEditor/CkEditor.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncement.vue?7bf5","webpack:///./src/components/ChapterStudioPageManage/CharacterCounter.vue?5879","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue?d7c9","webpack:///./src/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue?92d0","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementType.vue?48c7","webpack:///./src/components/PhotoUploader/PhotoUploader.vue?4375","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue?1689","webpack:///./src/components/ChapterStudioPageManage/PreviewAnnouncement.vue?e2fe","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncement.vue?b15d","webpack:///./src/plugins/CkEditor/ckEditorTypes.config.js","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue?fefb","webpack:///src/components/YpoBreadcrumb/YpoBreadcrumb.vue","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue?78fd","webpack:///./src/components/YpoBreadcrumb/YpoBreadcrumb.vue","webpack:///./src/components/PhotoUploader/PhotoUploader.vue?506f","webpack:///./src/components/PhotoUploader/photoUploader.constant.js","webpack:///src/components/PhotoUploader/PhotoUploader.vue","webpack:///./src/components/PhotoUploader/PhotoUploader.vue?2e90","webpack:///./src/components/PhotoUploader/PhotoUploader.vue","webpack:///./src/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue?8588"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","createChapterStudioConstant","PAGE_TITLE","pageSubTitle","breadCrumbList","length","_e","isMobilePreviewModeOpen","on","handleCancel","CANCEL_BUTTON_LABEL","sectionMounted","fetchingData","model","value","sections","callback","$$v","$set","expression","slot","SECTIONS","TYPE","announcement","recordTypeName","backgroundColor","backgroundImage","handleSelectedType","handleBackgroundData","toLowerCase","IMAGE","FORM_FIELD","CTA_LINK","ENTER_CTA_LINK","LOCATION_OPTIONAL","MAX_TEXT_LIMIT","LOCATION_LIMIT","ENTER_LOCATION","locationCharacterCount","SPONSOR","isWarningOrGeneral","SPONSOR_REQUIRED_MESSAGE","departmentOptions","DEPARTMENTS","onDepartmentChange","selectedDepartment","regionOptions","REGIONS","onRegionChange","scopedSlots","_u","key","fn","ref","item","index","selectedRegions","visibleToOptions","VISIBLE_TO","TITLE","TITLE_LIMIT","ENTER_TITLE","title","SHORT_DESC","SHORT_DESC_LIMIT","ENTER_PREVIEW_DESCRIPTION","calculatedRows","shortDescription","LONG_DESC","ckEditorId","ckEditorType","BASIC","longDescriptionCount","errorInLongDescriptionCount","ERROR_MESSAGE","CHARACTER_LIMIT","LONG_DESC_LIMIT","SCHEDULER","updateScheduleDates","canPublish","PUBLISH_REQUIRED_DISCLAIMER","handleSaveDraft","ACTION","SAVE_DRAFT","togglePreviewDialogMode","PREVIEW","toggleMobilePreviewMode","handlePublish","PUBLISH","isPreviewModalOpen","staticRenderFns","handleSelection","selectedType","RECORD_TYPE","RADIO_COLOR","TYPE_IMAGE","proxy","WARNING","TYPE_WARNING","GENERAL","TYPE_GENERAL","class","type","name","props","String","component","handleTypeChange","ANNOUNCEMENT_IMAGE_TYPE","BACKGROUND_COLOR","SELECT_IMAGE_TITLE","SELECT_IMAGE_TITLE_SUB","SELECT_IMAGE_GUIDANCE","handleImageUpload","UPLOAD","imageUrl","SELECT_BACKGROUND_TITLE","backgroundColorOptions","_l","bColor","isSelectedBackgroundColor","style","$event","handleBackgroundColorSelection","isImageUploadSelected","components","data","imageFiles","selectedBackgroundColor","methods","sendUpdatedData","files","$emit","imageFile","computed","isBackgroundSelected","url","chapterStudioPicklists","backgroundColors","announcementType","required","hasError","currentLength","maxLength","errorMessage","Number","Boolean","default","PREVIEW_TITLE","isGeneralAnnouncement","isWarningAnnouncement","generalAnnouncementReadMoreToggled","generalAnnouncementActionButtonText","toggleReadMoreState","backAction","BACK_TO_EDIT","saveDraftAction","publishAction","ImageAnnouncementCard","ImageAnnouncementCarousel","GeneralAnnouncementCard","chapterStudioPageConstant","Object","Function","isImageAnnouncement","DISPLAY_RANGE","END_DATE","displayEndDate","START_DATE","displayStartDate","updateDisplayDate","EFFECTIVE_RANGE","effectiveEndDate","effectiveStartDate","updateEffectiveDate","_g","_b","startDate","stopPropagation","clearStartDate","startMenu","initialStartDate","updateStartDate","hasStartDate","endDate","clearEndDate","endMenu","updateEndDate","startDateLabel","endDateLabel","startDateValue","endDateValue","isWrongEntry","showStartedDateCloseIcon","created","today","newDate","toISOString","slice","hasEndDate","validateDateRange","Date","setTimeout","emitDateRange","manageChapterStudioConstant","PreviewAnnouncement","CreateAnnouncementImageUploader","CreateAnnouncementType","YpoBreadcrumb","StatusOverlay","CharacterCounter","ckEditor","ScheduleAnnouncement","$router","push","sponsorRegionsList","sponsorDepartmentList","newSelection","filter","initializeEditData","formatDate","dateString","date","validateAnnouncementFields","saveChapterStudioAnnouncement","formData","actions","announcementId","$route","params","announcementFromStore","announcementFromState","result","map","text","crumb","departments","regions","visibleTo","showImageUploader","$vuetify","breakpoint","xs","recordType","warning","general","longDWithoutTags","replace","location","mounted","editorId","editorType","language","height","width","autoFocus","ckeditorConfig","toolbar","getCkEditorType","startupFocus","mentions","feed","dataFeed","itemTemplate","outputTemplate","minChars","extraPlugins","getExtraPlugins","CKEDITOR","instances","destroy","setData","ckeditorData","getData","destroyed","memberMentionsCallback","updateImageUpload","domProps","FULL","SIMPLE_WITH_MENTIONS","ckEditorExtraPlugins","ckEditorConfig","items","breadcrumbList","href","disabled","Array","isTypeButton","isTypeAddMore","isTypeIcon","buttonLabel","clearFiles","extensions","accept","multiple","maximumFiles","uploaderId","inputFile","inputFilter","photoUploaderConstant","labels","PHOTOS","VIDEOS","hideError","error","INVALID_FILE_TYPE","FILE_SIZE_EXCEEDED","UPLOADED_IMAGE_ALREADY_EXIST"],"mappings":"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","file":"js/chunk-0f1d6290.95663f2c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"white_background full-height\"},[_c('div',{staticClass:\"create-chapter-announcement\"},[_c('v-layout',{staticClass:\"create-chapter-announcement__header-section\",attrs:{\"justify-space-between\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"sm6\":\"\",\"xs12\":\"\"}},[_c('div',{staticClass:\"create-chapter-announcement__title\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.PAGE_TITLE))]),_c('div',{staticClass:\"create-chapter-announcement__subtitle\"},[_vm._v(_vm._s(_vm.pageSubTitle))]),(_vm.breadCrumbList && _vm.breadCrumbList.length)?_c('div',{staticClass:\"create-chapter-announcement__breadcrumb\"},[_c('ypo-breadcrumb',{attrs:{\"breadcrumb-list\":_vm.breadCrumbList}})],1):_vm._e()]),(!_vm.isMobilePreviewModeOpen)?_c('v-flex',{staticClass:\"text-right\",attrs:{\"sm6\":\"\",\"xs12\":\"\"}},[_c('v-btn',{staticClass:\"create-chapter-announcement__cancel-btn mt-3\",on:{\"click\":_vm.handleCancel}},[_c('i',{staticClass:\"fa-solid fa-close\"}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.CANCEL_BUTTON_LABEL))])])],1):_vm._e()],1),(_vm.sectionMounted && !_vm.isMobilePreviewModeOpen)?_c('div',{staticClass:\"create-announcement-main__wrapper\"},[_c('status-overlay',{attrs:{\"action\":_vm.fetchingData,\"content-height\":\"100px\"}}),_c('div',{staticClass:\"create-section\"},[_c('v-expansion-panel',{attrs:{\"expand\":\"\"},model:{value:(_vm.sections.type),callback:function ($$v) {_vm.$set(_vm.sections, \"type\", $$v)},expression:\"sections.type\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.TYPE))]),_c('div',{staticClass:\"create-section__content\"},[_c('create-announcement-type',{attrs:{\"announcement-type\":_vm.announcement.recordTypeName,\"background-color\":_vm.announcement.backgroundColor,\"background-image\":_vm.announcement.backgroundImage},on:{\"selectedType\":_vm.handleSelectedType}}),(_vm.showImageUploader)?_c('CreateAnnouncementImageUploader',{attrs:{\"background-color\":_vm.announcement.backgroundColor,\"background-image\":_vm.announcement.backgroundImage},on:{\"imageBackgroundData\":_vm.handleBackgroundData}}):_vm._e()],1),(_vm.announcement.recordTypeName.toLowerCase() === _vm.createChapterStudioConstant.IMAGE.toLowerCase())?_c('div',[_c('div',{staticClass:\"create-section__heading\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.CTA_LINK))]),_c('div',{staticClass:\"create-section__image-link-section\"},[_c('v-textarea',{staticClass:\"cta-link-text-area\",attrs:{\"placeholder\":_vm.createChapterStudioConstant.ENTER_CTA_LINK,\"auto-grow\":\"\",\"outline\":\"\",\"rows\":\"1\"},model:{value:(_vm.announcement.ctaLink),callback:function ($$v) {_vm.$set(_vm.announcement, \"ctaLink\", $$v)},expression:\"announcement.ctaLink\"}})],1),_c('div',{staticClass:\"create-section__heading\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.LOCATION_OPTIONAL)+\"\\n              \")]),_c('div',{staticClass:\"create-section__image-link-section\"},[_c('v-text-field',{staticClass:\"location-text-field\",attrs:{\"maxlength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.LOCATION_LIMIT,\"placeholder\":_vm.createChapterStudioConstant.ENTER_LOCATION,\"hide-details\":\"\"},model:{value:(_vm.announcement.location),callback:function ($$v) {_vm.$set(_vm.announcement, \"location\", $$v)},expression:\"announcement.location\"}})],1),_c('CharacterCounter',{attrs:{\"currentLength\":_vm.locationCharacterCount,\"maxLength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.LOCATION_LIMIT}})],1):_vm._e()])],1),_c('v-expansion-panel',{staticClass:\"mt-3\",model:{value:(_vm.sections.sponsor),callback:function ($$v) {_vm.$set(_vm.sections, \"sponsor\", $$v)},expression:\"sections.sponsor\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.SPONSOR))]),(!_vm.isWarningOrGeneral)?_c('div',{staticClass:\"create-section__sponsors-section\"},[_c('span',{staticClass:\"required-sponsor-text\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SPONSOR_REQUIRED_MESSAGE))]),_c('v-select',{staticClass:\"department__dropdown\",attrs:{\"items\":_vm.departmentOptions,\"label\":_vm.createChapterStudioConstant.SECTIONS.DEPARTMENTS,\"attach\":\"\",\"hide-details\":\"\",\"item-text\":\"name\",\"disabled\":!_vm.departmentOptions.length,\"outline\":\"\"},on:{\"change\":_vm.onDepartmentChange},model:{value:(_vm.selectedDepartment),callback:function ($$v) {_vm.selectedDepartment=$$v},expression:\"selectedDepartment\"}}),_c('span',{staticClass:\"span-or\"},[_vm._v(\"OR\")]),_c('v-select',{staticClass:\"region__dropdown\",attrs:{\"items\":_vm.regionOptions,\"label\":_vm.createChapterStudioConstant.SECTIONS.REGIONS,\"attach\":\"\",\"hide-details\":\"\",\"item-text\":\"name\",\"multiple\":\"\",\"outline\":\"\"},on:{\"change\":_vm.onRegionChange},scopedSlots:_vm._u([{key:\"selection\",fn:function(ref){\nvar item = ref.item;\nvar index = ref.index;\nreturn [(index === 0)?_c('span',[_vm._v(_vm._s(item))]):_vm._e(),(index === 1)?_c('span',{staticClass:\"grey--text text-caption\"},[_vm._v(\"\\n                     (+\"+_vm._s(_vm.selectedRegions.length - 1)+\" others)\\n                  \")]):_vm._e()]}}],null,false,1420338813),model:{value:(_vm.selectedRegions),callback:function ($$v) {_vm.selectedRegions=$$v},expression:\"selectedRegions\"}})],1):_vm._e(),_c('div',{staticClass:\"create-section__visibleto-dropown\"},[_c('v-select',{staticClass:\"visibleto__dropdown\",attrs:{\"items\":_vm.visibleToOptions,\"label\":_vm.createChapterStudioConstant.SECTIONS.VISIBLE_TO,\"attach\":\"\",\"hide-details\":\"\",\"item-text\":\"name\",\"return-object\":\"\",\"outline\":\"\"},model:{value:(_vm.announcement.visibleToObject),callback:function ($$v) {_vm.$set(_vm.announcement, \"visibleToObject\", $$v)},expression:\"announcement.visibleToObject\"}})],1)])],1),_c('v-expansion-panel',{staticClass:\"mt-3\",model:{value:(_vm.sections.title),callback:function ($$v) {_vm.$set(_vm.sections, \"title\", $$v)},expression:\"sections.title\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.TITLE))]),_c('div',{staticClass:\"create-section__announcement-title_section\"},[_c('v-text-field',{staticClass:\"announcement-title-text-field\",attrs:{\"maxlength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.TITLE_LIMIT,\"placeholder\":_vm.createChapterStudioConstant.ENTER_TITLE,\"hide-details\":\"\"},model:{value:(_vm.announcement.title),callback:function ($$v) {_vm.$set(_vm.announcement, \"title\", $$v)},expression:\"announcement.title\"}}),_c('CharacterCounter',{attrs:{\"currentLength\":_vm.announcement.title.length,\"maxLength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.TITLE_LIMIT}})],1)])],1),_c('v-expansion-panel',{staticClass:\"mt-3\",model:{value:(_vm.sections.shortDescription),callback:function ($$v) {_vm.$set(_vm.sections, \"shortDescription\", $$v)},expression:\"sections.shortDescription\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.SHORT_DESC)+\"\\n            \")]),_c('div',{staticClass:\"create-section__preview-desc-section\"},[_c('v-textarea',{staticClass:\"preview-desc-field\",attrs:{\"maxlength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.SHORT_DESC_LIMIT,\"placeholder\":_vm.createChapterStudioConstant.ENTER_PREVIEW_DESCRIPTION,\"rows\":_vm.calculatedRows,\"auto-grow\":\"\",\"outline\":\"\"},model:{value:(_vm.announcement.shortDescription),callback:function ($$v) {_vm.$set(_vm.announcement, \"shortDescription\", $$v)},expression:\"announcement.shortDescription\"}}),_c('CharacterCounter',{attrs:{\"currentLength\":_vm.announcement.shortDescription.length,\"maxLength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.SHORT_DESC_LIMIT}})],1)])],1),(_vm.isWarningOrGeneral)?_c('div',[_c('v-expansion-panel',{staticClass:\"mt-3\",model:{value:(_vm.sections.longDescription),callback:function ($$v) {_vm.$set(_vm.sections, \"longDescription\", $$v)},expression:\"sections.longDescription\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.LONG_DESC))]),_c('div',{staticClass:\"create-section__modal-editor\"},[_c('ck-editor',{attrs:{\"editor-id\":_vm.ckEditorId,\"editor-type\":_vm.ckEditorType.BASIC,\"auto-focus\":false,\"height\":\"350\"},model:{value:(_vm.announcement.longDescription),callback:function ($$v) {_vm.$set(_vm.announcement, \"longDescription\", $$v)},expression:\"announcement.longDescription\"}})],1),_c('CharacterCounter',{attrs:{\"currentLength\":_vm.longDescriptionCount,\"has-error\":_vm.errorInLongDescriptionCount,\"error-message\":_vm.createChapterStudioConstant.ERROR_MESSAGE.CHARACTER_LIMIT,\"maxLength\":_vm.createChapterStudioConstant.MAX_TEXT_LIMIT.LONG_DESC_LIMIT}})],1)],1)],1):_vm._e(),_c('v-expansion-panel',{staticClass:\"mt-3\",model:{value:(_vm.sections.scheduler),callback:function ($$v) {_vm.$set(_vm.sections, \"scheduler\", $$v)},expression:\"sections.scheduler\"}},[_c('v-expansion-panel-content',[_c('div',{staticClass:\"create-section__header\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.SECTIONS.SCHEDULER)+\"\\n            \")]),_c('div',[_c('schedule-announcement',{attrs:{\"announcement\":_vm.announcement},on:{\"emitEffectiveDateRange\":_vm.updateScheduleDates,\"emitDisplayDateRange\":_vm.updateScheduleDates}})],1)])],1)],1),_c('div',{staticClass:\"action-bar--wrapper\"},[(!_vm.canPublish)?_c('div',{staticClass:\"action-bar__publish-disclaimer\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.PUBLISH_REQUIRED_DISCLAIMER)+\"\\n        \")]):_vm._e(),_c('v-layout',{staticClass:\"action-bar__main\",attrs:{\"row\":\"\"}},[_c('v-btn',{staticClass:\"action-bar__secondary-btn\",attrs:{\"disabled\":!_vm.canPublish},on:{\"click\":_vm.handleSaveDraft}},[_vm._v(_vm._s(_vm.createChapterStudioConstant.ACTION.SAVE_DRAFT))]),_c('v-btn',{staticClass:\"action-bar__secondary-btn action-bar__secondary-btn--desktop\",on:{\"click\":_vm.togglePreviewDialogMode}},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.ACTION.PREVIEW)+\"\\n          \")]),_c('v-btn',{staticClass:\"action-bar__secondary-btn action-bar__secondary-btn--mobile\",on:{\"click\":_vm.toggleMobilePreviewMode}},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.ACTION.PREVIEW)+\"\\n          \")]),_c('v-btn',{staticClass:\"action-bar__primary-btn\",attrs:{\"disabled\":!_vm.canPublish},on:{\"click\":_vm.handlePublish}},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.ACTION.PUBLISH)+\"\\n          \")])],1)],1),(!_vm.isMobilePreviewModeOpen)?_c('v-dialog',{staticClass:\"create-chapter-announcement__preview-dialog\",attrs:{\"content-class\":\"medium\",\"persistent\":\"\",\"scrollable\":\"\"},model:{value:(_vm.isPreviewModalOpen),callback:function ($$v) {_vm.isPreviewModalOpen=$$v},expression:\"isPreviewModalOpen\"}},[_c('preview-announcement',{attrs:{\"announcement\":_vm.announcement,\"back-action\":_vm.togglePreviewDialogMode,\"can-publish\":_vm.canPublish,\"publish-action\":_vm.handlePublish,\"save-draft-action\":_vm.handleSaveDraft}})],1):_vm._e()],1):_vm._e(),(_vm.isMobilePreviewModeOpen)?_c('div',{staticClass:\"create-chapter-announcement__preview-mobile\"},[_c('preview-announcement',{attrs:{\"announcement\":_vm.announcement,\"back-action\":_vm.toggleMobilePreviewMode,\"can-publish\":_vm.canPublish,\"publish-action\":_vm.handlePublish,\"save-draft-action\":_vm.handleSaveDraft}})],1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-radio-group',{staticClass:\"announcement-type\",attrs:{\"hide-details\":\"\",\"mandatory\":\"\",\"reaquired\":\"\"},on:{\"change\":_vm.handleSelection},model:{value:(_vm.selectedType),callback:function ($$v) {_vm.selectedType=$$v},expression:\"selectedType\"}},[_c('v-layout',{staticClass:\"announcement-type__main\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md5\":\"\",\"pb-2\":\"\"}},[_c('v-radio',{staticClass:\"announcement-type__image--radio\",attrs:{\"value\":_vm.createChapterStudioConstant.RECORD_TYPE.IMAGE,\"color\":_vm.createChapterStudioConstant.RADIO_COLOR},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('v-layout',{staticClass:\"full-width\",attrs:{\"column\":\"\"}},[_c('div',{staticClass:\"announcement-type__form-title pb-1\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.TYPE_IMAGE))]),_c('img',{staticClass:\"announcement-type__image\",attrs:{\"src\":require(\"../../assets/image-announcement-bg.png\"),\"alt\":\"image-type\"}})])]},proxy:true}])})],1),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm6\":\"\",\"md7\":\"\",\"pb-2\":\"\"}},[_c('v-layout',{staticClass:\"full-height\",attrs:{\"column\":\"\",\"justify-space-between\":\"\"}},[_c('v-flex',[_c('v-radio',{staticClass:\"mb-3 announcement-type__general--radio\",attrs:{\"value\":_vm.createChapterStudioConstant.RECORD_TYPE.WARNING,\"color\":_vm.createChapterStudioConstant.RADIO_COLOR},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('v-layout',{staticClass:\"full-width\",attrs:{\"column\":\"\"}},[_c('v-flex',{staticClass:\"announcement-type__form-title pb-1\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.TYPE_WARNING))]),_c('v-flex',[_c('announcement-type-alert-card',{attrs:{\"type\":\"warning\"}})],1)],1)]},proxy:true}])})],1),_c('v-flex',[_c('v-radio',{staticClass:\"full-height announcement-type__general--radio\",attrs:{\"value\":_vm.createChapterStudioConstant.RECORD_TYPE.GENERAL,\"color\":_vm.createChapterStudioConstant.RADIO_COLOR},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('v-layout',{staticClass:\"full-width\",attrs:{\"column\":\"\"}},[_c('v-flex',{staticClass:\"announcement-type__form-title pb-1\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.TYPE_GENERAL))]),_c('v-flex',[_c('announcement-type-alert-card',{attrs:{\"type\":\"general\"}})],1)],1)]},proxy:true}])})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{class:['announcement-type-alert-card', _vm.type && (\"announcement-type-alert-card__\" + _vm.type)],attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"announcement-type-alert-card__icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"campaign\")])]),_c('v-flex',{staticClass:\"announcement-type-alert-card__main\"},[_c('div',{staticClass:\"announcement-type-alert-card__main--box-1 mb-2\"}),_c('div',{staticClass:\"announcement-type-alert-card__main--box-2 mb-1\"}),_c('div',{staticClass:\"announcement-type-alert-card__main--box-2 mb-3\"}),_c('div',{staticClass:\"announcement-type-alert-card__main--box-3\"})]),_c('v-flex',{staticClass:\"announcement-type-alert-card__icon\"},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"fas fa-times\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout row :class=\"['announcement-type-alert-card', type && `announcement-type-alert-card__${type}`]\">\r\n    <v-flex class=\"announcement-type-alert-card__icon\">\r\n      <i class=\"material-icons\">campaign</i>\r\n    </v-flex>\r\n    <v-flex class=\"announcement-type-alert-card__main\">\r\n      <div class=\"announcement-type-alert-card__main--box-1 mb-2\"></div>\r\n      <div class=\"announcement-type-alert-card__main--box-2 mb-1\"></div>\r\n      <div class=\"announcement-type-alert-card__main--box-2 mb-3\"></div>\r\n      <div class=\"announcement-type-alert-card__main--box-3\"></div>\r\n    </v-flex>\r\n    <v-flex class=\"announcement-type-alert-card__icon\"><v-icon size=\"18\">fas fa-times</v-icon></v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AnnouncementTypeAlertCard',\r\n  props: {\r\n    type: {\r\n      type: String,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.announcement-type-alert-card {\r\n  width: 100%;\r\n  padding: 7px 2px 7px 10px;\r\n  border: 1px solid $black;\r\n  border-radius: 8px;\r\n\r\n  &__icon {\r\n    i {\r\n      color: $black;\r\n    }\r\n  }\r\n\r\n  &__main {\r\n    margin-top: 5px;\r\n    padding: 0 15px 0 10px;\r\n    width: calc(100% - 60px);\r\n\r\n    @include breakpointMin(sm) {\r\n      padding: 0 30px 0 10px;\r\n    }\r\n\r\n    &--box-1 {\r\n      height: 12px;\r\n      width: 110px;\r\n      background-color: rgb($black, 0.5);\r\n    }\r\n\r\n    &--box-2 {\r\n      height: 7px;\r\n      width: 100%;\r\n      background-color: rgb($black, 0.5);\r\n    }\r\n\r\n    &--box-3 {\r\n      height: 20px;\r\n      width: 70px;\r\n      border-radius: 8px;\r\n      background-color: $black;\r\n    }\r\n  }\r\n\r\n  &__warning {\r\n    border: 1px solid $ypo-error-red;\r\n\r\n    i {\r\n      color: $ypo-error-red;\r\n    }\r\n\r\n    .announcement-type-alert-card__main {\r\n      &--box-1, &--box-2 {\r\n        background-color: rgb($ypo-error-red, 0.5);\r\n      }\r\n\r\n      &--box-3 {\r\n        background-color: $ypo-error-red;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__general {\r\n    border: 1px solid $ypo-brand-blue;\r\n\r\n    i {\r\n      color: $ypo-brand-blue;\r\n    }\r\n\r\n    .announcement-type-alert-card__main {\r\n      &--box-1, &--box-2 {\r\n        background-color: rgb($ypo-brand-blue, 0.5);\r\n      }\r\n\r\n      &--box-3 {\r\n        background-color: $ypo-brand-blue;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnnouncementTypeAlertCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnnouncementTypeAlertCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnnouncementTypeAlertCard.vue?vue&type=template&id=98080ec2&scoped=true&\"\nimport script from \"./AnnouncementTypeAlertCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AnnouncementTypeAlertCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnnouncementTypeAlertCard.vue?vue&type=style&index=0&id=98080ec2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"98080ec2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"flex-grow-overwrite-all announcement-image-uploader\"},[_c('v-flex',{staticClass:\"announcement-image-uploader__main\"},[_c('v-radio-group',{staticClass:\"announcement-image-uploader__main--selectors\",attrs:{\"hide-details\":\"\",\"mandatory\":\"\",\"reaquired\":\"\"},on:{\"change\":_vm.handleTypeChange},model:{value:(_vm.selectedType),callback:function ($$v) {_vm.selectedType=$$v},expression:\"selectedType\"}},[_c('div',[_c('v-radio',{staticClass:\"mb-3 announcement-image-uploader__radio\",attrs:{\"value\":_vm.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE,\"label\":_vm.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE,\"color\":_vm.createChapterStudioConstant.RADIO_COLOR}})],1),_c('div',[_c('v-radio',{staticClass:\"mb-3 announcement-image-uploader__radio\",attrs:{\"value\":_vm.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR,\"label\":_vm.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR,\"color\":_vm.createChapterStudioConstant.RADIO_COLOR}})],1)]),_c('div',{staticClass:\"announcement-image-uploader__selector\"},[(_vm.isImageUploadSelected)?_c('div',[_c('div',{staticClass:\"announcement-image-uploader__image-selector-title\"},[_c('span',{staticClass:\"announcement-image-uploader__image-selector-title--main\"},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE)+\"\\n          \")]),_c('span',{staticClass:\"announcement-image-uploader__image-selector-title--sub\"},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE_SUB)+\"\\n          \")])]),_c('div',{staticClass:\"announcement-image-uploader__image-selector-guidance\"},[_vm._v(\"\\n          \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_GUIDANCE)+\"\\n        \")]),_c('v-layout',{staticClass:\"flex-grow-overwrite-all announcement-image-uploader__upload-btn\",attrs:{\"row\":\"\"}},[_c('v-flex',[_c('photo-uploader',{attrs:{\"upload-callback\":_vm.handleImageUpload,\"uploader-id\":\"photo-upload-btn\",\"extensions\":\"jpg,jpeg,png\",\"accept\":\"image/png, image/jpeg\",\"hide-error\":true,\"multiple\":false,\"maximum-files\":1,\"button-label\":_vm.createChapterStudioConstant.ACTION.UPLOAD}})],1),_c('v-flex',{staticClass:\"announcement-image-uploader__image-url\"},[_vm._v(_vm._s(_vm.imageUrl))])],1)],1):_vm._e(),(_vm.isBackgroundSelected)?_c('div',[_c('div',{staticClass:\"announcement-image-uploader__image-selector-title\"},[_c('span',{staticClass:\"announcement-image-uploader__image-selector-title--main\"},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.SELECT_BACKGROUND_TITLE)+\"\\n          \")]),_c('span',{staticClass:\"announcement-image-uploader__image-selector-title--sub\"},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE_SUB)+\"\\n          \")])]),(_vm.backgroundColorOptions.length)?_c('v-layout',{staticClass:\"flex-grow-overwrite-all\",attrs:{\"row\":\"\"}},_vm._l((_vm.backgroundColorOptions),function(bColor){return _c('div',{key:bColor,class:[\n              'announcement-image-uploader__background-option',\n              _vm.isSelectedBackgroundColor(bColor) && 'announcement-image-uploader__background-option--selected'\n              ],style:({backgroundColor: bColor}),on:{\"click\":function($event){return _vm.handleBackgroundColorSelection(bColor)}}})}),0):_vm._e()],1):_vm._e()])],1),(_vm.imageUrl && _vm.isImageUploadSelected)?_c('v-flex',{staticClass:\"announcement-image-uploader__preview\"},[_c('v-img',{staticClass:\"announcement-image-uploader__preview--img\",attrs:{\"src\":_vm.imageUrl,\"cover\":\"\",\"data-qe-id\":\"announcement-image-upload__preview\"}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout class=\"flex-grow-overwrite-all announcement-image-uploader\">\r\n    <v-flex class=\"announcement-image-uploader__main\">\r\n      <v-radio-group v-model=\"selectedType\" hide-details mandatory reaquired\r\n                     @change=\"handleTypeChange\"\r\n                     class=\"announcement-image-uploader__main--selectors\">\r\n        <div>\r\n          <v-radio :value=\"createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE\"\r\n                   :label=\"createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE\"\r\n                   :color=\"createChapterStudioConstant.RADIO_COLOR\"\r\n                   class=\"mb-3 announcement-image-uploader__radio\">\r\n          </v-radio>\r\n        </div>\r\n        <div>\r\n          <v-radio :value=\"createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR\"\r\n                   :label=\"createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR\"\r\n                   :color=\"createChapterStudioConstant.RADIO_COLOR\"\r\n                   class=\"mb-3 announcement-image-uploader__radio\">\r\n          </v-radio>\r\n        </div>\r\n      </v-radio-group>\r\n      <div class=\"announcement-image-uploader__selector\">\r\n        <div v-if=\"isImageUploadSelected\">\r\n          <div class=\"announcement-image-uploader__image-selector-title\">\r\n            <span class=\"announcement-image-uploader__image-selector-title--main\">\r\n              {{createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE}}\r\n            </span>\r\n            <span class=\"announcement-image-uploader__image-selector-title--sub\">\r\n              {{createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE_SUB}}\r\n            </span>\r\n          </div>\r\n          <div class=\"announcement-image-uploader__image-selector-guidance\">\r\n            {{createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_GUIDANCE}}\r\n          </div>\r\n          <v-layout row class=\"flex-grow-overwrite-all announcement-image-uploader__upload-btn\">\r\n            <v-flex><photo-uploader :upload-callback=\"handleImageUpload\"\r\n                                    uploader-id=\"photo-upload-btn\"\r\n                                    extensions=\"jpg,jpeg,png\"\r\n                                    accept=\"image/png, image/jpeg\"\r\n                                    :hide-error=\"true\"\r\n                                    :multiple=\"false\"\r\n                                    :maximum-files=\"1\"\r\n                                    :button-label=\"createChapterStudioConstant.ACTION.UPLOAD\">\r\n            </photo-uploader></v-flex>\r\n            <v-flex class=\"announcement-image-uploader__image-url\">{{imageUrl}}</v-flex>\r\n          </v-layout>\r\n        </div>\r\n        <div v-if=\"isBackgroundSelected\">\r\n          <div class=\"announcement-image-uploader__image-selector-title\">\r\n            <span class=\"announcement-image-uploader__image-selector-title--main\">\r\n              {{createChapterStudioConstant.FORM_FIELD.SELECT_BACKGROUND_TITLE}}\r\n            </span>\r\n            <span class=\"announcement-image-uploader__image-selector-title--sub\">\r\n              {{createChapterStudioConstant.FORM_FIELD.SELECT_IMAGE_TITLE_SUB}}\r\n            </span>\r\n          </div>\r\n          <v-layout row class=\"flex-grow-overwrite-all\" v-if=\"backgroundColorOptions.length\">\r\n            <div :class=\"[\r\n                'announcement-image-uploader__background-option',\r\n                isSelectedBackgroundColor(bColor) && 'announcement-image-uploader__background-option--selected'\r\n                ]\"\r\n                 @click=\"handleBackgroundColorSelection(bColor)\"\r\n                 v-for=\"bColor in backgroundColorOptions\"\r\n                 :style=\"{backgroundColor: bColor}\"\r\n                 :key=\"bColor\"></div>\r\n          </v-layout>\r\n        </div>\r\n      </div>\r\n    </v-flex>\r\n    <v-flex class=\"announcement-image-uploader__preview\" v-if=\"imageUrl && isImageUploadSelected\">\r\n      <v-img\r\n          :src=\"imageUrl\"\r\n          class=\"announcement-image-uploader__preview--img\"\r\n          cover\r\n          data-qe-id=\"announcement-image-upload__preview\"></v-img>\r\n    </v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { createChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport PhotoUploader from \"@/components/PhotoUploader/PhotoUploader.vue\";\r\nimport { mapGetters } from \"vuex\";\r\nimport { storeGetters } from \"@/store/storeGetters.constant\";\r\n\r\nexport default {\r\n  name: 'CreateAnnouncementImageUploader',\r\n  components: { PhotoUploader },\r\n  data() {\r\n    return {\r\n      createChapterStudioConstant,\r\n      selectedType: createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE,\r\n      imageFiles: [],\r\n      selectedBackgroundColor: null,\r\n    };\r\n  },\r\n  props: {\r\n    backgroundColor: {\r\n      type: String,\r\n    },\r\n    backgroundImage: {\r\n      type: String,\r\n    },\r\n  },\r\n  async created() {\r\n    this.selectedType = this.backgroundColor && this.backgroundColor.length\r\n        ? createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR\r\n        : createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE;\r\n\r\n    if (this.backgroundColor && this.backgroundColor.length) {\r\n      this.selectedBackgroundColor = `${this.backgroundColor}`;\r\n    }\r\n  },\r\n  methods: {\r\n    handleTypeChange() {\r\n      if (this.selectedType === createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR && this.selectedBackgroundColor) {\r\n        this.sendUpdatedData(null, null, this.selectedBackgroundColor);\r\n      } else if (this.selectedType === createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE) {\r\n        if (this.imageFiles.length) {\r\n          this.sendUpdatedData(this.imageFiles, null, null);\r\n        } else {\r\n          this.sendUpdatedData(this.backgroundImage || null, null, null);\r\n        }\r\n      }\r\n    },\r\n    handleImageUpload(files) {\r\n      this.imageFiles = files;\r\n      this.sendUpdatedData(files, this.imageUrl, null);\r\n    },\r\n    isSelectedBackgroundColor(bColor) {\r\n      return this.selectedBackgroundColor === bColor;\r\n    },\r\n    handleBackgroundColorSelection(bColor) {\r\n      this.selectedBackgroundColor = bColor;\r\n      this.sendUpdatedData(null, null, bColor);\r\n    },\r\n    sendUpdatedData(imageFile, imageUrl, bColor) {\r\n      this.$emit('imageBackgroundData', {\r\n        files: imageFile,\r\n        backgroundImage: imageUrl,\r\n        backgroundColor: bColor,\r\n      });\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      chapterStudioPicklists: `manageChapterStudio/${storeGetters.chapterStudioPicklists}`,\r\n    }),\r\n    isImageUploadSelected() {\r\n      return this.selectedType === this.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.IMAGE;\r\n    },\r\n    isBackgroundSelected() {\r\n      return this.selectedType === this.createChapterStudioConstant.ANNOUNCEMENT_IMAGE_TYPE.BACKGROUND_COLOR;\r\n    },\r\n    imageUrl() {\r\n      if (this.imageFiles.length && this.imageFiles[0].url) {\r\n        return this.imageFiles[0].url;\r\n      } else if (this.backgroundImage && this.backgroundImage.length) {\r\n        return this.backgroundImage;\r\n      }\r\n      return null;\r\n    },\r\n    backgroundColorOptions() {\r\n      return this.chapterStudioPicklists && this.chapterStudioPicklists.backgroundColors\r\n          ? this.chapterStudioPicklists.backgroundColors\r\n          : [];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.announcement-image-uploader {\r\n  padding-top: 16px;\r\n\r\n  @include breakpointMin(sm) {\r\n    padding-top: 24px;\r\n  }\r\n\r\n  &__main {\r\n    min-width: 350px;\r\n\r\n    &--selectors {\r\n      margin-left: 25px;\r\n      @include breakpointMin(sm) {\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__image-selector-title {\r\n    color: $ypo-blue;\r\n    font-weight: 600;\r\n    padding-bottom: 3px;\r\n\r\n    @include breakpointMin(sm) {\r\n      padding-bottom: 12px;\r\n    }\r\n\r\n    &--main {\r\n      font-size: 18px;\r\n      padding-right: 2px;\r\n\r\n      @include breakpointMin(sm) {\r\n        padding-right: 5px;\r\n      }\r\n    }\r\n\r\n    &--sub {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  &__image-selector-guidance {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: $ypo-title-blue-gray\r\n  }\r\n\r\n  &__background-option {\r\n    height: 50px;\r\n    width: 105px;\r\n    margin-right: 12px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      border: 2px solid $ypo-light-gold;\r\n    }\r\n\r\n    &--selected {\r\n      border: 2px solid $ypo-light-gold;\r\n    }\r\n  }\r\n\r\n  &__preview {\r\n    padding-left: 10px;\r\n    display: none;\r\n\r\n    @include breakpointMin(sm) {\r\n      display: block;\r\n    }\r\n\r\n    &--img {\r\n      height: 184px;\r\n      width: 280px;\r\n      border-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &__image-url {\r\n    font-size: 11px;\r\n    padding-left: 15px;\r\n    height: 32px;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 2; /* number of lines to show */\r\n    line-clamp: 2;\r\n\r\n    @include breakpointMin(sm) {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_colors.scss\";\r\n\r\n.announcement-image-uploader {\r\n  &__radio {\r\n    .v-label {\r\n      font-size: 14px !important;\r\n    }\r\n  }\r\n\r\n  .v-input--selection-controls {\r\n    margin-top: 0;\r\n    padding-top: 0;\r\n  }\r\n\r\n  &__upload-btn {\r\n    margin-top: 5px;\r\n\r\n    .photo-uploader {\r\n      width: 120px;\r\n\r\n      &__btn {\r\n        margin-top: 0;\r\n        font-size: 16px;\r\n        border-radius: 8px;\r\n        width: 120px;\r\n        height: 32px;\r\n        background-color: $ypo-brand-blue;\r\n        font-weight: 600;\r\n        cursor: pointer !important;\r\n\r\n        &-label {\r\n          text-transform: uppercase;\r\n          padding: 0;\r\n          color: $white;\r\n        }\r\n\r\n        &:hover {\r\n          background-color: $ypo-primary-blue !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateAnnouncementImageUploader.vue?vue&type=template&id=54055ff8&scoped=true&\"\nimport script from \"./CreateAnnouncementImageUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateAnnouncementImageUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateAnnouncementImageUploader.vue?vue&type=style&index=0&id=54055ff8&lang=scss&scoped=true&\"\nimport style1 from \"./CreateAnnouncementImageUploader.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"54055ff8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <v-radio-group v-model=\"selectedType\" hide-details mandatory reaquired class=\"announcement-type\" @change=\"handleSelection\">\r\n    <v-layout row wrap class=\"announcement-type__main\">\r\n      <v-flex xs12 sm6 md5 pb-2>\r\n        <v-radio :value=\"createChapterStudioConstant.RECORD_TYPE.IMAGE\"\r\n                 :color=\"createChapterStudioConstant.RADIO_COLOR\" class=\"announcement-type__image--radio\">\r\n          <template v-slot:label>\r\n            <v-layout column class=\"full-width\">\r\n              <div class=\"announcement-type__form-title pb-1\">{{createChapterStudioConstant.FORM_FIELD.TYPE_IMAGE}}</div>\r\n              <img src=\"../../assets/image-announcement-bg.png\" class=\"announcement-type__image\" alt=\"image-type\">\r\n            </v-layout>\r\n          </template>\r\n        </v-radio>\r\n      </v-flex>\r\n      <v-flex xs12 sm6 md7 pb-2>\r\n        <v-layout column justify-space-between class=\"full-height\">\r\n          <v-flex>\r\n            <v-radio :value=\"createChapterStudioConstant.RECORD_TYPE.WARNING\"\r\n                     :color=\"createChapterStudioConstant.RADIO_COLOR\"\r\n                     class=\"mb-3 announcement-type__general--radio\"\r\n                     >\r\n              <template v-slot:label>\r\n                <v-layout column class=\"full-width\">\r\n                  <v-flex class=\"announcement-type__form-title pb-1\">{{createChapterStudioConstant.FORM_FIELD.TYPE_WARNING}}</v-flex>\r\n                  <v-flex><announcement-type-alert-card type=\"warning\"></announcement-type-alert-card></v-flex>\r\n                </v-layout>\r\n              </template>\r\n            </v-radio>\r\n          </v-flex>\r\n          <v-flex>\r\n            <v-radio :value=\"createChapterStudioConstant.RECORD_TYPE.GENERAL\"\r\n                     :color=\"createChapterStudioConstant.RADIO_COLOR\"\r\n                     class=\"full-height announcement-type__general--radio\">\r\n              <template v-slot:label>\r\n                <v-layout column class=\"full-width\">\r\n                  <v-flex class=\"announcement-type__form-title pb-1\">{{createChapterStudioConstant.FORM_FIELD.TYPE_GENERAL}}</v-flex>\r\n                  <v-flex><announcement-type-alert-card type=\"general\"></announcement-type-alert-card></v-flex>\r\n                </v-layout>\r\n              </template>\r\n            </v-radio>\r\n          </v-flex>\r\n        </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n  </v-radio-group>\r\n</template>\r\n\r\n<script>\r\nimport { createChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport AnnouncementTypeAlertCard from \"@/components/ChapterStudioPageManage/AnnouncementTypeAlertCard.vue\";\r\nimport CreateAnnouncementImageUploader from \"@/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue\";\r\n\r\nexport default {\r\n  name: 'CreateAnnouncementType',\r\n  components: { CreateAnnouncementImageUploader, AnnouncementTypeAlertCard },\r\n  data() {\r\n    return {\r\n      createChapterStudioConstant,\r\n      selectedType: createChapterStudioConstant.RECORD_TYPE.WARNING,\r\n    };\r\n  },\r\n  props: {\r\n    announcementType: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n  },\r\n  async created() {\r\n    this.selectedType = `${this.announcementType || createChapterStudioConstant.RECORD_TYPE.WARNING}`;\r\n  },\r\n  methods: {\r\n    handleSelection() {\r\n      this.$emit(\"selectedType\", this.selectedType);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.announcement-type {\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  &__main {\r\n    flex-direction: column-reverse;\r\n\r\n    @include breakpointMin(sm) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n\r\n  &__form-title {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    max-width: 410px;\r\n    display: none;\r\n    color: black;\r\n\r\n    @include breakpointMin(sm) {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  &__image {\r\n    max-width: 406px;\r\n    height: 195px;\r\n    border-radius: 8px;\r\n    object-fit: cover;\r\n\r\n    @include breakpointMin(sm) {\r\n      height: 266px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_responsive.scss\";\r\n\r\n.announcement-type {\r\n  &__image {\r\n    &--radio {\r\n      margin-right: 0;\r\n      margin-top: 8px;\r\n\r\n      @include breakpointMin(sm) {\r\n        margin-top: 0;\r\n        padding-right: 20px;\r\n      }\r\n\r\n      .v-input--selection-controls__input {\r\n        position: relative;\r\n        top: -70px;\r\n\r\n        @include breakpointMin(sm) {\r\n          top: -85px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__general {\r\n    &--radio {\r\n      margin-right: 0;\r\n\r\n      .v-input--selection-controls__input {\r\n        position: relative;\r\n        top: -20px;\r\n\r\n        @include breakpointMin(sm) {\r\n          top: -10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .v-input {\r\n    &__control {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .v-radio {\r\n    .v-label {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateAnnouncementType.vue?vue&type=template&id=21541cb3&scoped=true&\"\nimport script from \"./CreateAnnouncementType.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateAnnouncementType.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateAnnouncementType.vue?vue&type=style&index=0&id=21541cb3&lang=scss&scoped=true&\"\nimport style1 from \"./CreateAnnouncementType.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"21541cb3\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{class:['character-counter', _vm.hasError && 'error-color'],attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',[_vm._v(_vm._s(_vm.currentLength)+\"/\"+_vm._s(_vm.maxLength)+\" characters\")]),(_vm.hasError && !!_vm.errorMessage)?_c('v-flex',{staticClass:\"text-right\"},[_vm._v(_vm._s(_vm.errorMessage))]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout :class=\"['character-counter', hasError && 'error-color']\" row wrap>\r\n    <v-flex>{{ currentLength }}/{{ maxLength }} characters</v-flex>\r\n    <v-flex class=\"text-right\" v-if=\"hasError && !!errorMessage\">{{errorMessage}}</v-flex>\r\n  </v-layout>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    currentLength: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    maxLength: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    hasError: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    errorMessage: {\r\n      type: String,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_colors.scss\";\r\n\r\n.character-counter {\r\n  background-color: $ypo-light-gray;\r\n  color: $mild-grey;\r\n  padding: 8px 12px;\r\n  font-size: 14px;\r\n  margin-top: -4px;\r\n  text-align: left;\r\n  border-left: 1px solid $mild-grey;\r\n  border-right: 1px solid $mild-grey;\r\n  border-bottom: 1px solid $mild-grey;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  @include breakpointMin(sm) {\r\n    border-radius: 0;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CharacterCounter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CharacterCounter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CharacterCounter.vue?vue&type=template&id=589f6bf2&scoped=true&\"\nimport script from \"./CharacterCounter.vue?vue&type=script&lang=js&\"\nexport * from \"./CharacterCounter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CharacterCounter.vue?vue&type=style&index=0&id=589f6bf2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"589f6bf2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"announcement-preview\"},[_c('v-card',[_c('v-card-title',[_c('div',{staticClass:\"announcement-preview__title\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.PREVIEW_TITLE))])]),_c('div',{staticClass:\"pt-2 pb-2 announcement-preview__body\"},[(_vm.isGeneralAnnouncement || _vm.isWarningAnnouncement)?_c('div',[_c('general-announcement-card',{attrs:{\"announcement\":_vm.announcement,\"is-full-view\":_vm.generalAnnouncementReadMoreToggled,\"action-button-text\":_vm.generalAnnouncementActionButtonText,\"on-action-button-click\":_vm.toggleReadMoreState,\"is-warning-announcement\":_vm.isWarningAnnouncement,\"on-close\":function () {}}})],1):_vm._e(),(_vm.isImageAnnouncement)?_c('div',{staticClass:\"announcement-preview__image-announcement\"},[_c('image-announcement-card',{attrs:{\"announcement\":_vm.announcement}})],1):_vm._e()]),_c('v-card-actions',[_c('div',{staticClass:\"preview-action-bar--wrapper\"},[(!_vm.canPublish)?_c('div',{staticClass:\"preview-action-bar__publish-disclaimer\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.PUBLISH_REQUIRED_DISCLAIMER))]):_vm._e(),_c('v-layout',{staticClass:\"preview-action-bar__main\",attrs:{\"row\":\"\",\"justify-space-between\":\"\"}},[_c('v-btn',{staticClass:\"preview-action-bar__secondary-btn\",on:{\"click\":_vm.backAction}},[_vm._v(\"\\n            \"+_vm._s(_vm.createChapterStudioConstant.ACTION.BACK_TO_EDIT)+\"\\n          \")]),_c('v-layout',{staticClass:\"preview-action-bar__save-button-stack\",attrs:{\"row\":\"\"}},[_c('v-btn',{staticClass:\"preview-action-bar__secondary-btn\",attrs:{\"disabled\":!_vm.canPublish},on:{\"click\":_vm.saveDraftAction}},[_vm._v(\"\\n              \"+_vm._s(_vm.createChapterStudioConstant.ACTION.SAVE_DRAFT)+\"\\n            \")]),_c('v-btn',{staticClass:\"preview-action-bar__primary-btn\",attrs:{\"disabled\":!_vm.canPublish},on:{\"click\":_vm.publishAction}},[_vm._v(\"\\n              \"+_vm._s(_vm.createChapterStudioConstant.ACTION.PUBLISH))])],1)],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"announcement-preview\">\r\n    <v-card>\r\n      <v-card-title>\r\n        <div class=\"announcement-preview__title\">{{createChapterStudioConstant.PREVIEW_TITLE}}</div>\r\n      </v-card-title>\r\n      <div class=\"pt-2 pb-2 announcement-preview__body\">\r\n        <div v-if=\"isGeneralAnnouncement || isWarningAnnouncement\">\r\n          <general-announcement-card\r\n              :announcement=\"announcement\"\r\n              :is-full-view=\"generalAnnouncementReadMoreToggled\"\r\n              :action-button-text=\"generalAnnouncementActionButtonText\"\r\n              :on-action-button-click=\"toggleReadMoreState\"\r\n              :is-warning-announcement=\"isWarningAnnouncement\"\r\n              :on-close=\"() => {}\"></general-announcement-card>\r\n        </div>\r\n        <div v-if=\"isImageAnnouncement\" class=\"announcement-preview__image-announcement\">\r\n          <image-announcement-card :announcement=\"announcement\"></image-announcement-card>\r\n        </div>\r\n      </div>\r\n      <v-card-actions>\r\n        <div class=\"preview-action-bar--wrapper\">\r\n          <div v-if=\"!canPublish\" class=\"preview-action-bar__publish-disclaimer\">{{createChapterStudioConstant.PUBLISH_REQUIRED_DISCLAIMER}}</div>\r\n          <v-layout row justify-space-between class=\"preview-action-bar__main\">\r\n            <v-btn class=\"preview-action-bar__secondary-btn\" @click=\"backAction\">\r\n              {{createChapterStudioConstant.ACTION.BACK_TO_EDIT}}\r\n            </v-btn>\r\n            <v-layout row class=\"preview-action-bar__save-button-stack\">\r\n              <v-btn :disabled=\"!canPublish\" class=\"preview-action-bar__secondary-btn\" @click=\"saveDraftAction\">\r\n                {{createChapterStudioConstant.ACTION.SAVE_DRAFT}}\r\n              </v-btn>\r\n              <v-btn class=\"preview-action-bar__primary-btn\" :disabled=\"!canPublish\" @click=\"publishAction\">\r\n                {{createChapterStudioConstant.ACTION.PUBLISH}}</v-btn>\r\n            </v-layout>\r\n          </v-layout>\r\n        </div>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { createChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport GeneralAnnouncementCard from \"@/components/ChapterStudioPage/GeneralAnnouncementCard.vue\";\r\nimport { chapterStudioPageConstant } from \"@/components/ChapterStudioPage/chapterStudioPage.constant\";\r\nimport ImageAnnouncementCarousel from \"@/components/ChapterStudioPage/ImageAnnouncementCarousel.vue\";\r\nimport ImageAnnouncementCard from \"@/components/ChapterStudioPage/ImageAnnouncementCard.vue\";\r\n\r\nexport default {\r\n  name: 'PreviewAnnouncement',\r\n  components: {\r\n    ImageAnnouncementCard,\r\n    ImageAnnouncementCarousel,\r\n    GeneralAnnouncementCard,\r\n  },\r\n  data() {\r\n    return {\r\n      createChapterStudioConstant,\r\n      chapterStudioPageConstant,\r\n      generalAnnouncementReadMoreToggled: false,\r\n    };\r\n  },\r\n  props: {\r\n    announcement: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    canPublish: {\r\n      type: Boolean,\r\n      required: true,\r\n      default: false,\r\n    },\r\n    publishAction: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n    saveDraftAction: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n    backAction: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n  },\r\n  computed: {\r\n    isGeneralAnnouncement() {\r\n      return this.announcement.recordTypeName === createChapterStudioConstant.RECORD_TYPE.GENERAL;\r\n    },\r\n    isWarningAnnouncement() {\r\n      return this.announcement.recordTypeName === createChapterStudioConstant.RECORD_TYPE.WARNING;\r\n    },\r\n    isImageAnnouncement() {\r\n      return this.announcement.recordTypeName === createChapterStudioConstant.RECORD_TYPE.IMAGE;\r\n    },\r\n    generalAnnouncementActionButtonText() {\r\n      return this.generalAnnouncementReadMoreToggled\r\n          ? chapterStudioPageConstant.CLOSE\r\n          : chapterStudioPageConstant.READ_MORE;\r\n    },\r\n  },\r\n  methods: {\r\n    toggleReadMoreState() {\r\n      this.generalAnnouncementReadMoreToggled = !this.generalAnnouncementReadMoreToggled;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.announcement-preview {\r\n  background-color: $white;\r\n  border-radius: 8px;\r\n  position: relative;\r\n\r\n  .v-card {\r\n    border-radius: 8px;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  @include breakpointMin(sm) {\r\n    width: 100%;\r\n  }\r\n\r\n  @include breakpointMin(md) {\r\n    min-width: 800px;\r\n  }\r\n\r\n  &__title {\r\n    padding: 0 5px;\r\n    color: $ypo-blue;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  &__body {\r\n    padding: 0 20px;\r\n    margin-bottom: 30px;\r\n    max-height: 500px;\r\n    overflow: auto;\r\n    @extend %inner-scrollbar;\r\n\r\n    @include breakpointMin(md) {\r\n      max-height: none;\r\n      min-height: 300px;\r\n      margin-bottom: 70px;\r\n    }\r\n  }\r\n\r\n  &__image-announcement {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .image-card {\r\n      max-width: 361px;\r\n    }\r\n  }\r\n\r\n  .preview-action-bar {\r\n    &--wrapper {\r\n      padding: 5px 20px 10px;\r\n      width: 100%;\r\n      background-color: $white;\r\n    }\r\n\r\n    &__publish-disclaimer {\r\n      color: $ypo-error-red;\r\n      font-size: 10px;\r\n      font-weight: 500;\r\n\r\n      @include breakpointMin(sm) {\r\n        text-align: right;\r\n      }\r\n    }\r\n\r\n    &__main {\r\n      flex-direction: column-reverse;\r\n\r\n      @include breakpointMin(sm) {\r\n        flex-direction: row;\r\n        justify-content: end;\r\n        align-items: end;\r\n      }\r\n    }\r\n\r\n    &__save-button-stack {\r\n      display: flex;\r\n      flex-direction: column-reverse;\r\n\r\n      @include breakpointMin(sm) {\r\n        flex-direction: row;\r\n        justify-content: end;\r\n      }\r\n    }\r\n\r\n    &__secondary-btn {\r\n      background: $mild-grey !important;\r\n      color: $white !important;\r\n      border-radius: 8px;\r\n      padding: 8px 28px;\r\n      width: 100%;\r\n      height: 32px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      box-shadow: none !important;\r\n      margin: 5px 0;\r\n\r\n      @include breakpointMin(sm) {\r\n        width: 190px;\r\n        margin: 5px;\r\n      }\r\n    }\r\n\r\n    &__primary-btn {\r\n      background: $ypo-brand-blue !important;\r\n      color: $white !important;\r\n      border-radius: 8px;\r\n      padding: 8px 28px;\r\n      width: 100%;\r\n      height: 32px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      box-shadow: none !important;\r\n      margin: 5px 0;\r\n\r\n      @include breakpointMin(sm) {\r\n        width: 190px;\r\n        margin: 5px 0 0 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewAnnouncement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewAnnouncement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewAnnouncement.vue?vue&type=template&id=139e3bb6&scoped=true&\"\nimport script from \"./PreviewAnnouncement.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewAnnouncement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewAnnouncement.vue?vue&type=style&index=0&id=139e3bb6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"139e3bb6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"date-picker-container\"},[_c('span',{staticClass:\"date-picker-container__heading\"},[_vm._v(\"\\n              \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.DISPLAY_RANGE)+\"\\n          \")]),_c('ypo-date-range',{attrs:{\"endDateLabel\":_vm.createChapterStudioConstant.END_DATE,\"endDateValue\":_vm.announcement.displayEndDate,\"startDateLabel\":_vm.createChapterStudioConstant.START_DATE,\"startDateValue\":_vm.announcement.displayStartDate},on:{\"updateDateRange\":_vm.updateDisplayDate}})],1),(_vm.announcement.recordTypeName === _vm.createChapterStudioConstant.RECORD_TYPE.IMAGE)?_c('div',{staticClass:\"date-picker-container\"},[_c('span',{staticClass:\"date-picker-container__heading\"},[_vm._v(\"\\n              \"+_vm._s(_vm.createChapterStudioConstant.FORM_FIELD.EFFECTIVE_RANGE)+\"\\n          \")]),_c('ypo-date-range',{attrs:{\"endDateLabel\":_vm.createChapterStudioConstant.END_DATE,\"endDateValue\":_vm.announcement.effectiveEndDate,\"startDateLabel\":_vm.createChapterStudioConstant.START_DATE,\"startDateValue\":_vm.announcement.effectiveStartDate},on:{\"updateDateRange\":_vm.updateEffectiveDate}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"date-picker-container\"},[(_vm.isWrongEntry)?_c('span',{staticClass:\"date-picker-container error-message\"},[_vm._v(_vm._s(_vm.createChapterStudioConstant.ERROR_MESSAGE.END_DATE))]):_vm._e(),_c('div',{staticClass:\"date-picker-row\"},[_c('div',{staticClass:\"date-picker-column\"},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"min-width\":\"auto\",\"offset-y\":\"\",\"transition\":\"scale-transition\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',_vm._g(_vm._b({staticClass:\"date-picker-activator\"},'div',attrs,false),on),[_c('v-icon',{staticClass:\"calendar-icon\",attrs:{\"color\":\"primary\"}},[_vm._v(\"far fa-calendar-alt\")]),_c('span',{staticClass:\"date-value\"},[_vm._v(_vm._s(_vm.startDate || \"Select a date\"))]),(_vm.hasStartDate)?_c('i',{staticClass:\"fa fa-times clear-icon\",attrs:{\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clearStartDate($event)}}}):_vm._e()],1)]}}]),model:{value:(_vm.startMenu),callback:function ($$v) {_vm.startMenu=$$v},expression:\"startMenu\"}},[_c('v-date-picker',{attrs:{\"min\":_vm.initialStartDate,\"first-day-of-week\":1,\"locale\":'en'},on:{\"change\":_vm.updateStartDate},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}})],1)],1),_c('div',{class:['date-picker-column', !_vm.hasStartDate && 'date-picker-column--disabled']},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"min-width\":\"auto\",\"disabled\":!_vm.hasStartDate,\"offset-y\":\"\",\"transition\":\"scale-transition\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',_vm._g(_vm._b({staticClass:\"date-picker-activator\"},'div',attrs,false),on),[_c('v-icon',{staticClass:\"calendar-icon\",attrs:{\"color\":\"primary\"}},[_vm._v(\"far fa-calendar-alt\")]),_c('span',{staticClass:\"date-value\"},[_vm._v(_vm._s(_vm.endDate || \"Select a date\"))]),(_vm.hasEndDate)?_c('i',{staticClass:\"fa fa-times clear-icon\",attrs:{\"aria-hidden\":\"true\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clearEndDate($event)}}}):_vm._e()],1)]}}]),model:{value:(_vm.endMenu),callback:function ($$v) {_vm.endMenu=$$v},expression:\"endMenu\"}},[_c('v-date-picker',{attrs:{\"first-day-of-week\":1,\"locale\":'en',\"min\":_vm.startDate},on:{\"change\":_vm.updateEndDate},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"date-picker-container\">\r\n    <span v-if=\"isWrongEntry\"\r\n          class=\"date-picker-container error-message\">{{ createChapterStudioConstant.ERROR_MESSAGE.END_DATE }}</span>\r\n    <div class=\"date-picker-row\">\r\n      <!-- Start Date -->\r\n      <div class=\"date-picker-column\">\r\n        <v-menu\r\n            v-model=\"startMenu\"\r\n            :close-on-content-click=\"false\"\r\n            :nudge-right=\"40\"\r\n            min-width=\"auto\"\r\n            offset-y\r\n            transition=\"scale-transition\"\r\n        >\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <div\r\n                class=\"date-picker-activator\"\r\n                v-bind=\"attrs\"\r\n                v-on=\"on\"\r\n            >\r\n              <v-icon class=\"calendar-icon\" color=\"primary\">far fa-calendar-alt</v-icon>\r\n              <span class=\"date-value\">{{ startDate || \"Select a date\" }}</span>\r\n              <i v-if=\"hasStartDate\" aria-hidden=\"true\"\r\n                 class=\"fa fa-times clear-icon\"\r\n                 @click.stop=\"clearStartDate\"\r\n              >\r\n              </i>\r\n            </div>\r\n          </template>\r\n          <v-date-picker\r\n              v-model=\"startDate\"\r\n              :min=\"initialStartDate\"\r\n              :first-day-of-week=\"1\"\r\n              :locale=\"'en'\"\r\n              @change=\"updateStartDate\"\r\n          ></v-date-picker>\r\n        </v-menu>\r\n      </div>\r\n\r\n      <!-- End Date -->\r\n      <div :class=\"['date-picker-column', !hasStartDate && 'date-picker-column--disabled']\">\r\n        <v-menu\r\n            v-model=\"endMenu\"\r\n            :close-on-content-click=\"false\"\r\n            :nudge-right=\"40\"\r\n            min-width=\"auto\"\r\n            :disabled=\"!hasStartDate\"\r\n            offset-y\r\n            transition=\"scale-transition\"\r\n        >\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <div\r\n                class=\"date-picker-activator\"\r\n                v-bind=\"attrs\"\r\n                v-on=\"on\"\r\n            >\r\n              <v-icon class=\"calendar-icon\" color=\"primary\">far fa-calendar-alt</v-icon>\r\n              <span class=\"date-value\">{{ endDate || \"Select a date\" }}</span>\r\n              <i v-if=\"hasEndDate\" aria-hidden=\"true\"\r\n                 class=\"fa fa-times clear-icon\"\r\n                 @click.stop=\"clearEndDate\">\r\n              </i>\r\n            </div>\r\n          </template>\r\n          <v-date-picker\r\n              v-model=\"endDate\"\r\n              :first-day-of-week=\"1\"\r\n              :locale=\"'en'\"\r\n              :min=\"startDate\"\r\n              @change=\"updateEndDate\"\r\n          ></v-date-picker>\r\n        </v-menu>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { createChapterStudioConstant } from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\n\r\nexport default {\r\n  props: {\r\n    startDateLabel: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    endDateLabel: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    startDateValue: {\r\n      type: String,\r\n    },\r\n    endDateValue: {\r\n      type: String,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      initialStartDate: \"\",\r\n      startDate: \"\",\r\n      endDate: \"\",\r\n      startMenu: false,\r\n      endMenu: false,\r\n      isWrongEntry: false,\r\n      createChapterStudioConstant,\r\n      showStartedDateCloseIcon: true,\r\n    };\r\n  },\r\n  created() {\r\n    if (this.startDateValue && this.startDateValue.length) {\r\n      const today = new Date().toISOString().slice(0, 10);\r\n      this.startDate = this.startDateValue;\r\n      this.initialStartDate = this.startDateValue > today ? today : this.startDateValue;\r\n    } else {\r\n      const newDate = new Date();\r\n      this.initialStartDate = newDate.toISOString().slice(0, 10);\r\n    }\r\n    if (this.endDateValue && this.endDateValue.length) {\r\n      this.endDate = this.endDateValue;\r\n    }\r\n  },\r\n  computed: {\r\n    hasStartDate() {\r\n      return this.startDate && this.startDate.length;\r\n    },\r\n    hasEndDate() {\r\n      return this.endDate && this.endDate.length;\r\n    },\r\n  },\r\n  methods: {\r\n    updateStartDate() {\r\n      this.startMenu = false;\r\n      this.validateDateRange();\r\n    },\r\n    updateEndDate() {\r\n      this.endMenu = false;\r\n      this.validateDateRange();\r\n    },\r\n    clearStartDate() {\r\n      this.startDate = \"\";\r\n      this.validateDateRange();\r\n    },\r\n    clearEndDate() {\r\n      this.endDate = \"\";\r\n      this.validateDateRange();\r\n    },\r\n    validateDateRange() {\r\n      if (this.endDate && new Date(this.endDate) < new Date(this.startDate)) {\r\n        this.isWrongEntry = true;\r\n        setTimeout(() => {\r\n          this.isWrongEntry = false;\r\n        }, 5000);\r\n        this.endDate = \"\";\r\n      }\r\n      this.emitDateRange();\r\n    },\r\n    emitDateRange() {\r\n      const { startDate, endDate } = this;\r\n        this.$emit(\"updateDateRange\", {\r\n          startDate,\r\n          endDate,\r\n        });\r\n        },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.date-picker-container {\r\n  font-family: Roboto, 'sans-serif';\r\n\r\n  .error-message {\r\n    color: $ypo-error-red;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .date-picker-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 16px;\r\n    flex-direction: column;\r\n\r\n    @include breakpointMin(sm) {\r\n      flex-direction: row;\r\n    }\r\n\r\n    .date-picker-column {\r\n      width: 100%;\r\n      margin-bottom: 12px;\r\n\r\n      @include breakpointMin(sm) {\r\n        width: 40%;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      &--disabled {\r\n        .calendar-icon, .date-value {\r\n          opacity: 0.6;\r\n        }\r\n      }\r\n\r\n      .date-picker-activator {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 10px 10px 10px 3px;\r\n        border-bottom: 1px solid $mild-grey;\r\n        cursor: pointer;\r\n        user-select: none;\r\n      }\r\n\r\n      .date-picker-activator:hover {\r\n        border-bottom: 1px solid #000;\r\n      }\r\n\r\n      .calendar-icon {\r\n        margin-right: 10px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      .date-value {\r\n        flex: 1;\r\n        font-size: 14px;\r\n        color: #333;\r\n      }\r\n\r\n      .clear-icon {\r\n        cursor: pointer;\r\n        margin-left: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoDateRange.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoDateRange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YpoDateRange.vue?vue&type=template&id=7b9c0d3e&scoped=true&\"\nimport script from \"./YpoDateRange.vue?vue&type=script&lang=js&\"\nexport * from \"./YpoDateRange.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YpoDateRange.vue?vue&type=style&index=0&id=7b9c0d3e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7b9c0d3e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"date-picker-container\">\r\n            <span class=\"date-picker-container__heading\">\r\n                {{ createChapterStudioConstant.FORM_FIELD.DISPLAY_RANGE }}\r\n            </span>\r\n      <ypo-date-range\r\n          :endDateLabel=\"createChapterStudioConstant.END_DATE\"\r\n          :endDateValue=\"announcement.displayEndDate\"\r\n          :startDateLabel=\"createChapterStudioConstant.START_DATE\"\r\n          :startDateValue=\"announcement.displayStartDate\"\r\n          @updateDateRange=\"updateDisplayDate\"\r\n      />\r\n    </div>\r\n    <div v-if=\"announcement.recordTypeName === createChapterStudioConstant.RECORD_TYPE.IMAGE\"\r\n         class=\"date-picker-container\">\r\n            <span class=\"date-picker-container__heading\">\r\n                {{ createChapterStudioConstant.FORM_FIELD.EFFECTIVE_RANGE }}\r\n            </span>\r\n      <ypo-date-range\r\n          :endDateLabel=\"createChapterStudioConstant.END_DATE\"\r\n          :endDateValue=\"announcement.effectiveEndDate\"\r\n          :startDateLabel=\"createChapterStudioConstant.START_DATE\"\r\n          :startDateValue=\"announcement.effectiveStartDate\"\r\n          @updateDateRange=\"updateEffectiveDate\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport YpoDateRange from \"@/components/YpoDateRange/YpoDateRange.vue\";\r\nimport {\r\n  createChapterStudioConstant,\r\n  manageChapterStudioConstant,\r\n} from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\n\r\nexport default {\r\n  components: { YpoDateRange },\r\n  props: {\r\n    announcement: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      createChapterStudioConstant,\r\n      manageChapterStudioConstant,\r\n      isWrongEntry: false,\r\n    };\r\n  },\r\n  methods: {\r\n    updateDisplayDate(dateRange) {\r\n      const { startDate, endDate } = dateRange;\r\n      this.$emit(\"emitDisplayDateRange\", { displayStartDate: startDate, displayEndDate: endDate });\r\n    },\r\n    updateEffectiveDate(dateRange) {\r\n      const { startDate, endDate } = dateRange;\r\n      this.$emit(\"emitEffectiveDateRange\", { effectiveStartDate: startDate, effectiveEndDate: endDate });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.date-picker-container {\r\n  font-family: Roboto, 'sans-serif';\r\n\r\n  &__heading {\r\n    color: $ypo-blue;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleAnnouncement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleAnnouncement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ScheduleAnnouncement.vue?vue&type=template&id=3775270f&scoped=true&\"\nimport script from \"./ScheduleAnnouncement.vue?vue&type=script&lang=js&\"\nexport * from \"./ScheduleAnnouncement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ScheduleAnnouncement.vue?vue&type=style&index=0&id=3775270f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3775270f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"white_background full-height\">\r\n    <div class=\"create-chapter-announcement\">\r\n      <v-layout class=\"create-chapter-announcement__header-section\" justify-space-between row wrap>\r\n        <v-flex sm6 xs12>\r\n          <div class=\"create-chapter-announcement__title\">{{ createChapterStudioConstant.PAGE_TITLE }}</div>\r\n          <div class=\"create-chapter-announcement__subtitle\">{{ pageSubTitle }}</div>\r\n          <div v-if=\"breadCrumbList && breadCrumbList.length\" class=\"create-chapter-announcement__breadcrumb\">\r\n            <ypo-breadcrumb :breadcrumb-list=\"breadCrumbList\"></ypo-breadcrumb>\r\n          </div>\r\n        </v-flex>\r\n        <v-flex class=\"text-right\" sm6 xs12 v-if=\"!isMobilePreviewModeOpen\">\r\n          <v-btn class=\"create-chapter-announcement__cancel-btn mt-3\" @click=\"handleCancel\">\r\n            <i class=\"fa-solid fa-close\"></i>\r\n            <span class=\"ml-2\">{{ createChapterStudioConstant.CANCEL_BUTTON_LABEL }}</span>\r\n          </v-btn>\r\n        </v-flex>\r\n      </v-layout>\r\n      <div v-if=\"sectionMounted && !isMobilePreviewModeOpen\" class=\"create-announcement-main__wrapper\">\r\n        <!--      TODO - this is actual create work is displayed -->\r\n        <status-overlay :action=\"fetchingData\" content-height=\"100px\"></status-overlay>\r\n\r\n        <div class=\"create-section\">\r\n          <v-expansion-panel v-model=\"sections.type\" expand>\r\n            <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.TYPE }}</div>\r\n              <div class=\"create-section__content\">\r\n                <create-announcement-type\r\n                    :announcement-type=\"announcement.recordTypeName\"\r\n                    :background-color=\"announcement.backgroundColor\"\r\n                    :background-image=\"announcement.backgroundImage\"\r\n                    @selectedType=\"handleSelectedType\">\r\n                </create-announcement-type>\r\n                <CreateAnnouncementImageUploader v-if=\"showImageUploader\"\r\n                                                 :background-color=\"announcement.backgroundColor\"\r\n                                                 :background-image=\"announcement.backgroundImage\"\r\n                                                 @imageBackgroundData=\"handleBackgroundData\">\r\n                </CreateAnnouncementImageUploader>\r\n              </div>\r\n              <div v-if=\"announcement.recordTypeName.toLowerCase() === createChapterStudioConstant.IMAGE.toLowerCase()\">\r\n                <div class=\"create-section__heading\">{{ createChapterStudioConstant.FORM_FIELD.CTA_LINK }}</div>\r\n                <div class=\"create-section__image-link-section\">\r\n                  <v-textarea v-model=\"announcement.ctaLink\" :placeholder=\"createChapterStudioConstant.ENTER_CTA_LINK\"\r\n                              auto-grow class=\"cta-link-text-area\"\r\n                              outline rows=\"1\"/>\r\n                </div>\r\n                <div class=\"create-section__heading\">{{ createChapterStudioConstant.FORM_FIELD.LOCATION_OPTIONAL }}\r\n                </div>\r\n                <div class=\"create-section__image-link-section\">\r\n                  <v-text-field v-model=\"announcement.location\"\r\n                                :maxlength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.LOCATION_LIMIT\"\r\n                                :placeholder=\"createChapterStudioConstant.ENTER_LOCATION\" class=\"location-text-field\"\r\n                                hide-details/>\r\n                </div>\r\n                <CharacterCounter :currentLength=\"locationCharacterCount\"\r\n                                  :maxLength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.LOCATION_LIMIT\"/>\r\n              </div>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n          <v-expansion-panel class=\"mt-3\" v-model=\"sections.sponsor\">\r\n            <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.SPONSOR }}</div>\r\n              <div v-if=\"!isWarningOrGeneral\" class=\"create-section__sponsors-section\">\r\n                <span class=\"required-sponsor-text\">{{ createChapterStudioConstant.SPONSOR_REQUIRED_MESSAGE }}</span>\r\n                <v-select v-model=\"selectedDepartment\" :items=\"departmentOptions\"\r\n                          :label=\"createChapterStudioConstant.SECTIONS.DEPARTMENTS\" attach class=\"department__dropdown\"\r\n                          hide-details item-text=\"name\"\r\n                          :disabled=\"!departmentOptions.length\"\r\n                          outline @change=\"onDepartmentChange\">\r\n                </v-select>\r\n                <span class=\"span-or\">OR</span>\r\n                <v-select v-model=\"selectedRegions\" :items=\"regionOptions\"\r\n                          :label=\"createChapterStudioConstant.SECTIONS.REGIONS\" attach class=\"region__dropdown\"\r\n                          hide-details item-text=\"name\"\r\n                          multiple outline @change=\"onRegionChange\">\r\n                  <template v-slot:selection=\"{ item, index }\">\r\n                    <span v-if=\"index === 0\">{{ item }}</span>\r\n                    <span v-if=\"index === 1\" class=\"grey--text text-caption\">\r\n                      &nbsp;(+{{ selectedRegions.length - 1 }} others)\r\n                    </span>\r\n                  </template>\r\n                </v-select>\r\n              </div>\r\n              <div class=\"create-section__visibleto-dropown\">\r\n                <v-select v-model=\"announcement.visibleToObject\" :items=\"visibleToOptions\"\r\n                          :label=\"createChapterStudioConstant.SECTIONS.VISIBLE_TO\" attach class=\"visibleto__dropdown\"\r\n                          hide-details\r\n                          item-text=\"name\"\r\n                          return-object\r\n                          outline/>\r\n              </div>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n          <v-expansion-panel v-model=\"sections.title\" class=\"mt-3\">\r\n            <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.TITLE }}</div>\r\n              <div class=\"create-section__announcement-title_section\">\r\n                <v-text-field v-model=\"announcement.title\"\r\n                              :maxlength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.TITLE_LIMIT\"\r\n                              :placeholder=\"createChapterStudioConstant.ENTER_TITLE\"\r\n                              class=\"announcement-title-text-field\"\r\n                              hide-details/>\r\n                <CharacterCounter :currentLength=\"announcement.title.length\"\r\n                                  :maxLength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.TITLE_LIMIT\"/>\r\n              </div>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n          <v-expansion-panel v-model=\"sections.shortDescription\" class=\"mt-3\">\r\n            <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.SHORT_DESC }}\r\n              </div>\r\n              <div class=\"create-section__preview-desc-section\">\r\n                <v-textarea v-model=\"announcement.shortDescription\"\r\n                            :maxlength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.SHORT_DESC_LIMIT\"\r\n                            :placeholder=\"createChapterStudioConstant.ENTER_PREVIEW_DESCRIPTION\" :rows=\"calculatedRows\"\r\n                            auto-grow\r\n                            class=\"preview-desc-field\"\r\n                            outline/>\r\n                <CharacterCounter :currentLength=\"announcement.shortDescription.length\"\r\n                                  :maxLength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.SHORT_DESC_LIMIT\"/>\r\n              </div>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n          <div v-if=\"isWarningOrGeneral\">\r\n          <v-expansion-panel class=\"mt-3\" v-model=\"sections.longDescription\">\r\n            <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.LONG_DESC }}</div>\r\n            <div class=\"create-section__modal-editor\">\r\n            <ck-editor :editor-id=\"ckEditorId\"\r\n                       :editor-type=\"ckEditorType.BASIC\"\r\n                       :auto-focus=\"false\"\r\n                       v-model=\"announcement.longDescription\" height=\"350\">\r\n            </ck-editor>\r\n          </div>\r\n          <CharacterCounter :currentLength=\"longDescriptionCount\"\r\n                            :has-error=\"errorInLongDescriptionCount\"\r\n                            :error-message=\"createChapterStudioConstant.ERROR_MESSAGE.CHARACTER_LIMIT\"\r\n                            :maxLength=\"createChapterStudioConstant.MAX_TEXT_LIMIT.LONG_DESC_LIMIT\" />\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n        </div>\r\n        <v-expansion-panel class=\"mt-3\" v-model=\"sections.scheduler\">\r\n          <v-expansion-panel-content>\r\n              <div slot=\"header\" class=\"create-section__header\">{{ createChapterStudioConstant.SECTIONS.SCHEDULER }}\r\n              </div>\r\n              <div>\r\n              <schedule-announcement\r\n                  :announcement=\"announcement\"\r\n                  @emitEffectiveDateRange=\"updateScheduleDates\"\r\n                  @emitDisplayDateRange=\"updateScheduleDates\"\r\n              />\r\n            </div>\r\n          </v-expansion-panel-content>\r\n        </v-expansion-panel>\r\n        </div>\r\n\r\n        <div class=\"action-bar--wrapper\">\r\n          <div v-if=\"!canPublish\" class=\"action-bar__publish-disclaimer\">{{ createChapterStudioConstant.PUBLISH_REQUIRED_DISCLAIMER }}\r\n          </div>\r\n          <v-layout class=\"action-bar__main\" row>\r\n            <v-btn class=\"action-bar__secondary-btn\" :disabled=\"!canPublish\" @click=\"handleSaveDraft\">{{ createChapterStudioConstant.ACTION.SAVE_DRAFT }}</v-btn>\r\n            <v-btn class=\"action-bar__secondary-btn action-bar__secondary-btn--desktop\" @click=\"togglePreviewDialogMode\">\r\n              {{ createChapterStudioConstant.ACTION.PREVIEW }}\r\n            </v-btn>\r\n            <v-btn class=\"action-bar__secondary-btn action-bar__secondary-btn--mobile\" @click=\"toggleMobilePreviewMode\">\r\n              {{ createChapterStudioConstant.ACTION.PREVIEW }}\r\n            </v-btn>\r\n            <v-btn :disabled=\"!canPublish\" class=\"action-bar__primary-btn\" @click=\"handlePublish\">\r\n              {{ createChapterStudioConstant.ACTION.PUBLISH }}\r\n            </v-btn>\r\n          </v-layout>\r\n        </div>\r\n\r\n        <v-dialog v-model=\"isPreviewModalOpen\"\r\n                  v-if=\"!isMobilePreviewModeOpen\"\r\n                  class=\"create-chapter-announcement__preview-dialog\"\r\n                  content-class=\"medium\"\r\n                  persistent\r\n                  scrollable>\r\n          <preview-announcement\r\n              :announcement=\"announcement\"\r\n              :back-action=\"togglePreviewDialogMode\"\r\n              :can-publish=\"canPublish\"\r\n              :publish-action=\"handlePublish\"\r\n              :save-draft-action=\"handleSaveDraft\"></preview-announcement>\r\n        </v-dialog>\r\n      </div>\r\n      <div class=\"create-chapter-announcement__preview-mobile\" v-if=\"isMobilePreviewModeOpen\">\r\n        <preview-announcement\r\n            :announcement=\"announcement\"\r\n            :back-action=\"toggleMobilePreviewMode\"\r\n            :can-publish=\"canPublish\"\r\n            :publish-action=\"handlePublish\"\r\n            :save-draft-action=\"handleSaveDraft\"></preview-announcement>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport { mapActions, mapGetters, mapMutations, mapState } from \"vuex\";\r\nimport { storeGetters } from \"@/store/storeGetters.constant\";\r\nimport { storeAction } from \"@/store/storeActions.constant\";\r\nimport StatusOverlay from \"@/components/StatusOverlay/StatusOverlay.vue\";\r\nimport {\r\n  announcementSections,\r\n  createChapterStudioConstant,\r\n  getDefaultAnnouncementObj,\r\n  manageChapterStudioConstant,\r\n  createAnnouncementFormData,\r\n} from \"@/components/ChapterStudioPageManage/manageChapterStudio.constant\";\r\nimport YpoBreadcrumb from \"@/components/YpoBreadcrumb/YpoBreadcrumb.vue\";\r\nimport { routerNames } from \"@/components/appCommon.constants\";\r\nimport CreateAnnouncementType from \"@/components/ChapterStudioPageManage/CreateAnnouncementType.vue\";\r\nimport CharacterCounter from \"@/components/ChapterStudioPageManage/CharacterCounter.vue\";\r\nimport CreateAnnouncementImageUploader from \"@/components/ChapterStudioPageManage/CreateAnnouncementImageUploader.vue\";\r\nimport ckEditor from \"../CkEditor/CkEditor\";\r\nimport { ckEditorType } from \"@/plugins/CkEditor/ckEditorTypes.config\";\r\nimport { getRandomId } from '@/common/utils/utils';\r\nimport PreviewAnnouncement from \"@/components/ChapterStudioPageManage/PreviewAnnouncement.vue\";\r\nimport ScheduleAnnouncement from '@/components/ChapterStudioPageManage/ScheduleAnnouncement.vue';\r\n\r\nexport default {\r\n  name: 'CreateAnnouncement',\r\n  components: {\r\n    PreviewAnnouncement,\r\n    CreateAnnouncementImageUploader,\r\n    CreateAnnouncementType,\r\n    YpoBreadcrumb,\r\n    StatusOverlay,\r\n    CharacterCounter,\r\n    ckEditor,\r\n    ScheduleAnnouncement,\r\n  },\r\n  data() {\r\n    return {\r\n      createChapterStudioConstant,\r\n      manageChapterStudioConstant,\r\n      announcement: getDefaultAnnouncementObj(),\r\n      sections: announcementSections(),\r\n      sectionMounted: false,\r\n      selectedDepartment: null,\r\n      selectedRegions: [],\r\n      ckEditorType,\r\n      ckEditorId: getRandomId(),\r\n      isPreviewModalOpen: false,\r\n      isMobilePreviewModeOpen: false,\r\n    };\r\n  },\r\n  props: {},\r\n  async created() {\r\n    await this.getChapterStudioPicklists();\r\n    if (this.announcementId) {\r\n      if (this.announcementFromStore) {\r\n        this.announcement = { ...this.announcementFromStore };\r\n      } else {\r\n        this.announcement = await this.getChapterStudioAnnouncementById(this.announcementId);\r\n      }\r\n      this.initializeEditData();\r\n    }\r\n    this.sections = announcementSections(this.$vuetify.breakpoint.xs);\r\n    this.sectionMounted = true;\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getChapterStudioPicklists: `manageChapterStudio/${storeAction.getChapterStudioPicklists}`,\r\n      getChapterStudioAnnouncementById: `manageChapterStudio/${storeAction.getChapterStudioAnnouncementById}`,\r\n      saveChapterStudioAnnouncement: `manageChapterStudio/${storeAction.saveChapterStudioAnnouncement}`,\r\n    }),\r\n    ...mapActions('snackbar', [\r\n      `${storeAction.setToastMessage}`,\r\n      `${storeAction.hideSnackbar}`,\r\n    ]),\r\n    ...mapMutations({}),\r\n    handleCancel() {\r\n      this.$router.push(`/${routerNames.MANAGE_CHAPTER_STUDIO}`);\r\n    },\r\n    handleSelectedType(announcementType) {\r\n      this.announcement.recordTypeName = announcementType;\r\n    },\r\n    handleBackgroundData(data) {\r\n      this.announcement = { ...this.announcement, ...data };\r\n    },\r\n    onDepartmentChange() {\r\n      if (this.selectedDepartment.length) {\r\n        this.selectedRegions = [];\r\n        this.announcement.sponsorRegionsList = null;\r\n        this.announcement.sponsorDepartmentList = [this.selectedDepartment];\r\n      }\r\n    },\r\n    onRegionChange(newSelection) {\r\n      if (newSelection.length > 4) {\r\n        const lastItemOfLocal = this.selectedRegions[3];\r\n        this.selectedRegions = newSelection.filter(item => item !== lastItemOfLocal);\r\n      } else {\r\n        this.selectedRegions = newSelection;\r\n      }\r\n      this.announcement.sponsorRegionsList = [...this.selectedRegions];\r\n      this.selectedDepartment = null;\r\n      this.announcement.sponsorDepartmentList = null;\r\n    },\r\n    initializeEditData() {\r\n      if (this.announcement) {\r\n        if (this.announcement.sponsorRegionsList && this.announcement.sponsorRegionsList.length) {\r\n          this.selectedRegions = [...this.announcement.sponsorRegionsList];\r\n        } else if (this.announcement.sponsorDepartmentList && this.announcement.sponsorDepartmentList.length) {\r\n          this.selectedDepartment = this.announcement.sponsorDepartmentList[0];\r\n        }\r\n      }\r\n      this.announcement.displayStartDate = this.formatDate(this.announcement.displayStartDate);\r\n      this.announcement.displayEndDate = this.formatDate(this.announcement.displayEndDate);\r\n      this.announcement.effectiveStartDate = this.formatDate(this.announcement.effectiveStartDate);\r\n      this.announcement.effectiveEndDate = this.formatDate(this.announcement.effectiveEndDate);\r\n    },\r\n    formatDate(dateString) {\r\n      if (dateString) {\r\n        const date = new Date(dateString);\r\n        return date.toISOString().slice(0, 10);\r\n      }\r\n      return '';\r\n    },\r\n    togglePreviewDialogMode() {\r\n      this.isPreviewModalOpen = !this.isPreviewModalOpen;\r\n    },\r\n    toggleMobilePreviewMode() {\r\n      this.isMobilePreviewModeOpen = !this.isMobilePreviewModeOpen;\r\n    },\r\n    validateAnnouncementFields() {\r\n        const {\r\n            backgroundColor,\r\n            backgroundImage,\r\n            ctaLink,\r\n            displayEndDate,\r\n            displayStartDate,\r\n            shortDescription,\r\n            visibleToObject,\r\n            title,\r\n            sponsorDepartmentList,\r\n            sponsorRegionsList, \r\n            }  = this.announcement;\r\n        let requiredFields = [];\r\n        if (this.isWarningOrGeneral) {\r\n            requiredFields = [displayEndDate, displayStartDate, shortDescription, visibleToObject, title];\r\n        } else {\r\n            requiredFields = [\r\n                backgroundColor || backgroundImage,\r\n                ctaLink, displayEndDate, displayStartDate, shortDescription, visibleToObject, title,\r\n                sponsorDepartmentList || sponsorRegionsList,\r\n            ];\r\n        }\r\n        return requiredFields.every(field => field !== null && field !== undefined && field !== \"\");\r\n    },\r\n    handlePublish() {\r\n     if(this.validateAnnouncementFields()) {\r\n      this.announcement.isPublished = true;\r\n        const formData = createAnnouncementFormData(this.announcement);\r\n        this.saveChapterStudioAnnouncement(formData)\r\n        .then(() => {\r\n            this.setToastMessage({\r\n              color: 'success',\r\n              message: this.createChapterStudioConstant.SUCCESS_MESSAGE.PUBLISHED_SUCCESS,\r\n            });\r\n            this.$router.push(`/${routerNames.MANAGE_CHAPTER_STUDIO}`);\r\n          })\r\n          .catch(() => {\r\n            this.setToastMessage({\r\n              color: 'error',\r\n              message: this.createChapterStudioConstant.ERROR_MESSAGE.ANNOUNCEMENT_FAILURE,\r\n            });\r\n          });\r\n       }\r\n    },\r\n    handleSaveDraft() {\r\n        this.announcement.isPublished = false;\r\n        const formData = createAnnouncementFormData(this.announcement);\r\n        this.saveChapterStudioAnnouncement(formData)\r\n        .then(() => {\r\n            this.setToastMessage({\r\n              color: 'success',\r\n              message: this.createChapterStudioConstant.SUCCESS_MESSAGE.DRAFT_SUCCESS,\r\n            });\r\n            this.$router.push(`/${routerNames.MANAGE_CHAPTER_STUDIO}`);\r\n          })\r\n          .catch(() => {\r\n            this.setToastMessage({\r\n              color: 'error',\r\n              message: this.createChapterStudioConstant.ERROR_MESSAGE.ANNOUNCEMENT_FAILURE,\r\n            });\r\n          });\r\n    },\r\n    updateScheduleDates(updatedValue) {\r\n      this.announcement = {\r\n        ...this.announcement,\r\n        ...updatedValue,\r\n      };\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('actionState', ['actions']),\r\n    ...mapGetters({\r\n      manageChapterStudioAllAnnouncements: `manageChapterStudio/${storeGetters.manageChapterStudioAllAnnouncements}`,\r\n      manageChapterStudioBreadcrumbs: `manageChapterStudio/${storeGetters.manageChapterStudioBreadcrumbs}`,\r\n      chapterStudioPicklists: `manageChapterStudio/${storeGetters.chapterStudioPicklists}`,\r\n      announcementFromState: `manageChapterStudio/${storeGetters.announcementFromState}`,\r\n    }),\r\n    fetchingData() {\r\n      return this.actions[storeAction.getChapterStudioAnnouncementById || storeAction.getChapterStudioPicklists];\r\n    },\r\n    announcementId() {\r\n      return this.$route.params && this.$route.params.announcementId ? this.$route.params.announcementId : null;\r\n    },\r\n    announcementFromStore() {\r\n      return this.announcementId ? this.announcementFromState(this.announcementId) : null;\r\n    },\r\n    breadCrumbList() {\r\n      let result = [...this.manageChapterStudioBreadcrumbs];\r\n      if (this.announcementId && result.length) {\r\n        result = result.map((crumb) => {\r\n          return {\r\n            ...crumb,\r\n            text: crumb.key === routerNames.CREATE_ANNOUNCEMENT ? createChapterStudioConstant.EDIT_ANNOUNCEMENT_BREADCRUMB : crumb.text,\r\n          };\r\n        });\r\n      }\r\n      return result;\r\n    },\r\n    pageSubTitle() {\r\n      return this.announcementId ? createChapterStudioConstant.EDIT_ANNOUNCEMENT_BREADCRUMB : createChapterStudioConstant.PAGE_SUBTITLE;\r\n    },\r\n    departmentOptions() {\r\n      if(this.chapterStudioPicklists.departments) {\r\n        return this.chapterStudioPicklists.departments;\r\n      }\r\n      return [];\r\n    },\r\n    regionOptions() {\r\n      return this.chapterStudioPicklists.regions.map(reg => reg.name);\r\n    },\r\n    visibleToOptions() {\r\n      return this.chapterStudioPicklists.visibleTo;\r\n    },\r\n    showImageUploader() {\r\n      return this.announcement.recordTypeName === this.createChapterStudioConstant.RECORD_TYPE.IMAGE;\r\n    },\r\n    calculatedRows() {\r\n      if (this.$vuetify.breakpoint.xs) {\r\n        const { length } = this.announcement.shortDescription;\r\n        if (length > 88) {\r\n          return 3;\r\n        } else if (length > 40) {\r\n          return 2;\r\n        }\r\n      }\r\n      return 1;\r\n    },\r\n    isWarningOrGeneral() {\r\n      const recordType = this.announcement.recordTypeName.toLowerCase();\r\n      const warning = this.createChapterStudioConstant.RECORD_TYPE.WARNING.toLowerCase();\r\n      const general = this.createChapterStudioConstant.RECORD_TYPE.GENERAL.toLowerCase();\r\n      return recordType === warning || recordType === general;\r\n    },\r\n    canPublish() {\r\n        return this.validateAnnouncementFields();\r\n    },\r\n    longDescriptionCount() {\r\n      let longDWithoutTags = this.announcement.longDescription.replace(/<[^>]*>/g, '');\r\n      longDWithoutTags = longDWithoutTags.replace('\\n', '');\r\n      longDWithoutTags = longDWithoutTags.replace('\\t', '');\r\n      longDWithoutTags = longDWithoutTags.replace(/&nbsp;/g, \" \");\r\n      return longDWithoutTags.length;\r\n    },\r\n    errorInLongDescriptionCount() {\r\n      return this.longDescriptionCount > 1000;\r\n    },\r\n    locationCharacterCount() {\r\n      return (this.announcement.location || \"\").length;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n@import \"../../common/styles/_commonClasses.scss\";\r\n\r\n.create-chapter-announcement {\r\n  font-family: Roboto, 'sans-serif';\r\n  max-width: 100%;\r\n  min-height: 350px;\r\n  margin: 64px auto 0;\r\n  background-color: $white;\r\n\r\n  &__header-section {\r\n    padding: 15px 25px 0;\r\n\r\n    @include breakpointMin(md) {\r\n      padding: 25px 50px 0;\r\n    }\r\n  }\r\n\r\n  @include breakpointMin(sm) {\r\n    max-width: 1221px;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 36px;\r\n    font-weight: 600;\r\n    line-height: 42.19px;\r\n    height: 42px;\r\n    color: $ypo-blue;\r\n  }\r\n\r\n  &__subtitle {\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    height: 33px;\r\n    line-height: 32.81px;\r\n    padding-top: 3px;\r\n    color: $ypo-blue;\r\n  }\r\n\r\n  &__breadcrumb {\r\n    padding-top: 10px;\r\n  }\r\n\r\n  &__cancel-btn {\r\n    font-family: sans-serif;\r\n    background-color: $mild-grey !important;\r\n    color: $white;\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    border-radius: 8px;\r\n    height: 32px;\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding-left: 20px;\r\n\r\n    @include breakpointMin(sm) {\r\n      width: 129px;\r\n      padding: 10px\r\n    }\r\n\r\n    i {\r\n      display: block;\r\n      padding-right: 10px;\r\n\r\n      @include breakpointMin(sm) {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .create-announcement-main {\r\n    &__wrapper {\r\n      position: relative;\r\n\r\n      @include breakpointMin(sm) {\r\n        padding: 0 25px;\r\n      }\r\n\r\n      @include breakpointMin(md) {\r\n        padding: 0 50px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .create-section {\r\n    margin-bottom: 70px;\r\n\r\n    &__header {\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      color: $ypo-blue;\r\n\r\n      @include breakpointMin(sm) {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n\r\n    &__divider {\r\n      padding-top: 10px;\r\n      border-bottom: 1px solid $ypo-solitude-gray;\r\n\r\n      @include breakpointMin(sm) {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &__heading {\r\n      font-size: 18px;\r\n      font-weight: 600;\r\n      line-height: 28px;\r\n      color: $ypo-blue;\r\n      padding-top: 15px;\r\n\r\n      @include breakpointMin(sm) {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n\r\n    &__image-link-section {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      .location-text-field {\r\n        border: 1px solid $mild-grey !important;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        margin-bottom: 4px;\r\n        padding: 12px !important;\r\n        background-color: white;\r\n        border-top-left-radius: 8px;\r\n        border-top-right-radius: 8px;\r\n        margin-top: 6px;\r\n\r\n        @include breakpointMin(sm) {\r\n          border-radius: 0px;\r\n        }\r\n      }\r\n\r\n      .cta-link-text-area {\r\n        border: 1px solid $mild-grey !important;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        background-color: white;\r\n        color: $ypo-blue;\r\n        border-radius: 8px;\r\n        margin-top: 6px;\r\n        min-height: 40px;\r\n\r\n        @include breakpointMin(sm) {\r\n          border-radius: 0px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__announcement-title_section {\r\n\r\n      .announcement-title-text-field {\r\n        border: 1px solid $mild-grey !important;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        height: 50px;\r\n        margin-bottom: 4px;\r\n        padding: 12px !important;\r\n        background-color: white;\r\n        border-top-left-radius: 8px;\r\n        border-top-right-radius: 8px;\r\n        margin-top: 4px;\r\n\r\n        @include breakpointMin(sm) {\r\n          border-radius: 0px;\r\n          margin-top: 0px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__preview-desc-section {\r\n      .preview-desc-field {\r\n        border: 1px solid $mild-grey !important;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        background-color: white;\r\n        color: $ypo-blue;\r\n        border-top-left-radius: 8px;\r\n        border-top-right-radius: 8px;\r\n\r\n        @include breakpointMin(sm) {\r\n          border-radius: 0px;\r\n          margin-top: 2px;\r\n        }\r\n\r\n      }\r\n    }\r\n\r\n    &__sponsors-section {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      flex-direction: column;\r\n      min-width: 250px;\r\n      margin-top: 10px;\r\n      margin-bottom: 10px;\r\n\r\n      @include breakpointMin(sm) {\r\n        flex-direction: row;\r\n        max-width: 700px;\r\n      }\r\n\r\n      .span-or {\r\n        margin: 10px 10px;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        display: none;\r\n        padding: 8px;\r\n\r\n        @include breakpointMin(sm) {\r\n          display: block;\r\n        }\r\n      }\r\n\r\n      .required-sponsor-text {\r\n        margin-top: -10px;\r\n        margin-left: -8px;\r\n        text-align: left;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        display: block;\r\n        padding: 8px;\r\n\r\n        @include breakpointMin(sm) {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .department__dropdown {\r\n        border-radius: 8px;\r\n        font-size: 12px;\r\n        margin-bottom: 10px;\r\n\r\n        @include breakpointMin(sm) {\r\n          max-width: calc(50%);\r\n        }\r\n      }\r\n\r\n      .region__dropdown {\r\n        border-radius: 8px;\r\n        font-size: 12px;\r\n\r\n          @include breakpointMin(sm) {\r\n            display: block;\r\n          }\r\n        }\r\n        .required-sponsor-text {\r\n          margin-top: -10px;\r\n          margin-left: -8px;\r\n          text-align: left;\r\n          font-size: 12px;\r\n          font-weight: 600;\r\n          display: block;\r\n          padding: 8px;\r\n\r\n          @include breakpointMin(sm) {\r\n            display: none;\r\n          }\r\n        }\r\n        .department__dropdown {\r\n          border-radius: 8px;\r\n          font-size: 12px;\r\n          margin-bottom: 10px;\r\n\r\n          @include breakpointMin(sm) {\r\n            width: calc(50%);\r\n          }\r\n        }\r\n        .region__dropdown {\r\n          border-radius: 8px;\r\n          font-size: 12px;\r\n\r\n          @include breakpointMin(sm) {\r\n            width: calc(50%);\r\n          }\r\n        }\r\n      }\r\n\r\n    &__visibleto-dropown {\r\n          border-radius: 8px;\r\n          font-size: 12px;\r\n          max-width: 700px;\r\n          margin-bottom: 10px;\r\n    }\r\n    &__modal-editor {\r\n          border: 1px solid $mild-grey !important;\r\n          border-top-right-radius: 8px;\r\n          border-top-left-radius: 8px;\r\n\r\n          @include breakpointMin(sm) {\r\n            border-top-right-radius: 0px !important;\r\n            border-top-left-radius: 0px !important;\r\n        }\r\n    }\r\n  }\r\n\r\n  .action-bar {\r\n    &--wrapper {\r\n      padding-top: 5px;\r\n      position: static;\r\n      bottom: 0;\r\n      width: 100%;\r\n      background-color: $white;\r\n    }\r\n\r\n    &__publish-disclaimer {\r\n      color: $ypo-error-red;\r\n      font-size: 10px;\r\n      font-weight: 500;\r\n      padding: 0 20px;\r\n\r\n      @include breakpointMin(sm) {\r\n        text-align: right;\r\n        padding: 0;\r\n      }\r\n    }\r\n\r\n    &__main {\r\n      flex-direction: column-reverse;\r\n      padding: 5px 20px;\r\n\r\n      @include breakpointMin(sm) {\r\n        flex-direction: row;\r\n        justify-content: end;\r\n        align-items: end;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n\r\n    &__secondary-btn {\r\n      background: $mild-grey !important;\r\n      color: $white !important;\r\n      border-radius: 8px;\r\n      padding: 8px 28px;\r\n      width: 100%;\r\n      height: 32px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      box-shadow: none !important;\r\n      margin: 5px 0;\r\n\r\n      @include breakpointMin(sm) {\r\n        width: 190px;\r\n        margin: 5px 10px;\r\n      }\r\n\r\n      &--desktop {\r\n        display: none;\r\n\r\n        @include breakpointMin(sm) {\r\n          display: flex;\r\n        }\r\n      }\r\n\r\n      &--mobile {\r\n        @include breakpointMin(sm) {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__primary-btn {\r\n      background: $ypo-brand-blue !important;\r\n      color: $white !important;\r\n      border-radius: 8px;\r\n      padding: 8px 28px;\r\n      width: 100%;\r\n      height: 32px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      box-shadow: none !important;\r\n      margin: 5px 0;\r\n\r\n      @include breakpointMin(sm) {\r\n        width: 190px;\r\n        margin: 5px 0  5px 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__preview-dialog {\r\n    height: auto;\r\n    display: none !important;\r\n\r\n    @include breakpointMin(sm) {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  &__preview-mobile {\r\n    @include breakpointMin(sm) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_responsive.scss\";\r\n\r\n.create-chapter-announcement {\r\n  height: 100%;\r\n\r\n  &__cancel-btn {\r\n    .v-btn__content {\r\n      justify-content: flex-start;\r\n\r\n      @include breakpointMin(sm) {\r\n        justify-content: center;\r\n      }\r\n    }\r\n  }\r\n\r\n  .v-expansion-panel {\r\n    box-shadow: none;\r\n  }\r\n\r\n  .create-section {\r\n    padding-top: 10px;\r\n\r\n    .v-expansion-panel {\r\n      &__header {\r\n        min-height: 30px;\r\n        padding: 0 25px 5px;\r\n        border-bottom: 1px solid #DEDEDE;\r\n\r\n        @include breakpointMin(sm) {\r\n          padding: 0 0 5px;\r\n          pointer-events: none;\r\n          border-bottom: none;\r\n        }\r\n\r\n        &__icon {\r\n          @include breakpointMin(sm) {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__body {\r\n        background-color: $ypo-blue-blush;\r\n        padding: 10px 25px;\r\n\r\n        @include breakpointMin(sm) {\r\n          padding: 0;\r\n          background-color: transparent;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__image-link-section, &__preview-desc-section, &__announcement-title_section, &__visibleto-dropown {\r\n      .v-textarea {\r\n        .v-input__slot {\r\n          min-height: 4px;\r\n          border: none;\r\n          overflow: hidden;\r\n\r\n          &:hover {\r\n            border: none !important;\r\n          }\r\n        }\r\n\r\n        .v-input__control textarea {\r\n          overflow-y: scroll;\r\n          -ms-overflow-style: none;\r\n          resize: none;\r\n        }\r\n\r\n        .v-input__control textarea::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n\r\n        &.v-text-field--box .v-text-field__prefix,\r\n        &.v-text-field--enclosed .v-text-field__prefix,\r\n        &.v-text-field--box textarea,\r\n        &.v-text-field--enclosed textarea {\r\n          margin-top: 5px !important;\r\n        }\r\n\r\n        &.v-text-field.v-text-field--enclosed .v-text-field__details {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .v-text-field {\r\n        input {\r\n          padding: 0px 0 8px;\r\n        }\r\n\r\n        .v-input__slot::after, ::before {\r\n          border-style: none !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__sponsors-section, &__visibleto-dropown {\r\n      .v-select {\r\n        .v-input__control {\r\n          .v-input__slot {\r\n            border: 1.3px solid $mild-grey;\r\n            border-radius: 8px;\r\n            background-color: white !important;\r\n\r\n            .v-select__slot {\r\n              .v-label {\r\n                font-size: 12px;\r\n                font-family: Roboto, 'sans-serif';\r\n              }\r\n            }\r\n          }\r\n\r\n          &:hover .v-input__slot {\r\n            border: 1.3px solid $mild-grey !important;\r\n          }\r\n        }\r\n\r\n        .theme--light.v-text-field--outline:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover {\r\n          border: 1.3px solid $mild-grey !important;\r\n        }\r\n\r\n        .v-select__selection--comma {\r\n          font-size: 12px;\r\n        }\r\n\r\n        .v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {\r\n          margin-bottom: 0px;\r\n          border-style: none;\r\n        }\r\n\r\n        .v-input--selection-controls:not(.v-input--hide-details) .v-input__slot:hover {\r\n          border-style: none !important;\r\n        }\r\n      }\r\n\r\n      .v-text-field.v-text-field--enclosed .v-text-field__details {\r\n        margin-bottom: 8px;\r\n      }\r\n    }\r\n    .ck-editor .cke_top {\r\n      border-top-right-radius: 8px !important;\r\n      border-top-left-radius: 8px !important;\r\n\r\n      @include breakpointMin(sm) {\r\n        border-top-right-radius: 0px !important;\r\n        border-top-left-radius: 0px !important;\r\n      }\r\n    }\r\n    .cke_contents {\r\n      padding: 0 10px;\r\n      border-bottom: 1px solid $mild-grey;\r\n      height: 350px !important;\r\n      overflow-y: hidden !important;\r\n    }\r\n    .cke_bottom {\r\n      display: none;\r\n      border-bottom: 1px solid $mild-grey;\r\n    }\r\n    .cke_inner {\r\n      border-top-right-radius: 8px !important;\r\n      border-top-left-radius: 8px !important;\r\n\r\n      @include breakpointMin(sm) {\r\n        border-top-right-radius: 0px !important;\r\n        border-top-left-radius: 0px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateAnnouncement.vue?vue&type=template&id=bac73066&scoped=true&\"\nimport script from \"./CreateAnnouncement.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateAnnouncement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateAnnouncement.vue?vue&type=style&index=0&id=bac73066&lang=scss&scoped=true&\"\nimport style1 from \"./CreateAnnouncement.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bac73066\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=style&index=0&id=21541cb3&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=style&index=0&id=21541cb3&lang=scss&scoped=true&\"","import { getCkEditorType, getExtraPlugins } from '../plugins/CkEditor/ckEditorTypes.config';\r\n\r\nexport default {\r\n    /* eslint-disable no-undef*/\r\n    mounted() {\r\n        const {\r\n                editorId, editorType, language, height, width, autoFocus,\r\n            } = this;\r\n        const ckeditorConfig = {\r\n            toolbar: getCkEditorType(editorType),\r\n            language,\r\n            height,\r\n            width,\r\n            startupFocus: autoFocus,\r\n            mentions: [\r\n                {\r\n                    feed: this.dataFeed,\r\n                    itemTemplate:\r\n                        '<li data-id=\"{id}\"> <figure><img class=\"photo\" src=\"{profileImageUrl}\" ' +\r\n                        'onerror=\"this.src=\\'{fallbackProfileImageUrl}\\';\"/></figure> ' +\r\n                        '<span> {firstName} {lastName} <small>{chapterName} </small> </span> </li>',\r\n                    outputTemplate: '<a id=\"{userId}\" style=\"text-decoration: underline;\"> <b> @{firstName} {lastName}</b></a>&nbsp;',\r\n                    minChars: 3,\r\n                },\r\n            ],\r\n            extraPlugins: getExtraPlugins(editorType),\r\n        };\r\n\r\n        if (CKEDITOR.instances[editorId]) {\r\n            CKEDITOR.instances[editorId].destroy(true);\r\n        }\r\n\r\n        CKEDITOR.replace(editorId, ckeditorConfig);\r\n        CKEDITOR.instances[editorId].on('instanceReady', () => {\r\n            CKEDITOR.instances[editorId].setData(this.value);\r\n        });\r\n\r\n        CKEDITOR.instances[editorId].on('change', () => {\r\n            const ckeditorData = CKEDITOR.instances[editorId].getData();\r\n            if (ckeditorData !== this.value) {\r\n                this.$emit('input', ckeditorData);\r\n            }\r\n        });\r\n    },\r\n    destroyed() {\r\n        const { editorId } = this;\r\n        if (CKEDITOR.instances[editorId]) {\r\n            if (this.memberMentionsCallback) {\r\n                this.memberMentionsCallback([]);\r\n            }\r\n            CKEDITOR.instances[editorId].destroy(true);\r\n        }\r\n    },\r\n\r\n    /* eslint-enable no-undef */\r\n};\r\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleAnnouncement.vue?vue&type=style&index=0&id=3775270f&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleAnnouncement.vue?vue&type=style&index=0&id=3775270f&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoDateRange.vue?vue&type=style&index=0&id=7b9c0d3e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoDateRange.vue?vue&type=style&index=0&id=7b9c0d3e&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CkEditor.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CkEditor.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{staticClass:\"ck-editor\"},[(_vm.canUploadImage)?_c('div',{staticClass:\"ck-editor__image-upload\"},[_c('photo-uploader',{attrs:{\"is-type-icon\":true,\"upload-callback\":_vm.updateImageUpload,\"uploader-id\":(_vm.editorId + \"-image-upload\")}})],1):_vm._e(),_c('textarea',{attrs:{\"id\":_vm.editorId,\"data-qe-id\":_vm.editorId},domProps:{\"value\":_vm.value}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-layout class=\"ck-editor\">\r\n        <div v-if=\"canUploadImage\" class=\"ck-editor__image-upload\">\r\n            <photo-uploader\r\n                :is-type-icon=\"true\"\r\n                :upload-callback=\"updateImageUpload\"\r\n                :uploader-id=\"`${editorId}-image-upload`\"\r\n            >\r\n            </photo-uploader>\r\n        </div>\r\n        <textarea :id=\"editorId\" :value=\"value\" :data-qe-id=\"editorId\"></textarea>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { ckEditorType } from '../../plugins/CkEditor/ckEditorTypes.config';\r\nimport { inputFilterForImageFile } from '../../common/utils/fileUploader';\r\nimport FileUpload from 'vue-upload-component';\r\nimport PhotoUploader from '../PhotoUploader/PhotoUploader';\r\n\r\nimport CKEditorMixin from '../../mixins/CKEditorMixin';\r\n\r\nexport default {\r\n    name: 'CkEditor',\r\n    mixins: [CKEditorMixin],\r\n    components: {\r\n        PhotoUploader,\r\n        FileUpload,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n        },\r\n        editorId: {\r\n            type: String,\r\n            required: true,\r\n            default: 'ypoEditor',\r\n        },\r\n        editorType: {\r\n            type: String,\r\n            default: ckEditorType.FULL,\r\n        },\r\n        height: {\r\n            type: String,\r\n            default: '100%',\r\n        },\r\n        width: {\r\n            type: String,\r\n            default: '100%',\r\n        },\r\n        language: {\r\n            type: String,\r\n            default: 'en',\r\n        },\r\n        extraPlugins: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        updateImageUpload: {\r\n            type: Function,\r\n            default: () => {},\r\n        },\r\n        inputFilterForImage: {\r\n            type: Function,\r\n            default: () => {},\r\n        },\r\n        canUploadImage: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFocus: {\r\n          type: Boolean,\r\n          default: true,\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            files: [],\r\n        };\r\n    },\r\n\r\n    methods: {\r\n        inputFilterForImageFile,\r\n    },\r\n    /* eslint-enable no-undef */\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../../common/styles/_colors.scss';\r\n\r\n.ck-editor {\r\n    position: relative;\r\n\r\n    .cke {\r\n        border: none;\r\n        position: relative;\r\n    }\r\n\r\n    .cke_top {\r\n        background-color: $white;\r\n        border-top: 1px solid $ypo-medium-gray;\r\n        border-bottom: 1px solid $ypo-medium-gray;\r\n    }\r\n\r\n    .cke_bottom {\r\n        background-color: $white;\r\n        border-top: none;\r\n        border-bottom: 2px solid $ypo-medium-gray;\r\n    }\r\n\r\n    a {\r\n        &.cke_button {\r\n            height: 100%;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .cke_path {\r\n        display: none;\r\n    }\r\n\r\n    &__image-upload {\r\n        position: absolute;\r\n        cursor: pointer;\r\n        z-index: 1000;\r\n        right: 0;\r\n\r\n        .photo-uploader__btn {\r\n            background: none;\r\n            border: none;\r\n        }\r\n\r\n        label {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CkEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CkEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CkEditor.vue?vue&type=template&id=12e9c493&\"\nimport script from \"./CkEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./CkEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CkEditor.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CharacterCounter.vue?vue&type=style&index=0&id=589f6bf2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CharacterCounter.vue?vue&type=style&index=0&id=589f6bf2&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnnouncementTypeAlertCard.vue?vue&type=style&index=0&id=98080ec2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnnouncementTypeAlertCard.vue?vue&type=style&index=0&id=98080ec2&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementType.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploader.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploader.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoBreadcrumb.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoBreadcrumb.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewAnnouncement.vue?vue&type=style&index=0&id=139e3bb6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewAnnouncement.vue?vue&type=style&index=0&id=139e3bb6&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=style&index=0&id=bac73066&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncement.vue?vue&type=style&index=0&id=bac73066&lang=scss&scoped=true&\"","export const ckEditorType = {\r\n    BASIC: 'basic',\r\n    FULL: 'full',\r\n    SIMPLE_WITH_MENTIONS: 'simple_with_mentions',\r\n};\r\n\r\nexport const ckEditorExtraPlugins = {\r\n    [ckEditorType.BASIC]: 'autogrow,justify',\r\n    //TODO: need to add more to this list\r\n    [ckEditorType.FULL]: 'autogrow,justify,colorbutton,font',\r\n    [ckEditorType.SIMPLE_WITH_MENTIONS]: 'autogrow,mentions',\r\n};\r\n\r\nexport const ckEditorConfig = {\r\n    [ckEditorType.BASIC]: [\r\n        { name: 'basicActions', items: ['Undo', 'Redo'] },\r\n        { name: 'basicStyles', items: ['Bold', 'Italic', 'Underline'] },\r\n        { name: 'basicLists', items: ['NumberedList', 'BulletedList'] },\r\n        { name: 'justifyContent', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight'] },\r\n        { name: 'basicFunctions', items: ['Cut', 'Copy', 'Paste'] },\r\n        { name: 'links', items: ['Link', 'Unlink'] },\r\n    ],\r\n    //the full version one will require additional plugins to be included in the extraPlugins prop of ckEditor\r\n    [ckEditorType.FULL]: [\r\n        { name: 'document', items: ['Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates'] },\r\n        { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },\r\n        { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },\r\n        '/',\r\n        {\r\n            name: 'basicstyles',\r\n            items: [\r\n                'Bold',\r\n                'Italic',\r\n                'Underline',\r\n                'Strike',\r\n                'Subscript',\r\n                'Superscript',\r\n                '-',\r\n                'CopyFormatting',\r\n                'RemoveFormat',\r\n            ],\r\n        },\r\n        {\r\n            name: 'paragraph',\r\n            items: [\r\n                'NumberedList',\r\n                'BulletedList',\r\n                '-',\r\n                'Outdent',\r\n                'Indent',\r\n                '-',\r\n                'Blockquote',\r\n                'CreateDiv',\r\n                '-',\r\n                'JustifyLeft',\r\n                'JustifyCenter',\r\n                'JustifyRight',\r\n                'JustifyBlock',\r\n                '-',\r\n                'BidiLtr',\r\n                'BidiRtl',\r\n                'Language',\r\n            ],\r\n        },\r\n        { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },\r\n        { name: 'insert', items: ['Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },\r\n        '/',\r\n        { name: 'styles', items: ['Font', 'FontSize'] },\r\n        { name: 'colors', items: ['TextColor'] },\r\n        { name: 'about', items: ['About'] },\r\n    ],\r\n    //we do not need any editor for mentions - for now\r\n    [ckEditorType.SIMPLE_WITH_MENTIONS]: [\r\n        { name: 'basicStyles', items: ['Bold', 'Italic', 'Underline'] },\r\n        { name: 'links', items: ['Link', 'Unlink'] },\r\n        { name: 'basicLists', items: ['NumberedList', 'BulletedList'] },\r\n    ],\r\n};\r\n\r\nexport const getExtraPlugins = (type) => {\r\n    return type && ckEditorExtraPlugins[type] ? ckEditorExtraPlugins[type] : '';\r\n};\r\n\r\nexport const getCkEditorType = (type) => {\r\n    return type && ckEditorConfig[type] ? ckEditorConfig[type] : ckEditorConfig[ckEditorType.BASIC];\r\n};\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.breadcrumbList && _vm.breadcrumbList.length)?_c('div',{staticClass:\"ypo-breadcrumb\"},[_c('v-breadcrumbs',{attrs:{\"items\":_vm.breadcrumbList,\"divider\":\">\"},scopedSlots:_vm._u([{key:\"item\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-breadcrumbs-item',{attrs:{\"href\":item.href || '#',\"disabled\":item.disabled}},[_vm._v(\"\\n        \"+_vm._s(item.text)+\"\\n      \")])]}}],null,false,3038058105)})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ypo-breadcrumb\" v-if=\"breadcrumbList && breadcrumbList.length\">\r\n    <v-breadcrumbs :items=\"breadcrumbList\" divider=\">\">\r\n      <template v-slot:item=\"{ item }\">\r\n        <v-breadcrumbs-item\r\n            :href=\"item.href || '#'\"\r\n            :disabled=\"item.disabled\"\r\n        >\r\n          {{ item.text }}\r\n        </v-breadcrumbs-item>\r\n      </template>\r\n    </v-breadcrumbs>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"YpoBreadcrumb\",\r\n  props: {\r\n    breadcrumbList: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../../common/styles/_colors.scss\";\r\n@import \"../../common/styles/_responsive.scss\";\r\n\r\n.ypo-breadcrumb {\r\n  .v-breadcrumbs {\r\n    padding: 0;\r\n\r\n    &__divider {\r\n      color: $black !important;\r\n    }\r\n\r\n    &__item {\r\n      color: $black !important;\r\n      font-size: 12px;\r\n      text-transform: capitalize;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n\r\n    li:last-of-type {\r\n      font-weight: 600;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .theme--light.v-breadcrumbs .v-breadcrumbs__divider, .theme--light.v-breadcrumbs .v-breadcrumbs__item--disabled {\r\n    color: $black !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoBreadcrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YpoBreadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YpoBreadcrumb.vue?vue&type=template&id=6adf133a&\"\nimport script from \"./YpoBreadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./YpoBreadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./YpoBreadcrumb.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isTypeButton || _vm.isTypeAddMore || _vm.isTypeIcon || _vm.buttonLabel)?_c('div',{staticClass:\"photo-uploader\",attrs:{\"data-qe-id\":\"photo-uploader_clear-all_button\"},on:{\"click\":_vm.clearFiles}},[_c('file-upload',{ref:\"photoUploader\",class:['photo-uploader__btn', _vm.isTypeAddMore ? 'photo-uploader__btn--expanded' : ''],attrs:{\"extensions\":_vm.extensions,\"accept\":_vm.accept,\"multiple\":_vm.multiple,\"maximum\":_vm.maximumFiles,\"thread\":3,\"input-id\":_vm.uploaderId,\"data-qe-id\":_vm.uploaderId},on:{\"input-file\":_vm.inputFile,\"input-filter\":_vm.inputFilter},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[(_vm.isTypeButton || _vm.isTypeIcon)?_c('v-icon',{attrs:{\"color\":\"ypo_blue\"}},[_vm._v(\"photo\")]):_vm._e(),(_vm.isTypeButton)?_c('span',{staticClass:\"photo-uploader__btn-label\"},[_vm._v(_vm._s(_vm.photoUploaderConstant.labels.PHOTOS)+\"/\"+_vm._s(_vm.photoUploaderConstant.labels.VIDEOS))]):_vm._e(),(_vm.isTypeAddMore)?_c('v-icon',{staticClass:\"photo-uploader__add-more\",attrs:{\"color\":\"ypo_blue\",\"size\":\"30\"}},[_vm._v(\"add\")]):_vm._e(),_c('span',{staticClass:\"photo-uploader__btn-label\"},[_vm._v(\" \"+_vm._s(_vm.buttonLabel)+\" \")])],1),(!_vm.hideError)?_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{staticClass:\"photo-uploader__error\",attrs:{\"data-qe-id\":\"photo_upload_error\"}},[_vm._v(_vm._s(_vm.errorMessage))])]):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const photoUploaderConstant = {\r\n    error: {\r\n        INVALID_FILE_TYPE: 'One or more selected files is not of supported type and was removed',\r\n        FILE_SIZE_EXCEEDED: 'File Size Exceeded. Max File Size is 25 MB',\r\n        UPLOADED_IMAGE_ALREADY_EXIST: 'Uploaded Image already exist',\r\n    },\r\n    labels: {\r\n        PHOTOS: 'Photo',\r\n        VIDEOS: 'Video',\r\n    },\r\n};\r\n\r\n","<template>\r\n    <div\r\n        class=\"photo-uploader\"\r\n        data-qe-id=\"photo-uploader_clear-all_button\"\r\n        @click=\"clearFiles\"\r\n        v-if=\"isTypeButton || isTypeAddMore || isTypeIcon || buttonLabel\">\r\n        <file-upload\r\n            :class=\"['photo-uploader__btn', isTypeAddMore ? 'photo-uploader__btn--expanded' : '']\"\r\n            :extensions=\"extensions\"\r\n            :accept=\"accept\"\r\n            :multiple=\"multiple\"\r\n            v-model=\"files\"\r\n            :maximum=\"maximumFiles\"\r\n            :thread=\"3\"\r\n            :input-id=\"uploaderId\"\r\n            @input-file=\"inputFile\"\r\n            @input-filter=\"inputFilter\"\r\n            :data-qe-id=\"uploaderId\"\r\n            ref=\"photoUploader\">\r\n            <v-icon color=\"ypo_blue\" v-if=\"isTypeButton || isTypeIcon\">photo</v-icon>\r\n            <span class=\"photo-uploader__btn-label\" v-if=\"isTypeButton\">{{ photoUploaderConstant.labels.PHOTOS }}/{{ photoUploaderConstant.labels.VIDEOS }}</span>\r\n            <v-icon\r\n                color=\"ypo_blue\"\r\n                class=\"photo-uploader__add-more\"\r\n                size=\"30\"\r\n                v-if=\"isTypeAddMore\">add</v-icon>\r\n            <span class=\"photo-uploader__btn-label\"> {{buttonLabel}} </span>\r\n        </file-upload>\r\n\r\n        <transition name=\"fade\" v-if=\"!hideError\">\r\n            <p data-qe-id=\"photo_upload_error\" class=\"photo-uploader__error\">{{ errorMessage }}</p>\r\n        </transition>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import FileUpload from 'vue-upload-component';\r\n    import uniqBy from 'lodash/uniqBy';\r\n    import { photoUploaderConstant } from './photoUploader.constant';\r\n    import { appCommonConstants } from '../appCommon.constants';\r\n\r\n    export default {\r\n        name: 'PhotoUploader',\r\n        components: {\r\n            FileUpload,\r\n        },\r\n        created() {},\r\n        data() {\r\n            return {\r\n                files: [],\r\n                name: 'file',\r\n                photoUploaderConstant,\r\n                errorMessage: '',\r\n                appCommonConstants,\r\n            };\r\n        },\r\n        props: {\r\n            uploaderId: {\r\n                type: String,\r\n                required: true,\r\n            },\r\n            multiple: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            uploadCallback: {\r\n                type: Function,\r\n                required: true,\r\n            },\r\n            buttonLabel: {\r\n                type: String,\r\n            },\r\n            isTypeButton: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            isTypeIcon: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            isTypeAddMore: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            maximumFiles: {\r\n                type: Number,\r\n                default: 1,\r\n            },\r\n            fileSizeFromOtherSources: {\r\n                type: Number,\r\n                default: 0, //bytes\r\n            },\r\n            maxFileSizeLimit: {\r\n                type: Number,\r\n                default: 25 * (1024 * 1024), // 25MB\r\n            },\r\n            alreadyAddedImages: {\r\n                type: Array,\r\n                default: () => [],\r\n            },\r\n            extensions: {\r\n                type: String,\r\n                default: `${appCommonConstants.IMAGE_FILE_TYPE_EXTENSIONS},${appCommonConstants.VIDEO_FILE_TYPES_EXTENSIONS}`,\r\n            },\r\n            accept: {\r\n                type: String,\r\n                default: `${appCommonConstants.IMAGE_FILE_TYPES_ACCEPTED},${appCommonConstants.VIDEO_FILE_TYPES_ACCEPTED}`,\r\n            },\r\n            hideError: {\r\n              type: Boolean,\r\n              default: false,\r\n            },\r\n        },\r\n        methods: {\r\n            clearFiles() {\r\n                //clearing files before each input\r\n                this.files = [];\r\n            },\r\n            inputFilter(newFile, oldFile, prevent) {\r\n                const result = !/\\.(jpg|jpeg|png|mp4|gif)$/i.test(newFile.name);\r\n                if (result) {\r\n                    this.errorMessage = photoUploaderConstant.error.INVALID_FILE_TYPE;\r\n                    setTimeout(() => {\r\n                        this.errorMessage = '';\r\n                    }, 3000);\r\n                    return prevent();\r\n                }\r\n            },\r\n            validateFileSize(files) {\r\n                const bytes = files.reduce((size, file) => {\r\n                    return size + file.size;\r\n                }, 0);\r\n                return bytes + this.fileSizeFromOtherSources < this.maxFileSizeLimit;\r\n            },\r\n            validateDuplicateName(files) {\r\n                return uniqBy(files, 'name').length === files.length;\r\n            },\r\n            validateImages(images) {\r\n                if (!this.validateFileSize(images)) {\r\n                    this.errorMessage = photoUploaderConstant.error.FILE_SIZE_EXCEEDED;\r\n                    setTimeout(() => {\r\n                        this.errorMessage = '';\r\n                    }, 3000);\r\n                    return false;\r\n                } else if (!this.validateDuplicateName([...images, ...this.alreadyAddedImages])) {\r\n                    this.errorMessage = photoUploaderConstant.error.UPLOADED_IMAGE_ALREADY_EXIST;\r\n                    setTimeout(() => {\r\n                        this.errorMessage = '';\r\n                    }, 3000);\r\n                }\r\n                return true;\r\n            },\r\n            inputFile() {\r\n                if (this.files.length > 0) {\r\n                    if (this.validateImages(this.files)) {\r\n                        this.files.forEach((newFile) => {\r\n                            if (newFile) {\r\n                                const URL = window.URL || window.webkitURL;\r\n                                if (URL && URL.createObjectURL) {\r\n                                    newFile.url = URL.createObjectURL(newFile.file);\r\n                                }\r\n                            }\r\n                        });\r\n                        this.uploadCallback(this.files);\r\n                    }\r\n                }\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    @import '../../common/styles/_colors.scss';\r\n\r\n    .photo-uploader {\r\n        height: 100%;\r\n\r\n        * {\r\n            cursor: pointer;\r\n        }\r\n\r\n        &__btn {\r\n            background-color: $ypo-medium-gray;\r\n            padding: 4px 10px;\r\n            border: 1px solid $ypo-medium-gray;\r\n            border-radius: 4px;\r\n            font-size: 14px;\r\n            margin-top: 5px;\r\n\r\n            .v-icon {\r\n                font-size: 18px;\r\n            }\r\n\r\n            &:hover {\r\n                background-color: $ypo-open-blue-gray !important;\r\n            }\r\n\r\n            &-label {\r\n                color: $ypo-blue;\r\n                padding-left: 5px;\r\n                font-weight: 600;\r\n            }\r\n\r\n            &--expanded {\r\n                height: 100% !important;\r\n                width: 100% !important;\r\n                background-color: white;\r\n                border-radius: 0;\r\n                border: none;\r\n                min-height: 155px;\r\n            }\r\n        }\r\n\r\n        &__add-more {\r\n            margin-top: 25%;\r\n        }\r\n\r\n        &__error {\r\n            font-size: 12px;\r\n            color: $ypo-error-red;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoUploader.vue?vue&type=template&id=00404f31&\"\nimport script from \"./PhotoUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoUploader.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=style&index=0&id=54055ff8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateAnnouncementImageUploader.vue?vue&type=style&index=0&id=54055ff8&lang=scss&scoped=true&\""],"sourceRoot":""}