@story-telling-reporter/react-embed-code-generator
Version:
## Installation `yarn install`
1 lines • 30.1 kB
JavaScript
;(self.webpackChunk_story_telling_reporter_react_embed_code_generator=self.webpackChunk_story_telling_reporter_react_embed_code_generator||[]).push([[272],{61:(e,t,n)=>{var r,o;function i(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.EmbeddedCodeBlock=t.Caption=t.Block=void 0;var l,c=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=a(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),u=(l=n(3908))&&l.__esModule?l:{default:l},d=n(1085),s=t.Block=u.default.div(r||(r=i(["\n position: relative;\n white-space: normal;\n /* styles for image link */\n img.img-responsive {\n margin: 0 auto;\n max-width: 100%;\n height: auto;\n display: block;\n }\n"]))),f=t.Caption=u.default.div(o||(o=i(["\n font-size: 14px;\n line-height: 1.43;\n letter-spacing: 0.4px;\n color: #808080;\n padding: 15px 15px 0 15px;\n"])));t.EmbeddedCodeBlock=function(e){var t=e.className,n=e.data,r=n.caption,o=n.embeddedCode,i=(0,c.useRef)(null);return(0,c.useEffect)((function(){if(i.current){var e=i.current,t=document.createDocumentFragment(),n=(new DOMParser).parseFromString('<div id="draft-embed">'.concat(o,"</div>"),"text/html"),r=n.querySelectorAll("script");n.querySelectorAll("div#draft-embed > :not(script)").forEach((function(e){t.appendChild(e)})),r.forEach((function(e){for(var n=document.createElement("script"),r=e.attributes,o=0;o<r.length;o++)n.setAttribute(r[o].name,r[o].value);n.text=e.text||"",t.appendChild(n)})),e.appendChild(t)}}),[o]),(0,d.jsxs)("div",{className:t,children:[(0,d.jsx)("input",{hidden:!0,disabled:!0}),(0,d.jsx)(s,{ref:i}),r&&(0,d.jsx)(f,{children:r})]})}},424:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.atomicBlockRenderer=function(e){return"atomic"===e.getType()?{component:l,editable:!1}:null};var r=n(4597).blockRenderers,o=r.ImageBlock,i=r.ImageLink,a=r.EmbeddedCodeBlock,l=function(e){var t=e.contentState.getEntity(e.block.getEntityAt(0)),n=t.getType(),r=t.getData();switch(n){case"IMAGE":return o({data:r});case"IMAGE_LINK":return i({data:r});case"EMBEDDEDCODE":return a({data:r})}return null}},1057:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.mediaQuery=t.breakpoints=void 0;var n=t.breakpoints={mobile:375,tablet:768,desktop:1024,hd:1440};t.mediaQuery={mobileOnly:"@media (max-width: ".concat(n.tablet-1,"px)"),tabletOnly:"@media (min-width: ".concat(n.tablet,"px) and (max-width: ").concat(n.desktop-1,"px)"),tabletAbove:"@media (min-width: ".concat(n.tablet,"px)"),desktopBelow:"@media (max-width: ".concat(n.desktop-1,"px)"),desktopOnly:"@media (min-width: ".concat(n.desktop,"px) and (max-width: ").concat(n.hd-1,"px)"),desktopAbove:"@media (min-width: ".concat(n.desktop,"px)"),hdBelow:"@media (max-width: ".concat(n.hd-1,"px)"),hdOnly:"@media (min-width: ".concat(n.hd,"px)")}},2445:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"annotationDecorator",{enumerable:!0,get:function(){return o.annotationDecorator}}),t.decorator=void 0,Object.defineProperty(t,"linkDecorator",{enumerable:!0,get:function(){return i.linkDecorator}});var r=n(9224),o=n(9264),i=n(7893);t.decorator=new r.CompositeDecorator([o.annotationDecorator,i.linkDecorator])},3908:(e,t,n)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ThemeProvider",{enumerable:!0,get:function(){return o.ThemeProvider}}),Object.defineProperty(t,"css",{enumerable:!0,get:function(){return o.css}}),t.default=void 0,Object.defineProperty(t,"keyframes",{enumerable:!0,get:function(){return o.keyframes}});var o=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=r(e)&&"function"!=typeof e)return i;if(n=t){if(n.has(e))return n.get(e);n.set(e,i)}for(var a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(o.get||o.set)?n(i,a,o):i[a]=e[a]);return i}(e)}(n(9716));t.default=o.default.default||o.default},4260:(e,t,n)=>{var r,o,i;function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.ImageBlock=function(e){var t=e.className,n=void 0===t?"":t,r=e.data||{},o=r.desc,i=r.imageFile,a=r.resized,l=[];return null!=a&&a.small&&l.push("".concat(a.small," 800w")),null!=a&&a.medium&&l.push("".concat(a.medium," 1200w")),(0,c.jsxs)(d,{className:n,children:[(0,c.jsx)(f,{alt:o,src:null==i?void 0:i.url,srcSet:l.join(","),sizes:"(min-width: 768px) 700px, 75vw"}),o&&(0,c.jsx)(s,{className:"draft-image-desc",children:o})]})},u(n(4041));var l=u(n(3908)),c=n(1085);function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.figure(r||(r=a(["\n /* clear browser default styles */\n margin: 0;\n\n width: 100%;\n"]))),s=l.default.figcaption(o||(o=a(["\n font-size: 13px;\n font-weight: 400;\n line-height: 150%;\n color: ",";\n\n /* clear browser default styles */\n margin: 8px 0 0 0;\n"])),(function(e){return e.theme.darkMode?"#f1f1f1":"#666"})),f=l.default.img(i||(i=a(["\n width: 100%;\n"])))},4597:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderers=void 0;var r=n(61),o=n(4260),i=n(6197);t.blockRenderers={EmbeddedCodeBlock:r.EmbeddedCodeBlock,ImageBlock:o.ImageBlock,ImageLink:i.ImageLink}},5064:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockStyleFn=void 0,t.blockStyleFn=function(e){var t="",n=e.getData().get("textAlign");return"right"===n?t+="text-align-right":"center"===n&&(t+="text-align-center"),t}},6197:(e,t,n)=>{var r,o,i;function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.ImageLink=function(e){var t=e.className,n=void 0===t?"":t,r=e.data||{},o=r.desc,i=r.url;return(0,c.jsxs)(d,{className:n,children:[(0,c.jsx)(f,{alt:o,src:i}),o&&(0,c.jsx)(s,{className:"draft-image-desc",children:o})]})},u(n(4041));var l=u(n(3908)),c=n(1085);function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.figure(r||(r=a(["\n /* clear browser default styles */\n margin: 0;\n\n width: 100%;\n"]))),s=l.default.figcaption(o||(o=a(["\n font-size: 13px;\n font-weight: 400;\n line-height: 150%;\n color: ",";\n\n /* clear browser default styles */\n margin: 8px 0 0 0;\n"])),(function(e){return e.theme.darkMode?"#f1f1f1":"#666"})),f=l.default.img(i||(i=a(["\n width: 100%;\n"])))},6524:(e,t,n)=>{var r,o,i,a,l;function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderMap=t.Paragraph=t.List=t.Heading=t.Blockquote=t.Atomic=void 0;var u=m(n(8979)),d=(m(n(4041)),m(n(3908))),s=n(9224),f=n(1057),p=n(1085);function m(e){return e&&e.__esModule?e:{default:e}}var b="\n .text-align-center {\n text-align: center;\n }\n\n .text-align-right {\n text-align: right;\n }\n",g=t.Blockquote=d.default.div(r||(r=c(["\n width: 100%;\n padding: 0 16px;\n margin-bottom: 16px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n\n font-size: 16px;\n line-height: 1.75;\n color: ",";\n\n /* clear default margin */\n blockquote {\n margin: 0;\n }\n"])),(function(e){return e.theme.darkMode?"#e2e2e2":"#808080"})),y=t.Paragraph=d.default.div(o||(o=c(["\n width: 100%;\n margin-bottom: 16px;\n &:last-child {\n margin-bottom: 0px;\n }\n\n font-size: 16px;\n font-weight: 400;\n line-height: 1.75;\n letter-spacing: 0.6px;\n color: ",";\n\n > div[data-block='true']:not(:last-child) {\n margin-bottom: 16px;\n }\n\n ","\n"])),(function(e){return e.theme.darkMode?"#fff":"#404040"}),b),h=t.Heading=d.default.div(i||(i=c(["\n width: 100%;\n margin-bottom: 16px;\n &:last-child {\n margin-bottom: 0px;\n }\n\n font-weight: 700;\n line-height: 1.25;\n color: ",";\n\n h2 {\n font-size: 30px;\n /* clear default styles */\n margin: 0;\n }\n\n h3 {\n font-size: 24px;\n /* clear default styles */\n margin: 0;\n }\n\n "," {\n h2 {\n font-size: 26px;\n }\n h3 {\n font-size: 22px;\n }\n }\n\n ","\n"])),(function(e){return e.theme.darkMode?"#fff":"#404040"}),f.mediaQuery.mobileOnly,b),v=t.List=d.default.ol(a||(a=c(["\n width: 100%;\n margin: 0 0 16px 0;\n &:last-child {\n margin-bottom: 0px;\n }\n padding: 0 0 0 24px;\n\n font-size: 16px;\n font-weight: 400;\n line-height: 1.75;\n letter-spacing: 0.6px;\n color: ",";\n\n > li {\n /* clear default styles */\n margin: 0;\n padding: 0;\n }\n"])),(function(e){return e.theme.darkMode?"#fff":"#404040"})),w=t.Atomic=d.default.div(l||(l=c(["\n /* reset browser default styles */\n > figure {\n margin: 0;\n }\n\n margin-bottom: 16px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n"]))),x=u.default.Map({atomic:{element:"figure",wrapper:(0,p.jsx)(w,{})},blockquote:{element:"blockquote",wrapper:(0,p.jsx)(g,{className:"draft-blockquote"})},"header-two":{element:"h2",wrapper:(0,p.jsx)(h,{className:"draft-header-two"})},"header-three":{element:"h3",wrapper:(0,p.jsx)(h,{className:"draft-header-three"})},"ordered-list-item":{element:"li",wrapper:(0,p.jsx)(v,{className:"draft-ordered-list"})},"unordered-list-item":{element:"li",wrapper:(0,p.jsx)(v,{className:"draft-unordered-list",as:"ul"})},unstyled:{element:"div",wrapper:(0,p.jsx)(y,{className:"draft-paragraph"})}});t.blockRenderMap=s.DefaultDraftBlockRenderMap.merge(x)},7177:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"annotationBlockRenderMap",{enumerable:!0,get:function(){return r.blockRenderMap}}),Object.defineProperty(t,"blockRenderMap",{enumerable:!0,get:function(){return o.blockRenderMap}});var r=n(8400),o=n(6524)},7348:(e,t,n)=>{var r,o,i,a,l,c,u,d;function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.DeleteButton=N,t.EditButton=z,t.ScrollableVideo=function(e){var t=e.className,n=e.captions,r=void 0===n?[]:n,o=e.video,i=e.darkMode,a=void 0!==i&&i,l=e.secondsPer100vh,c=void 0===l?1.5:l,u=e.scrollerRef,d=e.readOnly,f=void 0===d||d,p=e.onEdit,m=e.onRemove,g=s((0,b.useState)({innerWidth:0,innerHeight:0}),2),y=g[0],h=g[1],x=(0,b.useRef)(null),O=(0,b.useRef)(null),A=(0,b.useRef)(null),B=(0,b.useRef)(null),I=s((0,b.useState)(0),2),W=I[0],F=I[1],T=s((0,b.useState)(""),2),L=T[0],$=T[1],H=s((0,b.useState)(!1),2),q=H[0],K=H[1],U=o.duration,Q=s((0,b.useState)({currentTime:0}),2),G=Q[0],V=Q[1];if((0,k.useGSAP)((function(){if(O.current){var e=B.current;return x.current&&x.current.kill(),x.current=w.ScrollTrigger.create({markers:q,trigger:O.current,start:"top 50%",end:"bottom 50%",scroller:(null==u?void 0:u.current)||window,onUpdate:function(t){var n=t.progress;if(e&&(null==e||!e.seeking)){var r=Number((n*U).toFixed(2));e.currentTime=r,q&&V((function(e){return Object.assign({},e,{currentTime:r})}))}}}),function(){x.current&&x.current.kill()}}}),{scope:O,dependencies:[q,y,u]}),(0,b.useEffect)((function(){var e=B.current;if(e){e.muted=!0;var t=function(){var n=e.play();void 0!==n&&n.then((function(){console.log("[react-scrollable-video] video plays successfully."),e.setAttribute("data-played","true"),e.pause()})).catch((function(e){console.log("[react-scrollable-video] unable to play video"),console.log("[react-scrollable-video] error: ",e)})),window.removeEventListener("touchstart",t)};return window.addEventListener("touchstart",t),function(){window.removeEventListener("touchstart",t)}}}),[L]),(0,b.useEffect)((function(){var e=_.debounce((function(){var e,t=(e=window.innerWidth)>=768&&null!=o&&o.src?o.src:e<768&&null!=o&&o.mobileSrc?o.mobileSrc:null!=o&&o.src?o.src:o.mobileSrc;$(t),function(){var e=O.current,t=A.current;if(e&&t){var n,r,o=(null==t||null===(n=t.getBoundingClientRect())||void 0===n?void 0:n.bottom)-(null==e||null===(r=e.getBoundingClientRect())||void 0===r?void 0:r.bottom);o>0&&F(o)}}(),window.innerWidth!==y.innerWidth&&h({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}),300);return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[y,o.src,o.mobileSrc]),(0,b.useEffect)((function(){new URLSearchParams(window.location.search).has("debug")&&K(!0)}),[]),0===y.innerWidth)return null;var J=r.map((function(e,t){var n,o=e.startTime,i=Math.round(o/c*100)/100,l="".concat(i*y.innerHeight,"px"),u=e.id?"section-".concat(e.id):void 0,d=null!=u?u:t;return(0,j.jsxs)(E,{id:u,className:"section","data-section-narrow-width":"wide"!==e.width,"data-section-dark-mode":a,"data-section-alignment":null!==(n=e.alignment)&&void 0!==n?n:"left",ref:t===r.length-1?A:void 0,style:{top:l},children:[!f&&(0,j.jsxs)(P,{children:[(0,j.jsx)(z,{darkMode:a,onClick:function(){p(t)}}),(0,j.jsx)(N,{darkMode:a,onClick:function(){m(t)}})]}),(0,j.jsx)(v.DraftRenderer,{darkMode:a,rawContentState:e.rawContentState})]},d)})),X=Math.round(U/c*100)/100,Y="".concat(X*y.innerHeight,"px"),Z="".concat(W,"px");return(0,j.jsxs)(M,{className:t?t+" scrollable-video container":"scrollable-video container",children:[(0,j.jsxs)(C,{children:[(0,j.jsx)("video",{ref:B,preload:(null==o?void 0:o.preload)||"auto","data-twreporter-story-telling":!0,"data-react-scrollable-video":!0,"data-autoplay":!0,"data-played":!1,playsInline:!0,src:L}),q&&(0,j.jsxs)(D,{className:a?"darkMode":"lightMode",children:["duration: ",G.currentTime,"/",U,(0,j.jsx)("br",{}),"sectionsHeight: ",Y,(0,j.jsx)("br",{}),"width: ",null==y?void 0:y.innerWidth,(0,j.jsx)("br",{}),"height: ",y.innerHeight,(0,j.jsx)("br",{})]})]}),(0,j.jsx)(S,{ref:O,style:{height:Y},className:"sections",children:J}),(0,j.jsx)(R,{style:{height:Z}})]})};var b=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=m(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),g=O(n(2784)),y=n(8667),h=O(n(3908)),v=n(8402),w=n(4957),x=n(1057),k=n(2360),j=n(1085);function O(e){return e&&e.__esModule?e:{default:e}}var _={debounce:g.default};y.gsap.registerPlugin(w.ScrollTrigger);var M=h.default.div(r||(r=p(["\n background-color: #e2e2e2;\n width: 100vw;\n"]))),S=h.default.div(o||(o=p(["\n position: relative;\n"]))),P=h.default.div(i||(i=p(["\n position: absolute;\n top: -40px;\n right: 0px;\n\n display: flex;\n justify-content: space-around;\n align-items: center;\n\n > div {\n cursor: pointer;\n width: 40px;\n height: 40px;\n }\n"]))),E=h.default.div(a||(a=p(["\n position: absolute;\n padding: 24px 16px;\n\n &[data-section-dark-mode='false'] {\n background-color: rgba(255, 255, 255, 0.5);\n }\n\n &[data-section-dark-mode='true'] {\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n "," {\n // horizontally center\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n\n &[data-section-narrow-width='true'] {\n width: 75vw;\n }\n\n &[data-section-narrow-width='false'] {\n width: 100vw;\n max-width: 720px;\n }\n }\n\n "," {\n &[data-section-narrow-width='true'] {\n width: 320px;\n }\n\n &[data-section-narrow-width='false'] {\n width: 46vw;\n max-width: 720px;\n }\n\n &[data-section-alignment='left'] {\n left: 4vw;\n }\n &[data-section-alignment='right'] {\n right: 4vw;\n }\n &[data-section-alignment='center'] {\n // horizontally center\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n }\n }\n"])),x.mediaQuery.mobileOnly,x.mediaQuery.tabletAbove),C=h.default.div(l||(l=p(["\n width: 100vw;\n height: 100vh;\n\n position: sticky;\n top: 0;\n\n > video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n"]))),D=h.default.div(c||(c=p(["\n position: absolute;\n top: 50px;\n right: 50px;\n\n &.darkMode {\n color: white;\n }\n\n &.lightMode {\n color: black;\n }\n"]))),R=h.default.div(u||(u=p([""]))),A="https://www.unpkg.com/@story-telling-reporter/react-scrollable-video/public/icons",B=h.default.div(d||(d=p(["\n background-image: url(",");\n\n &:hover {\n background-image: url(",");\n }\n"])),(function(e){return e.$bgImg||""}),(function(e){return e.$hoverBgImg||""}));function N(e){var t=A+"/delete.svg",n=A+"/delete.hover.svg",r=A+"/delete.dark.svg",o=A+"/delete.dark.hover.svg";return(0,j.jsx)(B,{className:null==e?void 0:e.className,onClick:null==e?void 0:e.onClick,$bgImg:null!=e&&e.darkMode?r:t,$hoverBgImg:null!=e&&e.darkMode?o:n})}function z(e){var t=A+"/edit.svg",n=A+"/edit.hover.svg",r=A+"/edit.dark.svg",o=A+"/edit.dark.hover.svg";return(0,j.jsx)(B,{className:null==e?void 0:e.className,onClick:null==e?void 0:e.onClick,$bgImg:null!=e&&e.darkMode?r:t,$hoverBgImg:null!=e&&e.darkMode?o:n})}},7893:(e,t,n)=>{var r;Object.defineProperty(t,"__esModule",{value:!0}),t.linkDecorator=void 0,a(n(4041));var o=a(n(3908)),i=n(1085);function a(e){return e&&e.__esModule?e:{default:e}}var l,c,u=o.default.a(r||(l=["\n &:link,\n &:visited,\n &:active {\n color: ",";\n text-decoration: none;\n }\n"],c||(c=l.slice(0)),r=Object.freeze(Object.defineProperties(l,{raw:{value:Object.freeze(c)}}))),(function(e){return e.theme.darkMode?"#F0D5BE":"#9f7544"}));t.linkDecorator={strategy:function(e,t,n){e.findEntityRanges((function(e){var t=e.getEntity();return null!==t&&"LINK"===n.getEntity(t).getType()}),t)},component:function(e){var t=e.contentState.getEntity(e.entityKey).getData().url;return(0,i.jsx)(u,{href:t,target:"_blank",className:"draft-link",children:e.children})}}},8400:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.blockRenderMap=void 0;var r=l(n(8979)),o=(l(n(4041)),n(9224)),i=n(6524),a=n(1085);function l(e){return e&&e.__esModule?e:{default:e}}var c=r.default.Map({atomic:{element:"figure",wrapper:(0,a.jsx)(i.Atomic,{})},"ordered-list-item":{element:"li",wrapper:(0,a.jsx)(i.List,{})},"unordered-list-item":{element:"li",wrapper:(0,a.jsx)(i.List,{as:"ul"})},unstyled:{element:"div",wrapper:(0,a.jsx)(i.Paragraph,{})}});t.blockRenderMap=o.DefaultDraftBlockRenderMap.merge(c)},8402:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DraftRenderer=function(e){var t=e.darkMode,n=e.rawContentState,r=n.blocks.filter((function(e){return"unstyled"!==e.type||""!==e.text})),c=(0,a.convertFromRaw)({blocks:r,entityMap:n.entityMap}),p=a.EditorState.createWithContent(c,d.decorator);return(0,s.jsx)(l.ThemeProvider,{theme:{darkMode:t},children:(0,s.jsx)(a.Editor,{editorState:p,blockRenderMap:o.blockRenderMap,blockRendererFn:f,blockStyleFn:i.blockStyleFn,customStyleFn:u.customStyleFn,readOnly:!0,onChange:function(){}})})},(r=n(4041))&&r.__esModule;var r,o=n(7177),i=n(5064),a=n(9224),l=n(3908),c=n(424),u=n(9388),d=n(2445),s=n(1085),f=function(e){return(0,c.atomicBlockRenderer)(e)}},8797:(e,t,n)=>{var r=["name"];function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e,t,n){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollableVideoForKeystoneEditorCMS=function(e){var t=e.name,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,r),l=a((0,u.useState)(!0),2),c=l[0],f=l[1],p=a((0,u.useState)(!1),2),m=p[0],b=p[1];return(0,u.useEffect)((function(){b(!0);var e=document.location.hostname;"keystone-editor.twreporter.org"!==e&&"staging-keystone-editor.twreporter.org"!==e&&f(!1)}),[]),m?c?(0,s.jsxs)("div",{style:{backgroundColor:"rgba(0,0,0,0.5)",color:"white",padding:"30px"},children:["捲動式影片元件：",t,"（編輯模式，不載入影片）"]}):(0,s.jsx)(d.ScrollableVideo,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n)):null};var u=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=c(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),d=n(7348),s=n(1085)},9264:(e,t,n)=>{var r,o,i;function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.annotationDecorator=void 0;var d,s=function(e){if("function"==typeof WeakMap){var t=new WeakMap;new WeakMap}return function(e){if(e&&e.__esModule)return e;var n,r,o={__proto__:null,default:e};if(null===e||"object"!=u(e)&&"function"!=typeof e)return o;if(n=t){if(n.has(e))return n.get(e);n.set(e,o)}for(var i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?n(o,i,r):o[i]=e[i]);return o}(e)}(n(4041)),f=(d=n(3908))&&d.__esModule?d:{default:d},p=n(9224),m=n(7177),b=n(2445),g=n(61),y=n(1085),h=f.default.span(r||(r=c(["\n display: inline;\n cursor: pointer;\n color: ",";\n"])),(function(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"})),v=f.default.div(o||(o=c(["\n border-style: solid;\n border-color: #c09662;\n border-width: 2px 0;\n background-color: ",";\n margin-bottom: 8px;\n padding: 24px 16px 24px 16px;\n"])),(function(e){return e.theme.darkMode?"rgba(0, 0, 0, 0.5)":"rgba(255, 255, 255, 0.5)"})),w=f.default.span(i||(i=c(["\n margin-left: 2px;\n margin-right: 2px;\n display: inline-block;\n vertical-align: middle;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border-width: 1px;\n border-style: solid;\n position: relative;\n top: -1px;\n\n &::before {\n background-color: ",";\n content: '';\n width: 2px;\n height: 6.5px;\n top: 5px;\n right: 5px;\n transform: ",";\n display: block;\n position: absolute;\n transition: transform 200ms ease 0s;\n }\n\n &::after {\n background-color: ",";\n content: '';\n width: 2px;\n height: 6.5px;\n top: 5px;\n left: 5px;\n transform: ",";\n display: block;\n position: absolute;\n transition: transform 200ms ease 0s;\n }\n"])),(function(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(e){return e.$showContent?"rotate(-45deg)":"rotate(45deg)"}),(function(e){return e.theme.darkMode?"#F0D5BE":"#9F7544"}),(function(e){return e.$showContent?"rotate(45deg)":"rotate(-45deg)"})),x=function(e){var t=e.contentState.getEntity(e.block.getEntityAt(0)),n=t.getData();return"EMBEDDEDCODE"===t.getType()?(0,g.EmbeddedCodeBlock)({data:n}):null},k=function(e){return"atomic"===e.getType()?{component:x,editable:!1,props:{}}:null};t.annotationDecorator={strategy:function(e,t,n){e.findEntityRanges((function(e){var t=e.getEntity();return null!==t&&"ANNOTATION"===n.getEntity(t).getType()}),t)},component:function(e){var t=e.children,n=a((0,s.useState)(!1),2),r=n[0],o=n[1],i=e.contentState.getEntity(e.entityKey).getData().rawContentState,l=(0,p.convertFromRaw)(i),c=p.EditorState.createWithContent(l,b.decorator),u=a((0,s.useState)(i),2),d=u[0],f=u[1];return d!==i&&(f(i),o(!1)),(0,y.jsxs)(s.default.Fragment,{children:[(0,y.jsxs)(h,{className:"annotation-wrapper",onClick:function(e){e.preventDefault(),o(!r)},children:[(0,y.jsx)("span",{className:"annotation-title",children:t}),(0,y.jsx)(w,{className:"arrow",$showContent:r})]}),r?(0,y.jsx)(v,{className:"annotation-body",children:(0,y.jsx)(p.Editor,{editorState:c,blockRenderMap:m.annotationBlockRenderMap,blockRendererFn:k,readOnly:!0,onChange:function(){}})}):null]})}}},9388:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.fontColorPrefix=t.default=t.customStyleFn=t.bgColorPrefix=void 0;var n=t.bgColorPrefix="BACKGROUND_COLOR_",r=t.fontColorPrefix="FONT_COLOR_",o=function(e){return e.reduce((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return null!=t&&t.startsWith(n)&&(e.backgroundColor=t.split(n)[1]),null!=t&&t.startsWith(r)&&(e.color=t.split(r)[1]),e}),{})};t.customStyleFn=o,t.default=o}}]);