Viewing File: /home/ubuntu/allinonecluster-landing/blog/wp-content/plugins/web-stories/assets/js/wp-dashboard.js

(()=>{"use strict";var e,t,a,o,r,n={8968:(e,t,a)=>{a.d(t,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var o=a(72070),r=a(97765);const __WEBPACK_DEFAULT_EXPORT__=function(e){return(0,o.useContextSelector)(r.StoryAnimationContext,e??o.identity)}},44258:(e,t,a)=>{a.d(t,{ANIMATION_EFFECTS:()=>i,ANIMATION_TYPES:()=>n,AXIS:()=>u,BACKGROUND_ANIMATION_EFFECTS:()=>l,BEZIER:()=>r,BG_MAX_SCALE:()=>b,BG_MIN_SCALE:()=>m,DIRECTION:()=>s,FIELD_TYPES:()=>p,ROTATION:()=>d,SCALE_DIRECTION:()=>c});var o=a(91655);const r={linear:"linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out",inQuad:"cubic-bezier(0.55, 0.085, 0.68, 0.53)",outQuad:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",inOutQuad:"cubic-bezier(0.455, 0.03, 0.515, 0.955)",inCubic:"cubic-bezier(0.55, 0.055, 0.675, 0.19)",outCubic:"cubic-bezier(0.215, 0.61, 0.355, 1)",inOutCubic:"cubic-bezier(0.645, 0.045, 0.355, 1)",inQuart:"cubic-bezier(0.895, 0.03, 0.685, 0.22)",outQuart:"cubic-bezier(0.165, 0.84, 0.44, 1)",inOutQuart:"cubic-bezier(0.77, 0, 0.175, 1)",inQuint:"cubic-bezier(0.755, 0.05, 0.855, 0.06)",outQuint:"cubic-bezier(0.23, 1, 0.32, 1)",inOutQuint:"cubic-bezier(0.86, 0, 0.07, 1)",inSine:"cubic-bezier(0.47, 0, 0.745, 0.715)",outSine:"cubic-bezier(0.39, 0.575, 0.565, 1)",inOutSine:"cubic-bezier(0.445, 0.05, 0.55, 0.95)",inExpo:"cubic-bezier(0.95, 0.05, 0.795, 0.035)",outExpo:"cubic-bezier(0.19, 1, 0.22, 1)",inOutExpo:"cubic-bezier(1, 0, 0, 1)",inCirc:"cubic-bezier(0.6, 0.04, 0.98, 0.335)",outCirc:"cubic-bezier(0.075, 0.82, 0.165, 1)",inOutCirc:"cubic-bezier(0.785, 0.135, 0.15, 0.86)",default:"cubic-bezier(0.4, 0.4, 0.0, 1)"},n={BLINK_ON:"blinkOn",BOUNCE:"bounce",FADE:"fade",FLIP:"flip",FLOAT_ON:"floatOn",MOVE:"move",PULSE:"pulse",SPIN:"spin",ZOOM:"zoom"},i={DROP:{value:"effect-drop",name:(0,o._x)("Drop","animation effect","web-stories")},FADE_IN:{value:"effect-fade-in",name:(0,o._x)("Fade In","animation effect","web-stories")},FLY_IN:{value:"effect-fly-in",name:(0,o._x)("Fly In","animation effect","web-stories")},PAN:{value:"effect-pan",name:(0,o._x)("Pan","animation effect","web-stories")},PULSE:{value:"effect-pulse",name:(0,o._x)("Pulse","animation effect","web-stories")},TWIRL_IN:{value:"effect-twirl-in",name:(0,o._x)("Twirl In","animation effect","web-stories")},WHOOSH_IN:{value:"effect-whoosh-in",name:(0,o._x)("Whoosh In","animation effect","web-stories")},ZOOM:{value:"effect-zoom",name:(0,o._x)("Scale","animation effect","web-stories")},ROTATE_IN:{value:"effect-rotate-in",name:(0,o._x)("Rotate In","animation effect","web-stories")}},l={ZOOM:{value:"effect-background-zoom",name:(0,o._x)("Zoom","animation effect","web-stories")},PAN:{value:"effect-background-pan",name:i.PAN.name},PAN_AND_ZOOM:{value:"effect-background-pan-and-zoom",name:(0,o._x)("Pan and Zoom","animation effect","web-stories")}},s=(n.BLINK_ON,(0,o._x)("Blink On","animation effect","web-stories"),n.BOUNCE,(0,o._x)("Bounce","animation effect","web-stories"),n.FADE,(0,o._x)("Fade","animation effect","web-stories"),n.FLIP,(0,o._x)("Flip","animation effect","web-stories"),n.FLOAT_ON,(0,o._x)("Float On","animation effect","web-stories"),n.MOVE,(0,o._x)("Move","animation effect","web-stories"),n.PULSE,(0,o._x)("Pulse","animation effect","web-stories"),n.SPIN,(0,o._x)("Spin","animation effect","web-stories"),n.ZOOM,(0,o._x)("Zoom","animation effect","web-stories"),{TOP_TO_BOTTOM:"topToBottom",RIGHT_TO_LEFT:"rightToLeft",BOTTOM_TO_TOP:"bottomToTop",LEFT_TO_RIGHT:"leftToRight"}),c={DYNAMIC_PROPERTY_VALUE:"dynamicPropertyValue",SCALE_IN:"scaleIn",SCALE_OUT:"scaleOut",SCALE_OUT_TOP_RIGHT:"scaleOutTopRight",SCALE_OUT_BOTTOM_LEFT:"scaleOutBottomLeft",SCALE_IN_TOP_LEFT:"scaleInTopLeft",SCALE_IN_BOTTOM_RIGHT:"scaleInBottomRight"},d=(c.SCALE_IN_TOP_LEFT,c.SCALE_IN_BOTTOM_RIGHT,c.SCALE_OUT_TOP_RIGHT,c.SCALE_OUT_BOTTOM_LEFT,{CLOCKWISE:"clockwise",COUNTER_CLOCKWISE:"counterClockwise",PING_PONG:"pingPong"}),u={X:"x",Y:"y"},p={DROPDOWN:"dropdown",HIDDEN:"hidden",ROTATION_PICKER:"rotation_picker",DIRECTION_PICKER:"direction_picker",NUMBER:"number",FLOAT:"float",TEXT:"text",CHECKBOX:"checkbox",RANGE:"RANGE"},m=100,b=400},77175:(e,t,a)=>{a.d(t,{FlyInEffectInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={flyInDir:r().shape(l.AnimationInputPropTypes)};(0,n.__)("Direction","web-stories"),i.FIELD_TYPES.DIRECTION_PICKER,i.DIRECTION.TOP_TO_BOTTOM,i.DIRECTION.BOTTOM_TO_TOP,i.DIRECTION.LEFT_TO_RIGHT,i.DIRECTION.RIGHT_TO_LEFT,i.DIRECTION.BOTTOM_TO_TOP,(0,n.__)("Duration","web-stories"),i.FIELD_TYPES.NUMBER,(0,n._x)("ms","Time in milliseconds","web-stories")},47730:(e,t,a)=>{a.d(t,{PanEffectInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={panDir:r().shape(l.AnimationInputPropTypes)};(0,n.__)("Direction","web-stories"),i.FIELD_TYPES.DIRECTION_PICKER,i.DIRECTION.TOP_TO_BOTTOM,i.DIRECTION.BOTTOM_TO_TOP,i.DIRECTION.LEFT_TO_RIGHT,i.DIRECTION.RIGHT_TO_LEFT,i.DIRECTION.BOTTOM_TO_TOP},78582:(e,t,a)=>{a.d(t,{PulseEffectInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={scale:r().shape(l.AnimationInputPropTypes),iterations:r().shape(l.AnimationInputPropTypes)};(0,n.__)("Scale","web-stories"),i.FIELD_TYPES.FLOAT,(0,n._x)("Pulses","number of pulses","web-stories"),i.FIELD_TYPES.NUMBER,(0,n.__)("Duration","web-stories"),i.FIELD_TYPES.NUMBER,(0,n._x)("ms","Time in milliseconds","web-stories")},32619:(e,t,a)=>{a.d(t,{RotateInEffectInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={rotateInDir:r().shape(l.AnimationInputPropTypes)};(0,n.__)("Direction","web-stories"),i.FIELD_TYPES.DIRECTION_PICKER,i.DIRECTION.LEFT_TO_RIGHT,i.DIRECTION.RIGHT_TO_LEFT,i.DIRECTION.LEFT_TO_RIGHT},27609:(e,t,a)=>{a.d(t,{WhooshInEffectInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={whooshInDir:r().shape(l.AnimationInputPropTypes)};(0,n.__)("Direction","web-stories"),i.FIELD_TYPES.DIRECTION_PICKER,i.DIRECTION.LEFT_TO_RIGHT,i.DIRECTION.RIGHT_TO_LEFT,i.DIRECTION.LEFT_TO_RIGHT,(0,n.__)("Duration","web-stories"),i.FIELD_TYPES.NUMBER,(0,n._x)("ms","Time in milliseconds","web-stories")},4891:(e,t,a)=>{a.d(t,{ZoomEffectInputPropTypes:()=>c});var o=a(45697),r=a.n(o),n=a(91655),i=a(87602),l=a(44258),s=a(87745);const c={scaleDirection:r().shape(s.AnimationInputPropTypes)};(0,n.__)("Direction","web-stories"),(0,i.default)(
/* translators: 1: scaleIn. 2: scaleOut */
(0,n.__)("Valid values are %1$s or %2$s","web-stories"),"scaleIn","scaleOut"),l.FIELD_TYPES.DIRECTION_PICKER,l.SCALE_DIRECTION.SCALE_IN,l.SCALE_DIRECTION.SCALE_OUT,l.SCALE_DIRECTION.SCALE_IN,(0,n.__)("Duration","web-stories"),l.FIELD_TYPES.NUMBER,(0,n._x)("ms","Time in milliseconds","web-stories")},22188:(e,t,a)=>{a.d(t,{AnimationProps:()=>d.AnimationProps,BG_MAX_SCALE:()=>c.BG_MAX_SCALE,BG_MIN_SCALE:()=>c.BG_MIN_SCALE,StoryAnimation:()=>s,getTotalDuration:()=>u.getTotalDuration});var o=a(97765),r=a(79968),n=a(5954),i=a(98236),l=a(34433);a(8968);const s={Provider:o.default,WAAPIWrapper:r.default,AMPWrapper:n.default,AMPKeyframes:i.default,AMPAnimations:l.default};var c=a(44258),d=a(40320),u=(a(13418),a(18034));a(69332)},79871:(e,t,a)=>{a.d(t,{BasicAnimationInputPropTypes:()=>s});var o=a(45697),r=a.n(o),n=a(91655),i=a(44258),l=a(87745);const s={duration:r().shape(l.AnimationInputPropTypes),delay:r().shape(l.AnimationInputPropTypes)},c={duration:{label:(0,n.__)("Duration","web-stories"),type:i.FIELD_TYPES.NUMBER,unit:(0,n._x)("ms","Time in milliseconds","web-stories"),defaultValue:1e3},delay:{label:(0,n.__)("Delay","web-stories"),type:i.FIELD_TYPES.NUMBER,unit:(0,n._x)("ms","Time in milliseconds","web-stories"),defaultValue:0}};i.FIELD_TYPES.HIDDEN,(0,n.__)("Animation Type","web-stories"),i.FIELD_TYPES.DROPDOWN,Object.values(i.ANIMATION_TYPES),Object.values(i.ANIMATION_EFFECTS).map((e=>e.value)),i.FIELD_TYPES.DROPDOWN,(0,n.__)("Easing Presets","web-stories"),i.FIELD_TYPES.DROPDOWN,Object.keys(i.BEZIER),Object.keys(i.BEZIER)[0],i.FIELD_TYPES.TEXT,i.FIELD_TYPES.DROPDOWN,(0,n.__)('Valid values are numerical or the word "infinity"',"web-stories"),i.FIELD_TYPES.TEXT},40320:(e,t,a)=>{a.d(t,{AnimationPart:()=>AnimationPart,AnimationProps:()=>P.AnimationProps});var o=a(67294),r=a(44258);var n=a(11533),i=a(96302),l=a(5644),s=a(3200),c=a(37308),d=a(84276),u=a(29154),p=a(63898),m=a(75590),b=a(51352),f=a(93886),h=a(44130),_=a(45697),g=a.n(_),E=a(91655),S=a(87745);g().shape(S.AnimationInputPropTypes),(0,E.__)("Duration","web-stories"),r.FIELD_TYPES.NUMBER,(0,E._x)("ms","Time in milliseconds","web-stories");a(77175),a(47730),a(78582),a(32619),a(27609),a(4891);g().shape(S.AnimationInputPropTypes),(0,E.__)("Duration","web-stories"),r.FIELD_TYPES.NUMBER,(0,E._x)("ms","Time in milliseconds","web-stories");var T=a(87602);g().shape(S.AnimationInputPropTypes),g().shape(S.AnimationInputPropTypes),(0,E.__)("Direction","web-stories"),(0,T.default)(
/* translators: 1: scaleIn. 2: scaleOut */
(0,E.__)("Valid values are %1$s or %2$s","web-stories"),"zoomIn","zoomOut"),r.FIELD_TYPES.DIRECTION_PICKER,r.SCALE_DIRECTION.SCALE_IN,r.SCALE_DIRECTION.SCALE_OUT,r.SCALE_DIRECTION.SCALE_OUT,(0,E.__)("Duration","web-stories"),r.FIELD_TYPES.NUMBER,(0,E._x)("ms","Time in milliseconds","web-stories"),g().shape(S.AnimationInputPropTypes),g().shape(S.AnimationInputPropTypes),(0,E.__)("Direction","web-stories"),r.FIELD_TYPES.DIRECTION_PICKER,r.DIRECTION.TOP_TO_BOTTOM,r.DIRECTION.BOTTOM_TO_TOP,r.DIRECTION.LEFT_TO_RIGHT,r.DIRECTION.RIGHT_TO_LEFT,r.DIRECTION.BOTTOM_TO_TOP,(0,E.__)("Duration","web-stories"),r.FIELD_TYPES.NUMBER,(0,E._x)("ms","Time in milliseconds","web-stories");var y=a(85242),w=a(15604),v=a(75351),I=a(83072),O=a(60106),C=a(11006),A=a(76585),L=a(10638),k=a(8748),P=(a(79871),a(66776));function EmptyAMPTarget(e){let{children:t,...a}=e;return o.createElement("div",a,t)}function N(){return{id:-1,generatedKeyframes:{},WAAPIAnimation:{},AMPTarget:EmptyAMPTarget,AMPAnimation:()=>null}}function AnimationPart(e,t){const a={[r.ANIMATION_TYPES.BOUNCE]:y.AnimationBounce,[r.ANIMATION_TYPES.BLINK_ON]:w.AnimationBlinkOn,[r.ANIMATION_TYPES.FADE]:v.AnimationFade,[r.ANIMATION_TYPES.FLIP]:I.AnimationFlip,[r.ANIMATION_TYPES.FLOAT_ON]:O.AnimationFloatOn,[r.ANIMATION_TYPES.MOVE]:C.AnimationMove,[r.ANIMATION_TYPES.PULSE]:A.AnimationPulse,[r.ANIMATION_TYPES.SPIN]:L.AnimationSpin,[r.ANIMATION_TYPES.ZOOM]:k.AnimationZoom,[r.ANIMATION_EFFECTS.FADE_IN.value]:i.EffectFadeIn,[r.ANIMATION_EFFECTS.FLY_IN.value]:l.EffectFlyIn,[r.ANIMATION_EFFECTS.PAN.value]:s.EffectPan,[r.ANIMATION_EFFECTS.PULSE.value]:c.EffectPulse,[r.ANIMATION_EFFECTS.TWIRL_IN.value]:d.EffectTwirlIn,[r.ANIMATION_EFFECTS.WHOOSH_IN.value]:u.EffectWhooshIn,[r.ANIMATION_EFFECTS.ZOOM.value]:p.EffectZoom,[r.ANIMATION_EFFECTS.DROP.value]:n.EffectDrop,[r.ANIMATION_EFFECTS.ROTATE_IN.value]:m.EffectRotateIn,[r.BACKGROUND_ANIMATION_EFFECTS.ZOOM.value]:b.EffectBackgroundZoom,[r.BACKGROUND_ANIMATION_EFFECTS.PAN.value]:f.EffectBackgroundPan,[r.BACKGROUND_ANIMATION_EFFECTS.PAN_AND_ZOOM.value]:h.EffectBackgroundPanAndZoom}[e?.value||e]||N;return t.easing=t.easing||r.BEZIER[t.easingPreset],t.easingPreset=void 0,a(t)}},40126:(e,t,a)=>{a.d(t,{getMediaBoundOffsets:()=>i});var o=a(1787),r=a(15985),n=a(7868);function i(e){let{element:t}=e;const a=(0,o.getBox)(t,r.PAGE_WIDTH,r.PAGE_HEIGHT),i=(0,n.default)(t.resource,a.width,a.height,t.scale,t.focalX,t.focalY);return{top:i.offsetY/i.height*100,right:(i.width-(i.offsetX+r.PAGE_WIDTH))/i.width*-1*100,left:i.offsetX/i.width*100,bottom:(i.height-(i.offsetY+r.FULLBLEED_HEIGHT))/i.height*-1*100}}},52589:(e,t,a)=>{a.d(t,{default:()=>g});var o=a(67294),r=a(45697),n=a.n(r),i=a(72070),l=a(26300),s=a(40981),c=a(66044),d=a(66394),u=a(82302),p=a(8682),m=a(19683);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},b.apply(this,arguments)}const f=l.default.div.withConfig({displayName:"menu__MenuWrapper",componentId:"sc-1xfj06c-0"})((e=>{let{theme:t}=e;return(0,l.css)(["background-color:",";border-radius:",";border:1px solid ",";gap:6px;display:flex;"," *:last-child{margin-bottom:0;}"],(e=>{let{isSecondary:a}=e;return a?t.colors.bg.secondary:t.colors.bg.primary}),(e=>{let{isHorizontal:a}=e;return a?t.borders.radius.medium:t.borders.radius.small}),t.colors.border.disable,(e=>{let{isHorizontal:t,isIconMenu:a}=e;return t?(0,l.css)(["height:52px;padding:7px 10px;align-items:center;"]):(0,l.css)(["flex-direction:column;width:",";padding:",";max-width:","px;",";"],a?"40px":"auto",a?"4px 3px":"8px 0",300,!a&&(0,l.css)(["min-width:","px;"],200))}))}));function h(e,t){const a=Array.from(e.querySelectorAll(s.FOCUSABLE_SELECTORS.join(", ")));return t?a:a.filter((e=>!e.matches(`[role="menu"], [role="menu"] [role="menu"] *, .${m.CONTEXT_MENU_SKIP_ELEMENT}`)))}f.propTypes={isIconMenu:n().bool,isHorizontal:n().bool,isSecondary:n().bool};const _=(0,i.forwardRef)(((e,t)=>{let{children:a,disableControlledTabNavigation:r,isOpen:n,onFocus:l=c.noop,isSubMenu:m=!1,isSecondary:_=!1,parentMenuRef:g,onCloseSubMenu:E=c.noop,dismissOnEscape:S=!0,...T}=e;const{isRTL:y}=T,{focusedId:w,isIconMenu:v,isHorizontal:I,onDismiss:O,setFocusedId:C}=(0,p.default)((e=>{let{state:t,actions:a}=e;return{focusedId:t.focusedId,isIconMenu:t.isIconMenu,isHorizontal:t.isHorizontal,onDismiss:a.onDismiss,setFocusedId:a.setFocusedId}})),A=(0,d.default)((()=>{n&&!m&&O()})),L=(0,i.useRef)(null),k=(0,i.useCombinedRefs)(A,L,t),P=(0,i.useCallback)((e=>{l(e);const t=L.current.children||[],a=t.length&&![...t].some((t=>t.contains(e.target)));if(L.current===e.target&&a){const e=h(L.current);document.dispatchEvent(new KeyboardEvent("keydown",{key:"tab"})),e?.[0]?.focus()}}),[l]),N=(0,i.useCallback)((e=>{let t=e.findIndex((e=>e.id===w));return-1===t&&(t=e.findIndex((e=>e.id===document.activeElement.id))),t}),[w]),R=(0,i.useCallback)((e=>{const{key:t}=e;if("Escape"===t)return void O(e);const a=h(L.current,m);let o=N(a);-1===o&&a.length&&(C(a[0].id),o=0);const r=I?s.KEYS.LEFT:s.KEYS.UP;if([r,I?s.KEYS.RIGHT:s.KEYS.DOWN].includes(t)){let e=o+(r===t?-1:1);-1===e&&(e=a.length-1);const n=a[e%a.length];return n?.focus(),void C(n?.id||-1)}const n=I?s.KEYS.UP:y?s.KEYS.RIGHT:s.KEYS.LEFT;if(m&&n===t){g.current.querySelector('button[aria-expanded="true"]')?.focus(),E()}}),[m,N,I,y,O,C,g,E]);(0,i.useEffect)((()=>{if(n){const e=h(L.current);e.length&&(e?.[0]?.focus(),C(e?.[0]?.id))}}),[n,C]);const x=(0,i.useMemo)((()=>r?{key:[]}:{key:["tab"],shift:!0}),[r]);return(0,u.useKeyDownEffect)(L,{key:S?["esc","down","up","left","right"]:["down","up","left","right"]},R,[R,S]),(0,u.useKeyDownEffect)(L,x,O,[x,O]),o.createElement(f,b({ref:k,"data-testid":"context-menu-list",role:"menu",isIconMenu:v,isHorizontal:I,isSecondary:_,tabIndex:L.current?.contains(document.activeElement)?-1:0,onFocus:P},T),a)})),g=(n().node,n().func,n().bool,n().bool,n().func,n().bool,n().bool,n().bool,n().object,n().bool,_)},82302:(e,t,a)=>{a.d(t,{prettifyShortcut:()=>_,useKeyDownEffect:()=>u});a(67294);var o=a(42441),r=a.n(o),n=a(72070),i=a(8579);const l="__WEB_STORIES_MT__",s=["submit","button","checkbox","radio","image","file","range","reset","hidden"],c=["submit","button","checkbox","radio","image","file","reset"];(0,n.createRef)();function d(e,t,a,o){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;const{keys:l}=(0,n.useContext)(i.default),s=(0,n.useBatchingCallback)(o,r||[]);(0,n.useEffect)((()=>{const o=void 0!==e?.current?e.current:e;if(!o)return;if(1!==o.nodeType&&9!==o.nodeType)throw new Error("only an element or a document node can be used");const r=m(l,t);if(1===r.key.length&&""===r.key[0])return;const n=p(o),i=b(o,r,s);return n.bind(r.key,i,a),()=>{n.unbind(r.key,a)}}),[s,l])}function u(e,t,a){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0;d(e,t,"keydown",a,o)}function p(e){return e[l]||(e[l]=new(r())(e))}function m(e,t){const a="string"==typeof t||Array.isArray(t)?{key:t}:t,{key:o,shift:r=!1,repeat:n=!0,clickable:i=!0,editable:l=!1,dialog:s=!1,allowDefault:c=!1}=a,d=function(e,t){if(!t)return e;return e.concat(e.map((e=>`shift+${e}`)))}([].concat(o).map((t=>e[t]||t)).flat(),r);return{key:d,shift:r,clickable:i,repeat:n,editable:l,dialog:s,allowDefault:c}}function b(e,t,a){let{repeat:o,editable:r,clickable:n,dialog:i,allowDefault:l=!1}=t;return t=>{const{repeat:d,target:u}=t;if((o||!d)&&(r||!function(e){let{tagName:t,isContentEditable:a,type:o,readOnly:r}=e;if(!0===r)return!1;if(a||"TEXTAREA"===t)return!0;if("INPUT"===t)return!s.includes(o);return!1}(u))&&(n||!function(e){let{tagName:t,type:a}=e;if(["BUTTON","A"].includes(t))return!0;if("INPUT"===t)return c.includes(a);return!1}(u))&&(i||!function(e,t){if(1!==e.nodeType)return!1;const a=e.closest('dialog,[role="dialog"]');return a&&t!==a&&t.contains(a)}(u,e)))return a(t),l}}function f(){const{platform:e}=window.navigator;return e.includes("Mac")||["iPad","iPhone"].includes(e)}function h(e){const t=f();return{alt:t?"⌥":"Alt",ctrl:t?"^":"Ctrl",mod:t?"⌘":"Ctrl",cmd:"⌘",shift:t?"⇧":"Shift"}[e]||e}function _(e){const t=f()?"":"+";return e.toLowerCase().replace("alt",h("alt")).replace("ctrl",h("ctrl")).replace("mod",h("mod")).replace("cmd",h("cmd")).replace("shift",h("shift")).replace("left","←").replace("up","↑").replace("right","→").replace("down","↓").replace("delete","⌫").replace("enter","⏎").split("+").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(t)}},27856:(e,t,a)=>{a.d(t,{PLACEMENT:()=>r,PopupContainer:()=>i,RTL_PLACEMENT:()=>n});var o=a(26300);const r={TOP:"top",TOP_START:"top-start",TOP_END:"top-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end",RIGHT:"right",RIGHT_START:"right-start",RIGHT_END:"right-end",LEFT:"left",LEFT_START:"left-start",LEFT_END:"left-end"},n={[r.TOP]:r.TOP,[r.TOP_START]:r.TOP_START,[r.TOP_END]:r.TOP_END,[r.BOTTOM]:r.BOTTOM,[r.BOTTOM_END]:r.BOTTOM_END,[r.BOTTOM_START]:r.BOTTOM_START,[r.RIGHT]:r.LEFT,[r.RIGHT_START]:r.LEFT_START,[r.RIGHT_END]:r.LEFT_END,[r.LEFT]:r.RIGHT,[r.LEFT_START]:r.RIGHT_START,[r.LEFT_END]:r.RIGHT_END},i=o.default.div.attrs((e=>{let{$offset:{x:t,y:a,width:o},fillWidth:r,transforms:n,zIndex:i,maxWidth:l}=e;const s={};return r&&(l?s.minWidth=`${o}px`:s.width=`${o}px`),l&&!s.width&&(s.maxWidth=`${l}px`),{style:{transform:`translate(${t}px, ${a}px) ${n}`,...s,zIndex:i}}})).withConfig({displayName:"constants__PopupContainer",componentId:"sc-1y4wru5-0"})(["/*! @noflip */ left:0px;top:0px;position:fixed;",";max-height:",";"],(e=>{let{noOverFlow:t}=e;return t?"":"overflow-y: auto;"}),(e=>{let{topOffset:t}=e;return`calc(100vh - ${t}px)`}))},99566:(e,t,a)=>{a.d(t,{DEFAULT_ARIA_CLEAR_LABEL:()=>i,DEFAULT_ARIA_INPUT_LABEL:()=>l,DEFAULT_PLACEHOLDER:()=>n,DEFAULT_POPUP_FILL_WIDTH:()=>r,Z_INDEX:()=>s});var o=a(91655);const r=276,n=(0,o.__)("Search","web-stories"),i=(0,o.__)("Clear Search","web-stories"),l=(0,o.__)("Search","web-stories"),s={CLEAR_BUTTON:5}},19722:(e,t,a)=>{a.d(t,{FOCUS_VISIBLE_SELECTOR:()=>r,overrideFocusOutlineStyles:()=>n});var o=a(26300);a.e(8624).then(a.t.bind(a,35202,23)).catch((()=>{}));const r="focus-visible",n=(0,o.css)([".js-focus-visible :focus:not(.","):not([data-focus-visible-added]),.js-focus-visible :focus-visible:not(.","):not([data-focus-visible-added]){outline:none;}"],r,r);(0,o.createGlobalStyle)(["",";"],n)},88766:(e,t,a)=>{a.d(t,{SHARED_DEFAULT_ATTRIBUTES:()=>o.SHARED_DEFAULT_ATTRIBUTES,elementFillContent:()=>s,elementWithBackgroundColor:()=>p,elementWithBorder:()=>u,elementWithBorderRadius:()=>c,elementWithFlip:()=>f,elementWithFont:()=>m,elementWithHighlightBorderRadius:()=>d,elementWithTextParagraphStyle:()=>b,useColorTransformHandler:()=>h.default});var o=a(56527),r=a(26300),n=a(18535),i=a(25784),l=a(95740);const s=(0,r.css)(["position:absolute;top:0;left:0;width:100%;height:100%;"]),c=((0,r.css)(["position:absolute;z-index:1;left:",";top:",";"],(e=>{let{x:t}=e;return`${t}px`}),(e=>{let{y:t}=e;return`${t}px`})),(0,r.css)(["width:",";height:",";"],(e=>{let{width:t}=e;return`${t}px`}),(e=>{let{height:t}=e;return`${t}px`})),(0,r.css)(["transform:",";"],(e=>{let{rotationAngle:t}=e;return`rotate(${t}deg)`})),(0,r.css)(["",""],(e=>(0,i.getBorderRadius)(e)))),d=e=>{let{borderRadius:t,dataToEditorY:a}=e;return a&&(0,r.css)(["border-radius:","px ","px ","px ","px;"],a(t?.topLeft||0),a(t?.topRight||0),a(t?.bottomRight||0),a(t?.bottomLeft||0))},u=(0,r.css)([""," background-clip:padding-box;"],(e=>{let{border:t,borderRadius:a,width:o,height:r,mask:n}=e;return(0,i.getBorderStyle)({border:t,borderRadius:a,width:o,height:r,mask:n})})),p=(0,r.css)(["",";"],(e=>{let{backgroundColor:t}=e;return t&&(0,n.default)(t)})),m=(0,r.css)(["white-space:pre-line;font-family:",";overflow-wrap:break-word;word-break:break-word;letter-spacing:normal;font-style:",";font-size:","px;font-weight:",";color:#000000;"],(e=>{let{font:t}=e;return(0,l.generateFontFamily)(t)}),(e=>{let{fontStyle:t}=e;return t}),(e=>{let{fontSize:t}=e;return t}),(e=>{let{fontWeight:t}=e;return t})),b=(0,r.css)(["margin:",";padding:",";line-height:",";text-align:",";overflow-wrap:break-word;"],(e=>{let{margin:t}=e;return t}),(e=>{let{padding:t}=e;return t||0}),(e=>{let{lineHeight:t}=e;return t}),(e=>{let{textAlign:t}=e;return t})),f=(0,r.css)(["transform:",";"],(e=>{let{transformFlip:t}=e;return t}));var h=a(66027)},88914:(e,t,a)=>{a.d(t,{BACKGROUND_TEXT_MODE:()=>i,ELEMENT_TYPES:()=>o,TEXT_ELEMENT_DEFAULT_FONT:()=>n,getDefinitionForType:()=>l.default,getTransformFlip:()=>c.default,isElementBelowLimit:()=>s.default,registerElementType:()=>d.registerElementType});const o={IMAGE:"image",SHAPE:"shape",TEXT:"text",VIDEO:"video",GIF:"gif",STICKER:"sticker",PRODUCT:"product"},r=(o.IMAGE,o.VIDEO,o.GIF,o.PRODUCT,"((MULTIPLE))"),n={family:"Roboto",weights:[100,300,400,500,700,900],styles:["italic","regular"],variants:[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],fallbacks:["Helvetica Neue","Helvetica","sans-serif"],service:"fonts.google.com",metrics:{upm:2048,asc:1900,des:-500,tAsc:1536,tDes:-512,tLGap:102,wAsc:1946,wDes:512,xH:1082,capH:1456,yMin:-555,yMax:2163,hAsc:1900,hDes:-500,lGap:0}},i={NONE:"NONE",FILL:"FILL",HIGHLIGHT:"HIGHLIGHT"};var l=a(77839);(0,a(80852).default)(255,255,255);var s=a(58474),c=a(24901);var d=a(55993),u=a(45697),p=a.n(u),m=a(15662),b=a(9675),f=a(22188);const h={},_={id:p().number,src:p().string,length:p().number,lengthFormatted:p().string,mimeType:p().string,needsProxy:p().bool},g=p().shape(_);h.mask=p().shape({type:p().string.isRequired}),h.link=p().shape({url:p().string.isRequired,desc:p().string,needsProxy:p().bool,icon:p().string,rel:p().arrayOf(p().string)}),h.box=p().exact({x:p().number.isRequired,y:p().number.isRequired,width:p().number.isRequired,height:p().number.isRequired,rotationAngle:p().number.isRequired}),h.page=p().shape({id:p().string.isRequired,animations:p().arrayOf(p().shape(f.AnimationProps)),elements:p().arrayOf(p().shape(h.element)),overlay:p().oneOf(Object.values({NONE:"none",SOLID:"solid",LINEAR:"linear",RADIAL:"radial"})),backgroundAudio:p().shape({resource:g,loop:p().bool,tracks:p().arrayOf(b.ResourcePropTypes.trackResource)})});const E={id:p().string.isRequired,type:p().string.isRequired};h.flip=p().shape({vertical:p().bool,horizontal:p().bool});const S={id:p().string.isRequired,groupId:p().string,type:p().string.isRequired,x:p().number.isRequired,y:p().number.isRequired,width:p().number.isRequired,height:p().number.isRequired,flip:h.flip,rotationAngle:p().number.isRequired,mask:h.mask,link:h.link,opacity:p().number,lockAspectRatio:p().bool,isBackground:p().bool},T={scale:p().number.isRequired,focalX:p().number,focalY:p().number};h.element=p().shape(S),h.layer=p().shape(E),h.elements={},h.elements.image=p().shape({...S,...T,resource:b.ResourcePropTypes.imageResource}),h.elements.video=p().shape({...S,...T,resource:b.ResourcePropTypes.videoResource,poster:p().string,tracks:p().arrayOf(b.ResourcePropTypes.trackResource),loop:p().bool}),h.elements.gif=p().shape({...S,...T,resource:b.ResourcePropTypes.gifResource}),h.elements.media=p().oneOfType([h.elements.image,h.elements.video,h.elements.gif]);const y=p().shape({family:p().string,service:p().string,weights:p().arrayOf(p().number),styles:p().arrayOf(p().string),variants:p().arrayOf(p().array),fallbacks:p().array}),w=p().shape({horizontal:p().oneOfType([p().number,p().oneOf([r])]),vertical:p().oneOfType([p().number,p().oneOf([r])]),locked:p().oneOfType([p().bool,p().oneOf([r])])}),v={content:p().string,backgroundTextMode:p().oneOf(Object.values(i)),backgroundColor:m.PatternPropType,font:y.isRequired,fontSize:p().number,lineHeight:p().number,padding:w,textAlign:p().string,tagName:p().oneOf(["h1","h2","h3","p","auto"])};h.textContent=p().shape({...v}),h.elements.text=p().shape({...S,...v}),h.elements.shape=p().shape({...S,backgroundColor:m.PatternPropType}),h.elements.sticker=p().shape({...S,sticker:p().shape({type:p().string.isRequired})}),h.elements.background=p().shape({...E,inner:h.element})},25784:(e,t,a)=>{a.d(t,{DisplayWithMask:()=>i.default,OutputWithMask:()=>E.default,getBorderPositionCSS:()=>n.getBorderPositionCSS,getBorderRadius:()=>n.getBorderRadius,getBorderStyle:()=>n.getBorderStyle,getMaskByType:()=>o.getMaskByType,getResponsiveBorder:()=>n.getResponsiveBorder,shouldDisplayBorder:()=>n.shouldDisplayBorder});var o=a(99371),r=a(71356),n=a(34075),i=a(3562),l=a(67294),s=a(26300),c=a(72070),d=a(88914);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},u.apply(this,arguments)}const p={position:"absolute",top:0,left:0,right:0,bottom:0},m=(0,s.css)(["position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;"]),b=s.default.svg.withConfig({displayName:"frame__DropTargetSVG",componentId:"sc-1cagagv-0"})([""," z-index:",";"],m,(e=>{let{active:t}=e;return t?1:-1})),f=s.default.svg.withConfig({displayName:"frame__Filler",componentId:"sc-1cagagv-1"})(["",""],m),h=s.default.path.withConfig({displayName:"frame__FillerPath",componentId:"sc-1cagagv-2"})(["pointer-events:",";"],(e=>{let{isClickable:t}=e;return t?"all":"none"})),_=s.default.path.withConfig({displayName:"frame__DropTargetPath",componentId:"sc-1cagagv-3"})(["transition:opacity 0.5s;pointer-events:visibleStroke;opacity:",";stroke:",";"],(e=>{let{active:t}=e;return t?.3:0}),(e=>{let{theme:t}=e;return t.colors.border.selection})),g=s.default.div.withConfig({displayName:"frame__Wrapper",componentId:"sc-1cagagv-4"})(["width:100%;height:100%;::before{transition:opacity 0.5s;opacity:",";display:block;content:'';position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:8px;left:-4px;top:-4px;border:1px solid ",";}"],(e=>{let{hasBackgroundOutline:t}=e;return t?1:0}),(e=>{let{theme:t}=e;return t.colors.border.selection}));function WithDropTarget(e){let{element:t,children:a,hover:r,draggingResource:n,activeDropTargetId:i,isDropSource:s,registerDropTarget:d,unregisterDropTarget:p}=e;const m=(0,c.useRef)(null),{id:f,resource:h,isBackground:E,isLocked:S}=t,T=(0,o.getElementMask)(t);if((0,c.useEffect)((()=>{if(!S)return d(f,m.current),()=>{p(f)}}),[f,S,d,p]),!T)return a;const y=r&&!n||Boolean(n)&&s(n.type)&&n!==h,w=!S&&y,v=w&&!E,I=w&&E,O={vectorEffect:"non-scaling-stroke",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",d:T?.path};return l.createElement(g,{hasBackgroundOutline:I},a,l.createElement(b,{viewBox:"0 0 1 "+1/T.ratio,width:"100%",height:"100%",preserveAspectRatio:"none",active:i===t.id},l.createElement(_,u({},O,{strokeWidth:"3",style:{opacity:v?1:0}})),l.createElement(_,u({ref:m,strokeWidth:"48"},O))))}(0,c.forwardRef)(((e,t)=>{let{element:a,fill:n,style:i,children:s,flip:m,draggingResource:b,activeDropTargetId:_,isDropSource:g,isSelected:E=!1,registerDropTarget:S,unregisterDropTarget:T,...y}=e;const[w,v]=(0,c.useState)(!1),{isBackground:I,isLocked:O}=a,C=!O||E,A={draggingResource:b,activeDropTargetId:_,isDropSource:g,registerDropTarget:S,unregisterDropTarget:T},L=(0,o.getElementMask)(a),k=m?{transform:(0,d.getTransformFlip)(m)}:null;if(!L?.type||I&&L.type!==r.MaskTypes.RECTANGLE)return l.createElement("div",u({style:{...n?p:{},...i,...k}},y),s);const P=(0,o.generateMaskId)(a,"frame");return l.createElement("div",u({ref:t,style:{...n?p:{},...i,...k,...I?{}:{clipPath:`url(#${P})`}}},y,{onPointerOver:()=>v(!0),onPointerOut:()=>v(!1)}),l.createElement("svg",{width:0,height:0},l.createElement("defs",null,l.createElement("clipPath",{id:P,transform:`scale(1 ${L.ratio})`,clipPathUnits:"objectBoundingBox"},l.createElement("path",{d:L.path})))),l.createElement(f,{viewBox:"0 0 1 "+1/L.ratio,width:"100%",height:"100%",preserveAspectRatio:"none"},l.createElement(h,{isClickable:C,fill:"none",d:L?.path})),C?l.createElement(WithDropTarget,u({element:a,hover:w},A,y),s):s)}));var E=a(12204)},50136:(e,t,a)=>{a.d(t,{isBlobURL:()=>o});function o(e){return e?.startsWith("blob:")}},17001:(e,t,a)=>{a.d(t,{InOverlay:()=>b,Moveable:()=>_,areEventsDragging:()=>E.default});var o=a(67294),r=a(72070),n=a(26858),i=a(45697),l=a.n(i),s=a(26300);const c=(0,r.createContext)({container:null,layer:null});function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},d.apply(this,arguments)}const u=(0,s.css)(["",""],(e=>{let{pointerEvents:t}=e;return t&&"string"==typeof t?`pointer-events: ${t};`:""})),p=s.default.div.withConfig({displayName:"overlay__Wrapper",componentId:"sc-1ibws6s-0"})([""," position:absolute;top:0;left:0;width:0;height:0;z-index:",";"],u,(e=>{let{zIndex:t}=e;return`${t}`}));function InOverlayWithRef(e,t){let{zIndex:a,pointerEvents:n,render:i,children:l=null,...s}=e;const{container:u,overlay:m}=(0,r.useContext)(c);if(!u||!m)return null;const b=o.createElement(p,d({},s,{ref:t,zIndex:a||0,pointerEvents:n,onMouseDown:e=>e.stopPropagation()}),i?i({container:u,overlay:m}):l);return(0,r.createPortal)(b,m)}const m=(0,r.forwardRef)(InOverlayWithRef);InOverlayWithRef.propTypes={zIndex:l().number,pointerEvents:l().string,render:l().func,children:l().node};const b=m;function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},f.apply(this,arguments)}const h=(0,r.forwardRef)((function MoveableWithRef(e,t){let{onContextMenu:a,...r}=e;return o.createElement(b,{onContextMenu:a,zIndex:10,pointerEvents:"initial",render:e=>{let{container:a}=e;return o.createElement(n.default,f({ref:t,container:a},r))}})}));h.propTypes={onContextMenu:l().func};const _=h;(0,s.createGlobalStyle)([".crop-moveable .moveable-control{background:"," !important;border:none !important;}.crop-moveable .moveable-control.moveable-n,.crop-moveable .moveable-control.moveable-s,.crop-moveable .moveable-control.moveable-e,.crop-moveable .moveable-control.moveable-w{border:1px solid "," !important;border-radius:4px;}.crop-moveable .moveable-control.moveable-n,.crop-moveable .moveable-control.moveable-s{width:","px !important;height:","px !important;margin-left:-12px !important;}.crop-moveable .moveable-control.moveable-n{margin-top:-8px !important;}.crop-moveable .moveable-control.moveable-s{margin-top:0px !important;}.crop-moveable .moveable-control.moveable-e{margin-left:0 !important;}.crop-moveable .moveable-control.moveable-w{margin-top:0 !important;margin-left:-8px !important;}.crop-moveable .moveable-control.moveable-e,.crop-moveable .moveable-control.moveable-w{width:","px !important;height:","px !important;margin-top:-12px !important;}.crop-moveable .moveable-control.moveable-nw,.crop-moveable .moveable-control.moveable-ne,.crop-moveable .moveable-control.moveable-sw,.crop-moveable .moveable-control.moveable-se,.crop-moveable .moveable-control.moveable-nw::before,.crop-moveable .moveable-control.moveable-ne::before,.crop-moveable .moveable-control.moveable-sw::before,.crop-moveable .moveable-control.moveable-se::before,.crop-moveable .moveable-control.moveable-nw::after,.crop-moveable .moveable-control.moveable-ne::after,.crop-moveable .moveable-control.moveable-sw::after,.crop-moveable .moveable-control.moveable-se::after{left:initial !important;right:initial !important;top:initial !important;bottom:initial !important;background:"," !important;position:absolute !important;border-style:solid !important;border-color:"," !important;}.crop-moveable .moveable-control.moveable-nw::before,.crop-moveable .moveable-control.moveable-ne::before,.crop-moveable .moveable-control.moveable-sw::before,.crop-moveable .moveable-control.moveable-se::before,.crop-moveable .moveable-control.moveable-nw::after,.crop-moveable .moveable-control.moveable-ne::after,.crop-moveable .moveable-control.moveable-sw::after,.crop-moveable .moveable-control.moveable-se::after{content:'';}.crop-moveable .moveable-control.moveable-nw,.crop-moveable .moveable-control.moveable-ne,.crop-moveable .moveable-control.moveable-sw,.crop-moveable .moveable-control.moveable-se{width:","px !important;height:","px !important;}.crop-moveable .moveable-control.moveable-nw{top:-","px !important;left:-","px !important;border-width:1px 0 0 1px !important;border-radius:2px 0 0 0 !important;}.crop-moveable .moveable-control.moveable-ne{top:-","px !important;right:-","px !important;border-width:1px 1px 0 0 !important;border-radius:0 2px 0 0 !important;}.crop-moveable .moveable-control.moveable-sw{left:-","px !important;bottom:-","px !important;border-width:0 0 1px 1px !important;border-radius:0 0 0 2px !important;}.crop-moveable .moveable-control.moveable-se{right:-","px !important;bottom:-","px !important;border-width:0 1px 1px 0 !important;border-radius:0 0 2px 0 !important;}.crop-moveable .moveable-control.moveable-nw::before,.crop-moveable .moveable-control.moveable-ne::before,.crop-moveable .moveable-control.moveable-sw::before,.crop-moveable .moveable-control.moveable-se::before{width:","px !important;height:","px !important;top:0;}.crop-moveable .moveable-control.moveable-nw::before,.crop-moveable .moveable-control.moveable-sw::before{left:","px !important;border-width:1px 1px 1px 0;border-radius:0 2px 2px 0;}.crop-moveable .moveable-control.moveable-ne::before,.crop-moveable .moveable-control.moveable-se::before{right:","px !important;border-width:1px 0 1px 1px;border-radius:2px 0 0 2px;}.crop-moveable .moveable-control.moveable-nw::before,.crop-moveable .moveable-control.moveable-ne::before{top:-","px !important;}.crop-moveable .moveable-control.moveable-sw::before,.crop-moveable .moveable-control.moveable-se::before{bottom:-","px !important;}.crop-moveable .moveable-control.moveable-nw::after,.crop-moveable .moveable-control.moveable-ne::after,.crop-moveable .moveable-control.moveable-sw::after,.crop-moveable .moveable-control.moveable-se::after{width:","px !important;height:","px !important;}.crop-moveable .moveable-control.moveable-nw::after,.crop-moveable .moveable-control.moveable-ne::after{top:","px !important;border-width:0 1px 1px 1px;border-radius:0 0 2px 2px;}.crop-moveable .moveable-control.moveable-sw::after,.crop-moveable .moveable-control.moveable-se::after{bottom:","px !important;border-width:1px 1px 0 1px;border-radius:2px 2px 0 0;}.crop-moveable .moveable-control.moveable-nw::after,.crop-moveable .moveable-control.moveable-sw::after{left:-","px !important;}.crop-moveable .moveable-control.moveable-ne::after,.crop-moveable .moveable-control.moveable-se::after{right:-",'px !important;}.crop-moveable .moveable-line.moveable-direction[data-line-index="0"]{margin-top:-4px;}.crop-moveable .moveable-line.moveable-direction[data-line-index="3"]{margin-top:4px;}.crop-moveable .moveable-line.moveable-direction[data-line-index="1"]{margin-left:4px;}.crop-moveable .moveable-line.moveable-direction[data-line-index="2"]{margin-left:-4px;}.crop-moveable .moveable-direction.moveable-line{background:'," !important;width:2px;height:2px;pointer-events:none;}"],(e=>{let{theme:t}=e;return t.colors.bg.primary}),(e=>{let{theme:t}=e;return t.colors.border.selection}),24,8,8,24,(e=>{let{theme:t}=e;return t.colors.bg.primary}),(e=>{let{theme:t}=e;return t.colors.border.selection}),7,7,1,1,1,7,1,7,7,7,17,8,6,6,1,1,8,17,6,6,1,1,(e=>{let{theme:t}=e;return t.colors.border.selection}));var g=a(37047);(0,s.createGlobalStyle)([".default-moveable .moveable-control,.default-moveable .moveable-line.moveable-rotation-line .moveable-control{background:"," !important;border:1px solid "," !important;}.default-moveable.type-text .moveable-direction.moveable-n,.default-moveable.type-text .moveable-direction.moveable-s{pointer-events:none;}.default-moveable .moveable-control.moveable-n{display:none !important;}.default-moveable .moveable-line{border:0;background:transparent !important;width:1px;height:1px;}.default-moveable .moveable-horizontal{border-bottom:1px dashed "," !important;}.default-moveable .moveable-vertical{border-right:1px dashed "," !important;}.default-moveable .moveable-gap{border-color:"," !important;}.default-moveable .moveable-target{border-style:solid !important;}.default-moveable .moveable-control.moveable-s,.default-moveable .moveable-control.moveable-e,.default-moveable .moveable-control.moveable-w{border-radius:4px;}.default-moveable .moveable-control.moveable-nw,.default-moveable .moveable-control.moveable-ne,.default-moveable .moveable-control.moveable-sw,.default-moveable .moveable-control.moveable-se{border-radius:2px;width:8px;height:8px;margin-left:-4px;margin-top:-4px;}.default-moveable .moveable-control.moveable-s{height:6px !important;width:16px !important;margin-top:-3px !important;}.default-moveable .moveable-control.moveable-e{height:16px !important;width:6px !important;margin-left:-3px !important;}.default-moveable .moveable-control.moveable-w{height:16px !important;width:6px !important;margin-left:-3px !important;}.default-moveable.moveable-control-box .moveable-line.moveable-direction{background:"," !important;width:1px;height:1px;}.default-moveable.moveable-control-box .moveable-line.moveable-rotation-line{background:"," !important;width:1px;height:12px;top:28px;}.default-moveable.moveable-control-box .moveable-control.moveable-rotation-control{border-radius:50px;width:29px;height:29px;margin-left:-14.5px;top:10.5px;}.default-moveable.moveable-control-box .moveable-control.moveable-rotation-control::after{content:'';position:absolute;width:28px;height:28px;left:-1px;top:-1px;background-image:url(\"",'");background-size:100%;filter:invert(100%);}.default-moveable.hide-handles .moveable-line.moveable-rotation-line,.default-moveable.hide-handles .moveable-line.moveable-direction{display:none;}.default-moveable.visually-hide-handles .moveable-control.moveable-e,.default-moveable.visually-hide-handles .moveable-control.moveable-w,.default-moveable.visually-hide-handles .moveable-control.moveable-s,.default-moveable.visually-hide-handles .moveable-control.moveable-ne,.default-moveable.visually-hide-handles .moveable-control.moveable-nw,.default-moveable.visually-hide-handles .moveable-control.moveable-sw{opacity:0;}.default-moveable.immoveable .moveable-line.moveable-direction{cursor:default;}'],(e=>{let{theme:t}=e;return t.colors.bg.primary}),(e=>{let{theme:t}=e;return t.colors.border.selection}),(e=>{let{theme:t}=e;return t.colors.border.focus}),(e=>{let{theme:t}=e;return t.colors.border.focus}),(e=>{let{theme:t}=e;return t.colors.border.negativePress}),(e=>{let{theme:t}=e;return t.colors.border.selection}),(e=>{let{theme:t}=e;return t.colors.border.selection}),g);s.default.div.withConfig({displayName:"withOverlay__Overlay",componentId:"sc-hntauo-0"})(["position:absolute;top:0;/*! @noflip */ left:0;width:0;height:0;z-index:",";"],(e=>{let{zIndex:t}=e;return t}));var E=a(8580)},72070:(e,t,a)=>{a.d(t,{Fragment:()=>n.Fragment,StrictMode:()=>n.StrictMode,cloneElement:()=>n.cloneElement,createContext:()=>r.createContext,createElement:()=>n.createElement,createPortal:()=>i.createPortal,createRef:()=>n.createRef,forwardRef:()=>n.forwardRef,identity:()=>r.identity,memo:()=>n.memo,render:()=>i.render,renderToStaticMarkup:()=>m.default,useBatchingCallback:()=>l.default,useCallback:()=>n.useCallback,useCombinedRefs:()=>s.default,useContext:()=>r.useContext,useContextReact:()=>n.useContextReact,useContextSelector:()=>c.default,useDebouncedCallback:()=>o.default,useEffect:()=>n.useEffect,useFocusOut:()=>d.default,useImperativeHandle:()=>n.useImperativeHandle,useLayoutEffect:()=>n.useLayoutEffect,useMemo:()=>n.useMemo,usePrevious:()=>u.default,useReducer:()=>n.useReducer,useRef:()=>n.useRef,useResizeEffect:()=>p.default,useState:()=>n.useState,useUnmount:()=>b.default});var o=a(19302),r=a(24778),n=a(66803),i=a(73935),l=a(6075),s=a(20814),c=a(76969),d=a(24114),u=a(95471);var p=a(13920),m=a(86757),b=a(84067);a(40083),a(67294)},66803:(e,t,a)=>{a.d(t,{Fragment:()=>o.Fragment,StrictMode:()=>o.StrictMode,cloneElement:()=>o.cloneElement,createElement:()=>o.createElement,createRef:()=>o.createRef,forwardRef:()=>o.forwardRef,memo:()=>o.memo,useCallback:()=>o.useCallback,useContextReact:()=>o.useContext,useEffect:()=>o.useEffect,useImperativeHandle:()=>o.useImperativeHandle,useLayoutEffect:()=>o.useLayoutEffect,useMemo:()=>o.useMemo,useReducer:()=>o.useReducer,useRef:()=>o.useRef,useState:()=>o.useState});var o=a(67294)},53649:(e,t,a)=>{a.d(t,{fauxStylesToCSS:()=>r});a(72070),a(9041);const o="CUSTOM-FAUX";function r(e,t){if(!e.includes(o))return null;const a={backgroundColor:"rgba(169, 169, 169, 0.7)"};return t?.color&&(a.color=`var(--faux-selection-color, ${t.color})`),a}},56862:(e,t,a)=>{a.d(t,{RichTextEditor:()=>r.default,getCaretCharacterOffsetWithin:()=>l.default,getFontVariants:()=>i.default,getHTMLFormatters:()=>s.getHTMLFormatters,getHTMLInfo:()=>s.getHTMLInfo,useRichText:()=>n.default});a(67294),a(72070),a(9041),a(34224),a(97643),a(47682),a(53649),a(21229),a(11810);var o=a(92507);(0,a(28020).weightToStyle)("700"),o.ITALIC,o.UNDERLINE;a(54530);a(33251);var r=a(4517),n=a(56991);var i=a(44397),l=a(40098),s=a(67187)},97643:(e,t,a)=>{a.d(t,{getSelectionForAll:()=>r});var o=a(9041);a(28020),a(28653),a(57778),a(15948);function r(e){const t=e.getFirstBlock(),a=e.getLastBlock();return new o.SelectionState({anchorKey:t.getKey(),anchorOffset:0,focusKey:a.getKey(),focusOffset:a.getLength()})}},36382:(e,t,a)=>{a.d(t,{disableTracking:()=>i,enableTracking:()=>r.default,getTimeTracker:()=>m.default,initializeTracking:()=>o.default,trackClick:()=>s.default,trackError:()=>c.default,trackEvent:()=>d.default,trackScreenView:()=>p});var o=a(49388),r=a(57714),n=a(60946);const i=function(){n.config.trackingEnabled=!1};var l=a(49379),s=a(36864),c=a(68729),d=a(5532);var u=a(87438);const p=async function(e){if(!await(0,l.default)())return Promise.resolve();const t={screen_name:e};return(0,u.default)("screen_view",t)};var m=a(26962)},2357:(e,t,a)=>{a.d(t,{useTransform:()=>n,useTransformHandler:()=>i});a(67294);var o=a(72070),r=a(62531);const n=function(e){return(0,o.useContextSelector)(r.default,e??o.identity)};const i=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;const r=n((e=>{let{actions:t}=e;return t.registerTransformHandler}));(0,o.useEffect)((()=>r(e,t)),a)}},15985:(e,t,a)=>{a.d(t,{DANGER_ZONE_HEIGHT:()=>s,FULLBLEED_HEIGHT:()=>l,FULLBLEED_RATIO:()=>i,PAGE_HEIGHT:()=>n,PAGE_RATIO:()=>o,PAGE_WIDTH:()=>r});const o=2/3,r=412,n=618,i=9/16,l=r/i,s=(l-n)/2},1787:(e,t,a)=>{a.d(t,{dataPixels:()=>r,dataToEditorX:()=>i,dataToEditorY:()=>l,dataToFontSizeY:()=>s,editorPixels:()=>n,getBox:()=>c});var o=a(15985);function r(e){return Number(e.toFixed(0))}function n(e){return Number(e.toFixed(5))}function i(e,t){return n(e*t/o.PAGE_WIDTH)}function l(e,t){return n(e*t/o.PAGE_HEIGHT)}function s(e,t){return(l(e,t)/10).toFixed(6)}function c(e,t,a){let{x:r,y:n,width:s,height:c,rotationAngle:d,isBackground:u}=e;return{x:i(u?0:r,t),y:l(u?-o.DANGER_ZONE_HEIGHT:n,a),width:i(u?o.PAGE_WIDTH:s,t),height:l(u?o.FULLBLEED_HEIGHT:c,a),rotationAngle:u?0:d}}},70333:(e,t,a)=>{a.d(t,{getCorners:()=>r});var o=a(1787);function r(e,t,a,o,r){const i=t+.5*o,l=a+.5*r,s=e*Math.PI/180;return{topLeftPoint:n(i,l,t,a,s),topRightPoint:n(i,l,t+o,a,s),bottomRightPoint:n(i,l,t+o,a+r,s),bottomLeftPoint:n(i,l,t,a+r,s)}}function n(e,t,a,r,n){const i=a-e,l=r-t,s=Math.sqrt(i*i+l*l);n+=Math.atan2(l,i);return{x:(0,o.dataPixels)(e+s*Math.cos(n)),y:(0,o.dataPixels)(t+s*Math.sin(n))}}},58860:(e,t,a)=>{a.d(t,{stripHTML:()=>r});const o=document.createElement("div");function r(e){return o.innerHTML=e,o.textContent}document.createElement("div")},37136:(e,t,a)=>{function o(e){try{return new URL(e),!0}catch{return!1}}function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"https";return/^(http:\/\/|https:\/\/|tel:|mailto:)/.test(e)?e:`${t}://${e}`}a.d(t,{isValidUrl:()=>o,withProtocol:()=>r})},98442:(e,t,a)=>{var o={};a.r(o),a.d(o,{createStoryFromTemplate:()=>El,duplicateStory:()=>Sl,fetchStories:()=>hl,getAuthors:()=>Tl,getProducts:()=>vl,getTaxonomies:()=>yl,getTaxonomyTerms:()=>wl,trashStory:()=>_l,updateStory:()=>gl});var r=a(67294);a.p=window.webStories.publicPath;var n=a(91655);for(const e of window?.webStories?.localeData||[])(0,n.setLocaleData)(e);a(92087);var i=a(7471),l=a(45246),s=a(17216),c=a(11443),d=a(59042),u=a(11756),p=a(90997),m=a(26300),b=a(14194),f=a(1745),h=a(72070);const _=(0,h.createContext)({api:{}});const g=function ConfigProvider(e){let{config:t,children:a}=e;return r.createElement(_.Provider,{value:t},a)};const E=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(_,e)};var S,T,y=a(36382);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},w.apply(this,arguments)}const SvgCompass=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",w({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,S||(S=r.createElement("path",{d:"M12.5 3v3M22 12.5h-3M12.5 22v-3M3 12.5h3M12.5 22a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19Z",stroke:"currentColor",strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),T||(T=r.createElement("path",{d:"M15.851 8.492a.5.5 0 0 1 .657.657l-2.13 4.967a.5.5 0 0 1-.262.263L9.15 16.508a.5.5 0 0 1-.657-.657l2.13-4.967a.5.5 0 0 1 .262-.263l4.967-2.129Z",stroke:"currentColor",strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))},v=(0,r.memo)(SvgCompass);var I,O;function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},C.apply(this,arguments)}const SvgHomeWithHeart=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",C({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,I||(I=r.createElement("path",{d:"M15.781 10.72a2.44 2.44 0 0 0-2.999-.367 2.493 2.493 0 0 0-.782.748 2.493 2.493 0 0 0-.782-.748 2.45 2.45 0 0 0-2.088-.21 2.47 2.47 0 0 0-1.443 1.375 2.476 2.476 0 0 0 .532 2.687L12 18l3.781-3.795a2.477 2.477 0 0 0 0-3.484Z",stroke:"currentColor",strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})),O||(O=r.createElement("path",{d:"m1 11 10.367-8.482a1 1 0 0 1 1.266 0L23 11M4 9v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9",stroke:"currentColor",strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))},A=(0,r.memo)(SvgHomeWithHeart);var L;function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},k.apply(this,arguments)}const SvgMenu=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",k({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,L||(L=r.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z",fill:"currentColor"})))},P=(0,r.memo)(SvgMenu);var N;function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},R.apply(this,arguments)}const SvgMoreVertical=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",R({fill:"none",viewBox:"0 0 4 16",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,N||(N=r.createElement("path",{d:"M2 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",fill:"currentColor"})))},x=(0,r.memo)(SvgMoreVertical);var M=a(87602);const D="open-in-editor-action",B="rename-action",F="duplicate-action",H="delete-story-action",U="copy-story-link",G="open-story-link",Y=[{label:(0,n.__)("Open in editor","web-stories"),value:D,isEnabled:e=>Boolean(e?.capabilities?.hasEditAction)},{label:(0,n.__)("Open in new tab","web-stories"),value:G,isEnabled:e=>Boolean(e?.previewLink)},{label:(0,n.__)("Copy Story URL","web-stories"),value:U,isEnabled:e=>Boolean(e?.previewLink)},{label:(0,n.__)("Rename","web-stories"),value:B,separator:"top",isEnabled:e=>Boolean(e?.capabilities?.hasEditAction)},{label:(0,n.__)("Duplicate","web-stories"),value:F,isEnabled:e=>Boolean(e?.capabilities?.hasEditAction)},{label:(0,n.__)("Delete Story","web-stories"),value:H,separator:"top",isEnabled:e=>Boolean(e?.capabilities?.hasDeleteAction)}],z={ASC:"asc",DESC:"desc"},j={NAME:"title",DATE_CREATED:"date",LAST_MODIFIED:"modified",CREATED_BY:"story_author"},V={orderby:j,order:z},$={[j.NAME]:z.ASC,[j.DATE_CREATED]:z.DESC,[j.LAST_MODIFIED]:z.DESC,[j.CREATED_BY]:z.ASC},W=[{label:(0,n.__)("Name","web-stories"),value:j.NAME},{label:(0,n.__)("Date Created","web-stories"),value:j.DATE_CREATED},{label:(0,n.__)("Last Modified","web-stories"),value:j.LAST_MODIFIED},{label:(0,n.__)("Created By","web-stories"),value:j.CREATED_BY}],Z={DRAFT:"draft",FUTURE:"future",PENDING:"pending",PUBLISH:"publish",PRIVATE:"private"},q={ALL:Object.values(Z).join(","),PUBLISHED_AND_FUTURE:[Z.PUBLISH,Z.FUTURE].join(","),...Z},K={[q.PUBLISH]:(0,n.__)("Published","web-stories"),[q.PENDING]:(0,n.__)("Pending","web-stories"),[q.FUTURE]:(0,n.__)("Scheduled","web-stories"),[q.DRAFT]:(0,n.__)("Draft","web-stories"),[q.PRIVATE]:(0,n.__)("Private","web-stories")},X=[{label:(0,n.__)("All Stories","web-stories"),value:q.ALL,status:"all"},{label:(0,n.__)("Drafts","web-stories"),value:q.DRAFT,status:q.DRAFT},{label:(0,n.__)("Pending","web-stories"),value:q.PENDING,status:q.PENDING},{label:(0,n.__)("Published","web-stories"),value:q.PUBLISH,status:q.PUBLISH},{label:(0,n.__)("Scheduled","web-stories"),value:q.FUTURE,status:q.FUTURE},{label:(0,n.__)("Private","web-stories"),value:q.PRIVATE,status:q.PRIVATE}],Q={[q.ALL]:e=>(0,M.default)(
/* translators: %d: number of stories in view */
(0,n._n)("Viewing <strong>%d</strong> story","Viewing all <strong>%d</strong> stories",e,"web-stories"),e),[q.DRAFT]:e=>(0,M.default)(
/* translators: %d: number of draft stories in view */
(0,n._n)("Viewing <strong>%d</strong> draft","Viewing <strong>%d</strong> drafts",e,"web-stories"),e),[q.PUBLISH]:e=>(0,M.default)(
/* translators: %d: number of stories */
(0,n._n)("Viewing <strong>%d</strong> published story","Viewing <strong>%d</strong> published stories",e,"web-stories"),e),[q.FUTURE]:e=>(0,M.default)(
/* translators: %d: number of stories */
(0,n._n)("Viewing <strong>%d</strong> scheduled story","Viewing <strong>%d</strong> scheduled stories",e,"web-stories"),e),[q.PENDING]:e=>(0,M.default)(
/* translators: %d: number of stories */
(0,n._n)("Viewing <strong>%d</strong> pending story","Viewing <strong>%d</strong> pending stories",e,"web-stories"),e),[q.PRIVATE]:e=>(0,M.default)(
/* translators: %d: number of stories */
(0,n._n)("Viewing <strong>%d</strong> private story","Viewing <strong>%d</strong> private stories",e,"web-stories"),e)},J={filters:{status:q.ALL},sort:{orderby:j.LAST_MODIFIED,order:$[j.LAST_MODIFIED]}},ee="diy_crafts",te="movies_tv",ae="beauty_style",oe="fitness_wellbeing",re="food",ne="travel",ie="music",le="sports",se=((0,n._x)("DIY & Crafts","template vertical","web-stories"),(0,n._x)("Movies & TV","template vertical","web-stories"),(0,n._x)("Beauty & Style","template vertical","web-stories"),(0,n._x)("Fitness & Wellbeing","template vertical","web-stories"),(0,n._x)("Food","template vertical","web-stories"),(0,n._x)("Travel","template vertical","web-stories"),(0,n._x)("Music","template vertical","web-stories"),(0,n._x)("Sports","template vertical","web-stories"),"white"),ce="black",de="gray",ue="brown",pe="red",me="orange",be="yellow",fe="green",he="blue",_e="pink",ge="purple",Ee=((0,n._x)("White","color","web-stories"),(0,n._x)("Black","color","web-stories"),(0,n._x)("Gray","color","web-stories"),(0,n._x)("Brown","color","web-stories"),(0,n._x)("Red","color","web-stories"),(0,n._x)("Orange","color","web-stories"),(0,n._x)("Yellow","color","web-stories"),(0,n._x)("Green","color","web-stories"),(0,n._x)("Blue","color","web-stories"),(0,n._x)("Pink","color","web-stories"),(0,n._x)("Purple","color","web-stories"),{ALL:"template"}),Se={[Ee.ALL]:e=>(0,M.default)(
/* translators: %d: number of templates in view */
(0,n._n)("Viewing <strong>%d</strong> template","Viewing all <strong>%d</strong> templates",e,"web-stories"),e)},Te={POPULAR:"popular",RECENT:"recent"},ye={orderby:Te,order:{ASC:"asc",DESC:"desc"}},we={filters:{status:Ee.ALL},sort:{orderby:Te.POPULAR}},ve=[{label:(0,n.__)("Popular","web-stories"),value:Te.POPULAR},{label:(0,n.__)("Recent","web-stories"),value:Te.RECENT}],Ie={template:(0,n.__)("See details","web-stories")},Oe={MENU:"menu",PANEL:"panel",COLOR_PANEL:"color_panel"},Ce=[".jpg",".jpeg",".png",".gif"],Ae=288,Le=1098,ke="tablet",Pe="desktop",Ne="thumbnail",Re={[ke]:200,[Pe]:232,[Ne]:33},xe=24,Me=32,De=52,Be=5,Fe={DASHBOARD:"/",TEMPLATES_GALLERY:"/templates-gallery",TEMPLATE_DETAIL:"template-detail"},He={[Fe.DASHBOARD]:(0,n.__)("Dashboard","web-stories"),[Fe.TEMPLATES_GALLERY]:(0,n.__)("Explore Templates","web-stories"),[`${Fe.TEMPLATES_GALLERY}/${Fe.TEMPLATE_DETAIL}`]:(0,n.__)("Template Details","web-stories"),DEFAULT:(0,n.__)("Dashboard","web-stories")},Ue=[{value:Fe.DASHBOARD,label:He[Fe.DASHBOARD],Icon:A},{value:Fe.TEMPLATES_GALLERY,label:He[Fe.TEMPLATES_GALLERY],Icon:v}],Ge={GRID:"grid",LIST:"list"},Ye={[Ge.GRID]:(0,n.__)("Switch to List View","web-stories"),[Ge.LIST]:(0,n.__)("Switch to Grid View","web-stories")},ze="DASHBOARD",je="TEMPLATES_GALLERY",Ve={[ze]:{...Q},[je]:{...Se}},$e=24,We=853,Ze=640,qe="creating_story_from_template",Ke="create_story_from_template_success",Xe="create_story_from_template_failure",Qe="loading_stories",Je="fetch_stories_success",et="fetch_stories_failure",tt="update_story",at="update_story_failure",ot="trash_story",rt="trash_story_failure",nt="duplicate_story",it="duplicate_story_failure",lt={error:{},isLoading:!1,stories:{},storiesOrderById:[],totalStoriesByStatus:{},totalPages:null};const st=function(e,t){switch(t.type){case Qe:case qe:return{...e,isLoading:t.payload};case Xe:case et:case at:case rt:case it:return{...e,error:{...t.payload,id:Date.now()}};case Ke:return{...e,error:{}};case tt:return{...e,error:{},stories:{...e.stories,[t.payload.id]:t.payload}};case ot:{const a=t.payload.storyStatus===q.DRAFT?q.DRAFT:q.PUBLISH;return{...e,error:{},storiesOrderById:e.storiesOrderById.filter((e=>e!==t.payload.id)),totalStoriesByStatus:{...e.totalStoriesByStatus,all:e.totalStoriesByStatus.all-1,[a]:e.totalStoriesByStatus[a]-1},stories:Object.keys(e.stories).reduce(((a,o)=>(parseInt(o)!==t.payload.id&&(a[o]=e.stories[o]),a)),{})}}case nt:return{...e,error:{},storiesOrderById:[t.payload.id,...e.storiesOrderById],totalStoriesByStatus:{...e.totalStoriesByStatus,all:e.totalStoriesByStatus.all+1,[t.payload.status]:e.totalStoriesByStatus[t.payload.status]+1},stories:{...e.stories,[t.payload.id]:t.payload}};case Je:{const{fetchedStoryIds:a,totalStoriesByStatus:o,totalPages:r,page:n,stories:i}=t.payload,{storiesOrderById:l,stories:s}=e,c=1===n?a:[...l,...a],d=[...new Set(c)];return{...e,error:{},storiesOrderById:d,stories:{...s,...i},totalPages:r||1,totalStoriesByStatus:o,allPagesFetched:n>=r}}default:return e}},ct={LOAD_STORIES:{MESSAGE:(0,n.__)("Unable to load stories","web-stories")},UPDATE_STORY:{MESSAGE:(0,n.__)("Unable to update story","web-stories")},DELETE_STORY:{MESSAGE:(0,n.__)("Unable to delete story","web-stories")},CREATE_STORY_FROM_TEMPLATE:{MESSAGE:(0,n.__)("Unable to create story from template","web-stories")},DUPLICATE_STORY:{MESSAGE:(0,n.__)("Unable to duplicate story","web-stories")},LOAD_TEMPLATES:{DEFAULT_MESSAGE:(0,n.__)("Cannot connect to data source","web-stories"),MESSAGE:(0,n.__)("Unable to load templates","web-stories")},RENDER_PREVIEW:{MESSAGE:(0,n.__)("Unable to render preview","web-stories")},LOAD_TEMPLATE:{DEFAULT_MESSAGE:(0,n.__)("Could not load the template","web-stories")}},dt=()=>{const e=(0,h.useRef)(!0),t=(0,h.useMemo)((()=>new Map),[]),[a,o]=(0,h.useReducer)(st,lt),{apiCallbacks:r}=E(),n=(0,h.useRef)(!1);(0,h.useEffect)((()=>(n.current=!0,()=>{n.current=!1})),[]);const i=(0,h.useCallback)((async a=>{o({type:Qe,payload:!0});const i=(0,y.getTimeTracker)("load_stories");try{const{stories:l,fetchedStoryIds:s,totalPages:c,totalStoriesByStatus:d}=await r.fetchStories(a);if(!n.current)return;e.current&&t.forEach((e=>{e(d)})),e.current=!1,o({type:Je,payload:{stories:l,totalPages:c,totalStoriesByStatus:d,fetchedStoryIds:s,page:a.page}})}catch(e){o({type:et,payload:{message:ct.LOAD_STORIES.MESSAGE,code:e.code}})}finally{o({type:Qe,payload:!1}),i()}}),[r,t]),l=(0,h.useCallback)((async e=>{const t=(0,y.getTimeTracker)("load_update_story");try{const a=await r.updateStory(e);o({type:tt,payload:a})}catch(e){o({type:at,payload:{message:ct.UPDATE_STORY.MESSAGE,code:e.code}})}finally{t()}}),[r]),s=(0,h.useCallback)((async e=>{const t=(0,y.getTimeTracker)("load_trash_story");try{await r.trashStory(e.id),o({type:ot,payload:{id:e.id,storyStatus:e.status}})}catch(e){o({type:rt,payload:{message:ct.DELETE_STORY.MESSAGE,code:e.code}})}finally{t()}}),[r]),c=(0,h.useCallback)((async e=>{o({type:qe,payload:!0});try{const t=await r.createStoryFromTemplate(e);o({type:Ke}),window.location=t.editLink}catch(e){o({type:Xe,payload:{message:ct.CREATE_STORY_FROM_TEMPLATE.MESSAGE,code:e.code}})}finally{o({type:qe,payload:!1})}}),[r]);return{stories:a,api:{duplicateStory:(0,h.useCallback)((async e=>{const t=(0,y.getTimeTracker)("load_duplicate_story");try{const a=await r.duplicateStory(e);o({type:nt,payload:a})}catch(e){o({type:it,payload:{message:ct.DUPLICATE_STORY.MESSAGE,code:e.code}})}finally{t()}}),[r]),fetchStories:i,createStoryFromTemplate:c,trashStory:s,updateStory:l,addInitialFetchListener:(0,h.useCallback)((e=>{const a=Symbol();return t.set(a,e),()=>{t.delete(a)}}),[t])}}};var ut=a(17445),pt=a(70722),mt=a(68057),bt=(a(60427),a(51085)),ft=a(7694),ht=a(55965),_t=a(96764),gt=a(63415);const Et=function(e){if(!e)return"";const t=(0,pt.toDate)(e);if((0,bt.default)(t)){const{locale:e}=(0,_t.default)();return(0,ft.default)(t,{includeSeconds:!1,addSuffix:!0,locale:e})}return(0,ht.default)(t)?(0,n.__)("yesterday","web-stories"):(0,gt.default)(e)};const St=function(e){return(0,pt.toDate)(e,{timeZone:"+0000"})};const Tt=(e,t)=>e.reduce(((e,a)=>a[t]?(e[a[t]],e[a[t]]=a,e):e),{}),yt="loading_templates",wt="fetch_templates_success",vt="fetch_templates_failure",It="placeholder",Ot={allPagesFetched:!1,error:{},isLoading:!1,templates:{},templatesByTag:{},templatesOrderById:[],totalTemplates:null,totalPages:null};const Ct=function(e,t){switch(t.type){case yt:return{...e,isLoading:t.payload};case vt:return{...e,error:{...t.payload,id:Date.now()}};case wt:{const a=t.payload.templates.map((e=>{let{id:t}=e;return t})),o=1===t.payload.page?a:[...e.templatesOrderById,...a],r=[...new Set(o)];return{...e,error:{},templatesOrderById:r,templates:{...e.templates,...Tt(t.payload.templates,"id")},isLoading:!1,totalPages:t.payload.totalPages,totalTemplates:t.payload.totalTemplates,allPagesFetched:t.payload.page>=t.payload.totalPages,templatesByTag:t.payload.templatesByTag}}case It:return Ot;default:return e}};const At=()=>{const[e,t]=(0,h.useReducer)(Ct,Ot),{cdnURL:o}=E(),r=(0,h.useCallback)((async()=>{t({type:yt,payload:!0});const e={},{getAllTemplates:r}=await Promise.all([a.e(1814),a.e(4991)]).then(a.bind(a,68104)),n=(await r({cdnURL:o})).map((t=>{const a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const{id:a,slug:o,modified:r,creationDate:n}=e;return a&&o?{...e,id:a,slug:o,creationDate:(0,pt.toDate)(n,(0,_t.default)()),status:"template",modified:St(r),isLocal:t}:null}(t);return a.tags.forEach((t=>{e[t]?e[t].push(a.id):e[t]=[a.id]})),a})).sort(((e,t)=>(0,ut.default)(e.creationDate,t.creationDate)));t({type:wt,payload:{page:1,templates:n,totalPages:1,totalTemplates:n.length,templatesByTag:e}})}),[o]),n=(0,h.useCallback)((t=>e.templates[t]?Promise.resolve(e.templates[t]):Promise.reject(new Error)),[e]);return{templates:e,api:{fetchExternalTemplates:r,fetchExternalTemplateById:n}}};const Lt=function(){const{apiCallbacks:{getAuthors:e}}=E();return{api:{getAuthors:e}}};const kt=function(){const{apiCallbacks:{getTaxonomies:e,getTaxonomyTerms:t}}=E();return{api:{getTaxonomies:e,getTaxonomyTerms:t}}},Pt=(0,h.createContext)({state:{},actions:{}});function ApiProvider(e){let{children:t}=e;const{api:a}=Lt(),{api:o}=kt(),{templates:n,api:i}=At(),{stories:l,api:s}=dt(),c={state:{stories:l,templates:n},actions:{storyApi:s,templateApi:i,usersApi:a,taxonomyApi:o}};return r.createElement(Pt.Provider,{value:c},t)}var Nt=a(21193),Rt=a(45697),xt=a.n(Rt),Mt=a(46324),Dt=a(22049);const Bt=(0,m.css)(["picture{display:block;& > img{display:block;height:100%;width:100%;object-fit:fill;border-radius:",";border:",";}}"],(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{theme:t}=e;return`1px solid ${t.colors.border.defaultNormal}`})),Ft=m.default.div.withConfig({displayName:"cardGallery__GalleryContainer",componentId:"sc-8jnrkn-0"})(["flex:1;display:flex;justify-content:space-between;align-items:start;"]),Ht=m.default.div.withConfig({displayName:"cardGallery__DisplayPage",componentId:"sc-8jnrkn-1"})(["overflow:hidden;width:38.6%;margin-left:2.1%;"," @media screen and (min-width:1600px){width:45.2%;margin-left:2.4%;}"],Bt);Ht.propTypes={$isThreeRows:xt().bool};const Ut=m.default.div.withConfig({displayName:"cardGallery__Thumbnails",componentId:"sc-8jnrkn-2"})(["position:relative;display:grid;width:52.3%;grid-template-columns:repeat(3,1fr);column-gap:8px;row-gap:16px;margin-right:16px;@media screen and (min-width:1600px){width:59.3%;grid-template-columns:repeat(4,1fr);}"]),Gt=(0,m.default)(Mt.Button).attrs({type:Dt.BUTTON_TYPES.PLAIN}).withConfig({displayName:"cardGallery__ThumbnailButton",componentId:"sc-8jnrkn-3"})(["display:block;height:100%;padding:0;border:none;background-color:transparent;position:relative;&:active{background-color:transparent;}"," ",";"],(e=>{let{$isSelected:t,theme:a}=e;return t&&(0,m.css)(["&:after{content:'';position:absolute;box-sizing:border-box;width:100%;height:100%;display:block;top:0;right:0;border-radius:",";border:4px solid ",";}"],a.borders.radius.medium,a.colors.interactiveBg.active)}),Bt);function Yt(e){return(0,M.default)(
/* translators: %s: page number. */
(0,n.__)("Poster of template page %s","web-stories"),e)}Gt.propTypes={$isSelected:xt().bool};const zt=function CardGallery(e){let{galleryPosters:t,isRTL:a,galleryLabel:o}=e;const[i,l]=(0,h.useState)(0),[s,c]=(0,h.useState)(),d=(0,h.useRef)(),u=(0,h.useRef)(),p=(0,h.useRef)({}),m=(0,h.useCallback)((e=>{l(e),c(e)}),[]),b=(0,h.useCallback)((e=>{c(e)}),[]);(0,h.useEffect)((()=>{t&&(l(0),c())}),[t]),(0,Nt.default)({containerRef:d,gridRef:u,itemRefs:p,isRTL:a,currentItemId:s,items:t});const f=(0,h.useMemo)((()=>t.map(((e,t)=>{const a=`gallery_item_${t}`,o=t+1,l=s?s===t:i===t;return r.createElement("div",{key:a,ref:e=>{p.current[t]=e},onFocus:()=>b(t)},r.createElement(Gt,{$isSelected:i===t,tabIndex:l?0:-1,onClick:()=>m(t),"aria-label":i===t?(0,M.default)(
/* translators: %s: page number. */
(0,n.__)("Page %s (current page)","web-stories"),o):(0,M.default)(
/* translators: %s: page number. */
(0,n.__)("Page %s","web-stories"),o)},r.createElement("picture",null,r.createElement("source",{srcSet:e.webp,type:"image/webp"}),r.createElement("source",{srcSet:e.png,type:"image/png"}),r.createElement("img",{src:e.png,decoding:"async",alt:Yt(o),width:Ze,height:We}))))}))),[t,i,s,b,m]);return r.createElement(Ft,{ref:d},r.createElement(Ut,{ref:u,role:"group","aria-label":o,"data-testid":"mini-cards-container"},f),r.createElement(Ht,null,t[i]&&r.createElement("picture",null,r.createElement("source",{srcSet:t[i].webp,type:"image/webp"}),r.createElement("source",{srcSet:t[i].png,type:"image/png"}),r.createElement("img",{src:t[i].png,decoding:"async",alt:(0,M.default)(
/* translators: %s: active preview page number */
(0,n.__)("Active Page Preview - Page %s","web-stories"),i+1),width:Ze,height:We}))))};var jt=a(19722),Vt=a(33625);const $t=xt().oneOf([...Object.values(q),...Object.values(Ee)]),Wt=xt().shape({id:xt().number.isRequired,status:$t,title:xt().string.isRequired,modified:xt().oneOfType([xt().object,xt().string]),author:xt().object,capabilities:xt().shape({hasDeleteAction:xt().bool,hasEditAction:xt().bool})}),Zt=xt().shape({id:xt().number.isRequired,status:$t,title:xt().string.isRequired,pages:xt().array,modified:xt().object,colors:xt().arrayOf(xt().shape({label:xt().string.isRequired,color:xt().string.isRequired})),description:xt().string,tags:xt().arrayOf(xt().string),createdBy:xt().string,postersByPage:xt().arrayOf(xt().shape({webp:xt().string,png:xt().string,type:xt().string}))}),qt=(xt().shape({id:xt().number.isRequired,name:xt().string.isRequired,slug:xt().string.isRequired,count:xt().number.isRequired}),xt().shape({id:xt().number.isRequired,parent:xt().number.isRequired,name:xt().string.isRequired,slug:xt().string.isRequired,count:xt().number.isRequired}),xt().shape({id:xt().number.isRequired,name:xt().string.isRequired,slug:xt().string.isRequired,avatarUrls:xt().object}),xt().arrayOf(Wt),xt().arrayOf(Zt).isRequired,xt().shape({duplicateStory:xt().func,trashStory:xt().func,updateStory:xt().func}),xt().shape({createStoryFromTemplate:xt().func,handleDetailsToggle:xt().func,switchToTemplateByOffset:xt().func}),xt().shape({all:xt().number,draft:xt().number,publish:xt().number}),xt().shape({width:xt().number,height:xt().number})),Kt=(xt().shape({handleMenuToggle:xt().func.isRequired,contextMenuId:xt().number.isRequired,menuItems:xt().arrayOf(xt().shape({label:xt().string,value:xt().oneOfType([xt().string,xt().bool]),url:xt().string,isEnabled:xt().func,action:xt().func}))}),xt().shape({handleOnRenameStory:xt().func,id:xt().number,handleCancelRename:xt().func}),m.default.div.withConfig({displayName:"cardGrid__DashboardGrid",componentId:"sc-1kbl74q-0"})(["display:grid;width:100%;grid-column-gap:","px;grid-row-gap:","px;grid-template-columns:",";grid-template-rows:",";scroll-margin-top:30vh;",";"],xe,Me,(e=>{let{columnWidth:t}=e;return`\n    repeat(auto-fill, ${t}px)`}),(e=>{let{columnHeight:t}=e;return`minmax(${t}px, auto)`}),(e=>{let{theme:t}=e;return(0,m.css)(["&.","{",";}"],jt.FOCUS_VISIBLE_SELECTOR,Vt.focusCSS(t.colors.border.focus))})));Kt.propTypes={columnHeight:xt().number,columnWidth:xt().number};const Xt=(0,h.forwardRef)((function CardGrid(e,t){let{ariaLabel:a,children:o,pageSize:n}=e;return r.createElement(Kt,{ref:t,role:"list","data-testid":"dashboard-grid-list",tabIndex:0,"aria-label":a,columnWidth:n.width,columnHeight:n.height},o)}));var Qt=a(98448),Jt=a(44586),ea=a(86376),ta=a(8682),aa=a(43688);function oa(){return oa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},oa.apply(this,arguments)}const ra=(0,m.default)(ea.Link).withConfig({displayName:"link__StyledLink",componentId:"sc-1q07ax2-0"})(["",";background-color:transparent;text-decoration:none;:active,:hover,:focus,:active *,:hover *,:focus *{color:"," !important;}:hover{background-color:",";}:active{background-color:",";}"],aa.menuItemStyles,(e=>{let{theme:t}=e;return t.colors.fg.primary}),(e=>{let{theme:t}=e;return t.colors.interactiveBg.secondaryHover}),(e=>{let{theme:t}=e;return t.colors.interactiveBg.secondaryPress}));const na=function Link(e){let{id:t,onBlur:a,onClick:o,onFocus:n,openNewTab:i,...l}=e;const{focusedId:s,onDismiss:c,onMenuItemBlur:d,onMenuItemFocus:u}=(0,ta.default)((e=>{let{state:t,actions:a}=e;return{focusedId:t.focusedId,onDismiss:a.onDismiss,onMenuItemBlur:a.onMenuItemBlur,onMenuItemFocus:a.onMenuItemFocus}})),p=(0,h.useMemo)(Jt.default,[]),m=t||p,b=i?{target:"_blank",rel:"noreferrer"}:{};return r.createElement(ra,oa({id:m,tabIndex:s===m?0:-1,role:"menuitem",onBlur:e=>{d(),a?.(e)},onClick:e=>{o?.(e),c(e)},onFocus:e=>{u(m),n?.(e)}},b,l))};var ia=a(51537),la=a(77568);const sa=m.default.button.withConfig({displayName:"storyMenu__MoreVerticalButton",componentId:"sc-1vaaobv-0"})(["display:flex;background:transparent;padding:0 8px;opacity:",";transition:opacity ease-in-out 300ms;cursor:pointer;color:",";& > svg{width:4px;max-height:100%;}border:0;border-radius:",";",";"],(e=>{let{menuOpen:t,isVisible:a}=e;return t||a?1:0}),(e=>{let{theme:t,$isInverted:a}=e;return a?t.colors.inverted.fg.primary:t.colors.interactiveFg.brandNormal}),(e=>{let{theme:t}=e;return t.borders.radius.small}),(e=>{let{theme:t,$isInverted:a}=e;return Vt.focusableOutlineCSS(!1,!!a&&t.colors.standard.black)}));sa.propTypes={menuOpen:xt().bool};const ca=m.default.div.withConfig({displayName:"storyMenu__MenuContainer",componentId:"sc-1vaaobv-1"})(["position:relative;align-self:",";text-align:right;"," & > div{margin:0;}"],(e=>{let{verticalAlign:t="flex-start"}=e;return t}),(e=>{let{$menuStyleOverrides:t}=e;return t}));function StoryMenu(e){let{contextMenuId:t,onMoreButtonSelected:a,storyId:o,verticalAlign:i,menuItems:l,itemActive:s,tabIndex:c,menuStyleOverrides:d,menuLabel:u,isInverted:p}=e;const m=t===o,b=(0,h.useCallback)((e=>a(e,-1)),[a]);return r.createElement(ca,{verticalAlign:i,"data-testid":`story-context-menu-${o}`,$menuStyleOverrides:d},r.createElement(sa,{"data-testid":`story-context-button-${o}`,tabIndex:c,menuOpen:m,isVisible:s,"aria-label":u||(0,n.__)("More Options","web-stories"),onClick:e=>a(e,m?-1:o),className:"context-menu-button",$isInverted:p},r.createElement(x,null)),r.createElement(Qt.default,{animate:!0,isOpen:m,onDismiss:b},l.map((e=>{let{label:t,separator:a,...o}=e;const n=o.href?na:ia.default;return r.createElement(h.Fragment,{key:t},"top"===a&&r.createElement(la.default,null),r.createElement(n,o,t),"bottom"===a&&r.createElement(la.default,null))}))))}ca.propTypes={verticalAlign:xt().oneOf(["center","flex-start","flex-end"])};const da=m.default.div.attrs({role:"listitem"}).withConfig({displayName:"cardGridItem__CardGridItem",componentId:"sc-w3d579-0"})(["margin:0;width:100%;display:grid;grid-template-columns:100%;grid-template-rows:",";","{margin:12px 0;}&:hover ",",&:active ",",&:focus-within ","{opacity:1;}&:hover .card_buttons,&:active .card_buttons,&:focus-within .card_buttons{opacity:1;}"],(e=>{let{$posterHeight:t}=e;return`${t}px auto`}),sa,sa,sa,sa);da.propTypes={$posterHeight:xt().number};const ua=da;var pa=a(4251);xt().shape({label:xt().string.isRequired,color:xt().string.isRequired});const ma=m.default.ul.withConfig({displayName:"colorList__ColorContainer",componentId:"sc-uphoth-0"})(["display:flex;margin:0;"]),ba=m.default.li.withConfig({displayName:"colorList__Color",componentId:"sc-uphoth-1"})(["",""],(e=>{let{theme:t,$backgroundColor:a,color:o,size:r,spacing:n}=e;return`\n    width: ${r}px;\n    height: ${r}px;\n    border-radius: 50%;\n    margin-bottom: 0;\n    background-color: rgb(${a});\n    ${(e=>({"#fff":`border: solid 1px ${e}`,"#ffffff":`border: solid 1px ${e}`,white:`border: solid 1px ${e}`,"#fef9f1":`border: solid 1px ${e}`,"#fff8f2":`border: solid 1px ${e}`,"#f9f9f9":`border: solid 1px ${e}`,"#fcfcfc":`border: solid 1px ${e}`}))(t.colors.border.defaultNormal)[o]||""};\n\n    & + & {\n      margin-left: ${n||10}px;\n    }\n  `}));const fa=function ColorList(e){let{colors:t,size:a,spacing:o,...n}=e;return r.createElement(ma,n,t.map((e=>{let{label:t,color:n}=e;const{r:i,g:l,b:s}=(0,pa.default)(n).color,c=`${i}, ${l}, ${s}`;return r.createElement(ba,{key:n,size:a,spacing:o,color:n,$backgroundColor:c,title:t,ariaLabel:t,"data-testid":"detail-template-color"})})))},ha=m.default.div.withConfig({displayName:"contentGutter__StandardViewContentGutter",componentId:"sc-17seiz9-0"})(["margin:0 ","px;"],De);var _a=a(70250);function ga(){return ga=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},ga.apply(this,arguments)}const Ea=e=>{let{onClose:t,onSecondary:a,onPrimary:o,primaryText:n,secondaryText:i,primaryRest:s,secondaryRest:c,actions:d,children:u,...p}=e;const b=(0,h.useMemo)((()=>n&&r.createElement(Mt.Button,ga({type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.SMALL,onClick:()=>o?.()},s),n)),[n,s,o]),f=(0,h.useMemo)((()=>i&&r.createElement(Mt.Button,ga({type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL,onClick:()=>a?.()||t()},c),i)),[i,c,a,t]);return r.createElement(m.ThemeProvider,{theme:l.theme},r.createElement(_a.Dialog,ga({onClose:t},p,{actions:d||r.createElement(r.Fragment,null,f,b)}),u))};var Sa=a(22437),Ta=a(67480);const ya=(0,m.default)(Mt.Button).withConfig({displayName:"fileUpload__StyledButton",componentId:"sc-1egk7ci-0"})([":focus-within{","}"],(e=>{let{theme:t}=e;return Vt.focusCSS(t.colors.border.focus)})),wa=m.default.input.withConfig({displayName:"fileUpload__Input",componentId:"sc-1egk7ci-1"})(Sa.visuallyHidden),va=m.default.div.withConfig({displayName:"fileUpload__UploadFormArea",componentId:"sc-1egk7ci-2"})(["display:flex;flex-direction:column;align-items:center;position:relative;justify-content:flex-end;width:100%;min-height:153px;padding:40px 0;border-radius:4px;border:1px dashed ",";transition:border-color 300ms ease-in;"],(e=>{let{isDragging:t,theme:a}=e;return t?a.colors.border.focus:a.colors.border.defaultNormal})),Ia=(0,m.default)(Ta.Text).withConfig({displayName:"fileUpload__UploadHelperText",componentId:"sc-1egk7ci-3"})(["margin:0 auto 16px;padding:0 20%;text-align:center;color:",";"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),Oa=m.default.div.withConfig({displayName:"fileUpload__LoadingIndicator",componentId:"sc-1egk7ci-4"})(["display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:100%;height:100%;background-color:",";opacity:",";z-index:",";pointer-events:none;transition:opacity ease-in-out 300ms;p{font-style:italic;}"],(e=>{let{theme:t}=e;return t.colors.standard.white}),(e=>{let{isLoading:t}=e;return t?.6:0}),(e=>{let{isLoading:t}=e;return t?"100":"0"}));function Ca(e){e.preventDefault(),e.stopPropagation()}const Aa=e=>{let{id:t,label:a,onSubmit:o,isLoading:i,isMultiple:l,ariaLabel:s,instructionalText:c=(0,n.__)("You can also drag your file here","web-stories"),acceptableFormats:d=Ce}=e;const u=(0,h.useRef)(null),p=(0,h.useRef)(null),[m,b]=(0,h.useState)(!1),f=(0,h.useCallback)((e=>{o(Object.values(e))}),[o]),_=(0,h.useCallback)((e=>{Ca(e),f(e.target.files),p.current.value=null}),[f]),g=(0,h.useCallback)((e=>{Ca(e);const t=e.dataTransfer.files;t&&f(t),b(!1)}),[f]),E=(0,h.useCallback)((e=>{Ca(e),b((e=>!e)),m&&e.dataTransfer.clearData()}),[m]);return(0,h.useEffect)((()=>{if(!p?.current)return()=>{};const e=p.current;return e.addEventListener("change",_),()=>{e.removeEventListener("change",_)}}),[_]),r.createElement(va,{ref:u,isDragging:m,onDrop:g,onDragEnter:E,onDragLeave:E,onDragOver:Ca,"data-testid":"file-upload-drop-area"},r.createElement(Oa,{isLoading:i},r.createElement("p",null,(0,n.__)("Loading…","web-stories"))),r.createElement(Ia,null,c),r.createElement(ya,{forwardedAs:"label",htmlFor:t,"aria-label":s,type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.SMALL},a,r.createElement(wa,{ref:p,type:"file",id:t,"data-testid":"upload-file-input",accept:d.join(","),multiple:l,disabled:i,"aria-live":"polite","aria-busy":i})))};var La=a(35199),ka=a(91778),Pa=a(6215);function Na(){return Na=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},Na.apply(this,arguments)}const Ra=m.default.div.withConfig({displayName:"input__Container",componentId:"sc-1dusq6m-0"})(["position:relative;display:inline-block;width:100%;min-width:40px;"]),xa=(0,m.default)(Ta.Text).withConfig({displayName:"input__Label",componentId:"sc-1dusq6m-1"})(["margin-bottom:12px;display:inline-block;"]),Ma=(0,m.default)(Ta.Text).withConfig({displayName:"input__Hint",componentId:"sc-1dusq6m-2"})(["display:inline-block;margin-top:12px;color:",";"],(e=>{let{hasError:t,theme:a}=e;return a.colors.fg[t?"negative":"tertiary"]})),Da=(0,m.default)(Ta.Text).withConfig({displayName:"input__Suffix",componentId:"sc-1dusq6m-3"})(["background:transparent;color:",";white-space:nowrap;svg{width:32px;height:32px;margin:2px -10px;display:block;}"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),Ba=m.default.div.withConfig({displayName:"input__InputContainer",componentId:"sc-1dusq6m-4"})((e=>{let{focused:t,hasError:a,theme:o,styleOverride:r}=e;return(0,m.css)(["display:flex;align-items:center;justify-content:space-between;height:36px;padding:4px 12px;border:1px solid ",";border-radius:",";overflow:hidden;",";",";:focus-within{",";}",";"],o.colors.border[a?"negativeNormal":"defaultNormal"],o.borders.radius.small,t&&!a&&(0,m.css)(["border-color:",";"],o.colors.border.defaultActive),t&&(0,m.css)(["","{color:",";}"],Da,o.colors.fg.primary),(0,Vt.focusCSS)(o.colors.border.focus),r)})),Fa=m.default.input.withConfig({displayName:"input__BaseInput",componentId:"sc-1dusq6m-5"})((e=>{let{hasSuffix:t,theme:a}=e;return(0,m.css)(["height:100%;width:100%;padding:0;"," background-color:inherit;border:none;outline:none;box-shadow:none;color:",";",";::placeholder{color:",";}:disabled{color:",";border-color:",";& ~ ","{color:",";}}:focus{box-shadow:none;}:active:enabled{color:",";}"],t&&(0,m.css)(["padding-right:8px;"]),a.colors.fg.primary,La.expandPresetStyles({preset:{...a.typography.presets.paragraph[ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL]},theme:a}),a.colors.fg.tertiary,a.colors.fg.disable,a.colors.border.disable,Da,a.colors.fg.disable,a.colors.fg.primary)})),Ha=(0,h.forwardRef)(((e,t)=>{let{inputClassName:a,className:o,disabled:n,hasError:i,hint:l,id:s,label:c,onBlur:d,onFocus:u,hasFocus:p=!1,suffix:m,unit:b="",value:f="",isIndeterminate:_=!1,containerStyleOverride:g="",...E}=e;const S=(0,h.useMemo)((()=>s||(0,Jt.default)()),[s]),[T,y]=(0,h.useState)(p),[w,v]=(0,h.useState)(!1);let I=f;b&&f.length&&(I=`${f}${T?"":`${b}`}`),_&&(I="");const O=Boolean(m);return r.createElement(Ra,{className:o},c&&r.createElement(xa,{htmlFor:S,forwardedAs:"label",disabled:n},c),r.createElement(Ba,{focused:T,hasError:i,styleOverride:g},r.createElement(Fa,Na({id:S,disabled:n,ref:e=>{"function"==typeof t?t(e):t&&(t.current=e),e&&T&&!w&&(e.select(),v(!0))},onFocus:e=>{u?.(e),y(!0),v(!1)},onBlur:e=>{d?.(e),y(!1)},value:I,hasSuffix:O,className:a},E)),O&&r.createElement(Da,{hasLabel:Boolean(c),forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,onClick:()=>y(!0)},m)),l&&r.createElement(Ma,{hasError:i},l))}));Pa.default,xt().string,xt().bool,xt().bool,xt().oneOfType([xt().string,xt().node]),xt().string,Pa.default,xt().func,xt().func.isRequired,xt().func,xt().node,xt().string,xt().string,xt().bool,xt().oneOfType([xt().object,xt().array]);Ha.displayName="Input";const Ua=(0,m.default)(Ha).withConfig({displayName:"inlineInputForm__StyledInput",componentId:"sc-21xnmy-0"})(["div{height:auto;}",""],(e=>{let{$isInverted:t,theme:a}=e;return t&&(0,m.css)(["input{color:",";}"],a.colors.inverted.fg.primary)})),Ga=e=>{let{noAutoFocus:t,error:a,id:o,isInverted:n,label:i,onEditCancel:l,onEditComplete:s,placeholder:c,value:d}=e;const u=(0,h.useRef)(null),[p,m]=(0,h.useState)(d);(0,h.useEffect)((()=>{m(d)}),[d]),(0,h.useFocusOut)(u,(()=>{l()}),[l]),(0,h.useEffect)((()=>{!t&&u.current&&u.current.querySelector("input")?.focus()}),[t]);const b=(0,h.useCallback)((e=>{let{target:t}=e;m(t.value)}),[m]),f=(0,h.useCallback)((e=>{let{nativeEvent:t}=e;13===t.keyCode?s(p):27===t.keyCode&&l()}),[p,s,l]);return r.createElement("div",{ref:u},r.createElement(Ua,{"aria-label":i,id:`${o}`,"data-testid":"inline-input-form",value:p,onKeyDown:f,onChange:b,placeholder:c,hasError:Boolean(a),hint:a,$isInverted:n}))},Ya=(0,h.createContext)(null),za=e=>{let{children:t}=e;const a=(0,h.useRef)(),o=(0,h.useRef)(null);(0,h.useEffect)((()=>{a.current=document?.getElementById("web-stories-dashboard")?.querySelector(["button","a"])}),[]);const n=(0,h.useCallback)((()=>{document.documentElement?.scrollTo?.({top:0,behavior:"smooth"}),a.current?.focus()}),[]),i=(0,h.useMemo)((()=>({state:{scrollFrameRef:o},actions:{scrollToTop:n}})),[n]);return r.createElement(Ya.Provider,{value:i},t)},ja=()=>{const e=(0,h.useContext)(Ya);if(!e)throw new Error("useLayoutContext() must be used within a <Layout.Provider />");return e},Va=m.default.div.withConfig({displayName:"scrollable__ScrollContent",componentId:"sc-17i1z8u-0"})([""]),$a=e=>{let{children:t}=e;const{state:{scrollFrameRef:a}}=ja();return r.createElement(Va,{ref:a},t)},Wa=m.default.div.withConfig({displayName:"fixed__FixedContent",componentId:"sc-735v4o-0"})(["position:absolute;top:0;right:0;bottom:0;left:0;z-index:",";overflow:hidden;pointer-events:none;& > *{pointer-events:auto;}"],Be),Za={Provider:za,Scrollable:$a,Fixed:e=>{let{children:t}=e;return r.createElement(Wa,null,t)}},qa=m.default.div.withConfig({displayName:"pageStructureComponents__AppFrame",componentId:"sc-199ev3j-0"})(["width:100%;@media screen and (max-width:","px){width:","px;}"],Le,Le),Ka=m.default.div.withConfig({displayName:"pageStructureComponents__PageContent",componentId:"sc-199ev3j-1"})(["position:relative;padding-top:10px;width:",";left:",";@media screen and (max-width:","px){left:0;width:100%;}"],(e=>{let{fullWidth:t}=e;return t?"100%":"calc(100% - 288px)"}),(e=>{let{fullWidth:t}=e;return t?"0":"288px"}),Le),Xa=m.default.nav.attrs({"data-testid":"dashboard-left-rail"}).withConfig({displayName:"pageStructureComponents__LeftRailContainer",componentId:"sc-199ev3j-2"})(["position:fixed;display:flex;justify-content:space-between;flex-direction:column;top:",";bottom:0;width:","px;background:",";z-index:",";transition:transform 0.25s ",",opacity 0.25s linear;@media screen and (max-width:","px){padding-left:0;opacity:",";visibility:",";transform:translateX(",");}"],(e=>{let{topOffset:t}=e;return`${t}px`}),Ae,(e=>{let{theme:t}=e;return t.colors.bg.primary}),Be,ka.BEZIER.outCubic,Le,(e=>{let{isOpen:t}=e;return t?1:0}),(e=>{let{isOpen:t}=e;return t?"visible":"hidden"}),(e=>{let{isOpen:t}=e;return t?"none":"-100%"})),Qa=m.default.div.withConfig({displayName:"pageStructureComponents__LoadingContainer",componentId:"sc-199ev3j-3"})(["display:flex;justify-content:center;align-items:center;min-height:550px;"]);var Ja,eo,to,ao;function oo(){return oo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},oo.apply(this,arguments)}const SvgLogoWithTypeCircleColor=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",oo({viewBox:"0 0 212 64",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,Ja||(Ja=r.createElement("circle",{cx:32,cy:32,r:32,transform:"rotate(-180 32 32)",fill:"url(#a)"})),eo||(eo=r.createElement("g",{filter:"url(#b)",fill:"#fff"},r.createElement("path",{d:"M41.6 19.2a3.2 3.2 0 0 1 3.2 3.2v19.2a3.2 3.2 0 0 1-3.2 3.2V19.2zm-24 0a3.2 3.2 0 0 1 3.2-3.2h14.4a3.2 3.2 0 0 1 3.2 3.2v25.6a3.2 3.2 0 0 1-3.2 3.2H20.8a3.2 3.2 0 0 1-3.2-3.2V19.2zM48 22.4a2.4 2.4 0 0 1 2.4 2.4v14.4a2.4 2.4 0 0 1-2.4 2.4V22.4z"}))),to||(to=r.createElement("path",{d:"m80.78 40.4-4.967-18.33h2.407l3.328 13.466.307 1.254h.102l.384-1.254 4.096-13.466h2.253l3.917 13.466.384 1.254h.102l3.61-14.72h2.406L94.17 40.4h-2.253l-3.892-13.261-.41-1.434h-.102l-.435 1.434-4.045 13.26H80.78zm24.747.41c-1.263 0-2.389-.3-3.379-.897a6.391 6.391 0 0 1-2.304-2.457c-.546-1.041-.82-2.227-.82-3.559 0-1.245.257-2.397.769-3.456.529-1.058 1.263-1.903 2.201-2.534.956-.649 2.074-.973 3.354-.973 1.297 0 2.406.29 3.328.87a5.53 5.53 0 0 1 2.15 2.356c.512 1.007.768 2.159.768 3.456 0 .12-.008.239-.025.358 0 .12-.009.222-.026.307h-10.342c.068 1.024.315 1.878.742 2.56.444.666.99 1.17 1.638 1.51a4.47 4.47 0 0 0 2.023.487c.956 0 1.741-.222 2.355-.665a5.278 5.278 0 0 0 1.51-1.69l1.844.896a6.603 6.603 0 0 1-2.202 2.458c-.956.648-2.15.972-3.584.972zm-.179-11.905c-1.058 0-1.937.333-2.637.999s-1.161 1.527-1.382 2.585h7.961c-.017-.495-.162-1.015-.435-1.561-.256-.563-.666-1.041-1.229-1.434-.563-.392-1.322-.589-2.278-.589zm15.423 11.904c-1.041 0-1.954-.239-2.739-.716-.785-.478-1.357-1.016-1.715-1.613h-.103v1.92h-2.073V22.07h2.176v5.402l-.103 1.817h.103c.358-.614.93-1.16 1.715-1.638s1.698-.717 2.739-.717c1.195 0 2.262.299 3.2.896.939.598 1.681 1.417 2.227 2.458.547 1.04.82 2.236.82 3.584 0 1.348-.273 2.543-.82 3.584-.546 1.04-1.288 1.86-2.227 2.457-.938.598-2.005.896-3.2.896zm-.23-1.97a3.98 3.98 0 0 0 2.099-.59c.666-.41 1.195-.99 1.587-1.74.41-.751.615-1.63.615-2.637 0-1.024-.205-1.903-.615-2.637-.392-.75-.921-1.323-1.587-1.715a3.857 3.857 0 0 0-2.099-.615c-.751 0-1.459.205-2.125.615-.648.392-1.178.964-1.587 1.715-.41.734-.615 1.613-.615 2.637s.205 1.911.615 2.662c.409.734.939 1.306 1.587 1.715a4.116 4.116 0 0 0 2.125.59zm19.73 1.97a6.608 6.608 0 0 1-2.637-.563 6.642 6.642 0 0 1-2.304-1.664c-.665-.734-1.152-1.647-1.459-2.739l2.074-.845c.29 1.058.819 1.946 1.587 2.663.768.716 1.698 1.075 2.79 1.075.683 0 1.306-.12 1.869-.359a3.286 3.286 0 0 0 1.382-1.1c.359-.478.538-1.059.538-1.741 0-.905-.341-1.622-1.024-2.15-.666-.547-1.655-1.05-2.97-1.511l-1.152-.41a13.954 13.954 0 0 1-2.048-.972 5.22 5.22 0 0 1-1.689-1.536c-.444-.649-.666-1.46-.666-2.432 0-.888.239-1.699.717-2.432.478-.734 1.135-1.323 1.971-1.767.837-.444 1.801-.665 2.893-.665 1.143 0 2.099.213 2.867.64.785.41 1.4.904 1.843 1.484.461.564.768 1.084.922 1.562l-2.022.87c-.103-.358-.299-.725-.589-1.1-.29-.393-.683-.717-1.178-.973-.478-.273-1.083-.41-1.817-.41-.598 0-1.161.12-1.69.359-.512.239-.93.571-1.254.998-.308.41-.461.887-.461 1.434 0 .768.307 1.373.921 1.817.615.444 1.443.845 2.484 1.203l1.203.41c.546.188 1.101.418 1.664.691.58.273 1.118.623 1.613 1.05.495.426.896.956 1.203 1.587.307.614.461 1.357.461 2.227 0 .939-.188 1.75-.564 2.432a4.746 4.746 0 0 1-1.433 1.639 5.972 5.972 0 0 1-1.971.921c-.7.205-1.391.307-2.074.307zm13.187-.204c-1.092 0-1.971-.316-2.636-.948-.666-.648-.999-1.544-.999-2.688v-7.654h-2.278v-1.971h2.278v-3.687h2.176v3.687h3.2v1.971h-3.2v7.117c0 .683.137 1.212.41 1.587.29.376.759.563 1.408.563.29 0 .555-.042.793-.128.239-.085.453-.187.64-.307v2.125c-.221.102-.469.179-.742.23-.256.069-.606.103-1.05.103zm9.799.204c-1.314 0-2.475-.307-3.482-.921a6.658 6.658 0 0 1-2.381-2.483c-.563-1.058-.844-2.236-.844-3.533 0-1.297.281-2.466.844-3.507a6.605 6.605 0 0 1 2.381-2.51c1.007-.614 2.168-.92 3.482-.92s2.474.315 3.481.946a6.418 6.418 0 0 1 2.356 2.51c.58 1.04.87 2.2.87 3.48 0 1.298-.29 2.475-.87 3.534a6.465 6.465 0 0 1-2.356 2.483c-1.007.614-2.167.921-3.481.921zm0-1.97a4.34 4.34 0 0 0 2.201-.59 4.462 4.462 0 0 0 1.69-1.69c.427-.75.64-1.646.64-2.687s-.213-1.929-.64-2.663c-.427-.75-.99-1.322-1.69-1.715a4.34 4.34 0 0 0-2.201-.589c-.785 0-1.528.197-2.227.59-.7.392-1.263.963-1.69 1.714-.427.734-.64 1.622-.64 2.663 0 1.04.213 1.937.64 2.688.427.734.99 1.297 1.69 1.69a4.48 4.48 0 0 0 2.227.588zm8.984 1.56V27.345h2.073v2.099h.103a3.05 3.05 0 0 1 .845-1.28 4.5 4.5 0 0 1 1.382-.87 4.02 4.02 0 0 1 1.562-.333c.392 0 .699.025.921.077.222.034.427.094.615.179v2.355c-.547-.273-1.161-.41-1.844-.41-.631 0-1.211.18-1.74.538a4.003 4.003 0 0 0-1.28 1.434 4.236 4.236 0 0 0-.461 1.97V40.4h-2.176zm10.88-15.462c-.427 0-.794-.153-1.101-.46a1.503 1.503 0 0 1-.461-1.101c0-.444.154-.81.461-1.101.307-.307.674-.46 1.101-.46.444 0 .81.153 1.101.46.307.29.46.657.46 1.1 0 .428-.153.794-.46 1.102a1.45 1.45 0 0 1-1.101.46zM182.046 40.4V27.344h2.176V40.4h-2.176zm11.256.41c-1.263 0-2.389-.3-3.379-.897a6.39 6.39 0 0 1-2.304-2.457c-.546-1.041-.819-2.227-.819-3.559 0-1.245.256-2.397.768-3.456.529-1.058 1.263-1.903 2.201-2.534.956-.649 2.074-.973 3.354-.973 1.297 0 2.406.29 3.328.87a5.523 5.523 0 0 1 2.15 2.356c.512 1.007.768 2.159.768 3.456 0 .12-.008.239-.025.358 0 .12-.009.222-.026.307h-10.342c.068 1.024.315 1.878.742 2.56.444.666.99 1.17 1.638 1.51a4.47 4.47 0 0 0 2.023.487c.956 0 1.741-.222 2.355-.665a5.278 5.278 0 0 0 1.51-1.69l1.844.896a6.603 6.603 0 0 1-2.202 2.458c-.956.648-2.15.972-3.584.972zm-.179-11.905c-1.058 0-1.937.333-2.637.999s-1.16 1.527-1.382 2.585h7.961c-.017-.495-.162-1.015-.435-1.561-.256-.563-.666-1.041-1.229-1.434-.563-.392-1.322-.589-2.278-.589zm13.475 11.904c-1.468 0-2.663-.34-3.584-1.024-.922-.7-1.562-1.527-1.92-2.483l1.945-.87c.342.785.828 1.39 1.459 1.817a3.75 3.75 0 0 0 2.1.64c.768 0 1.45-.162 2.048-.486.614-.324.921-.802.921-1.434 0-.58-.256-1.032-.768-1.356-.495-.325-1.194-.598-2.099-.82l-1.587-.41c-.615-.17-1.195-.409-1.741-.716s-.99-.7-1.331-1.178c-.324-.494-.487-1.092-.487-1.792 0-.785.231-1.459.692-2.022.46-.563 1.066-.99 1.817-1.28a6.294 6.294 0 0 1 2.407-.46c1.109 0 2.116.247 3.02.742.922.478 1.571 1.169 1.946 2.073l-1.894.87c-.325-.648-.76-1.1-1.306-1.356s-1.143-.384-1.792-.384c-.683 0-1.306.162-1.869.486-.546.307-.819.734-.819 1.28s.213.956.64 1.229c.444.273.981.495 1.613.666l1.894.486c2.577.666 3.866 1.929 3.866 3.789 0 .819-.231 1.527-.691 2.125-.461.597-1.084 1.058-1.869 1.382-.785.324-1.656.486-2.611.486z",fill:"#000"})),ao||(ao=r.createElement("defs",null,r.createElement("linearGradient",{id:"a",x1:13.255,y1:6.599,x2:35.289,y2:62.791,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#79B3FF"}),r.createElement("stop",{offset:1,stopColor:"#CBACFF"})),r.createElement("filter",{id:"b",x:8.96,y:10.24,width:46.08,height:46.08,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},r.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),r.createElement("feColorMatrix",{in:"SourceAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),r.createElement("feOffset",{dy:1.28}),r.createElement("feGaussianBlur",{stdDeviation:1.92}),r.createElement("feColorMatrix",{values:"0 0 0 0 0.423529 0 0 0 0 0.490196 0 0 0 0 0.733333 0 0 0 0.3 0"}),r.createElement("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow"}),r.createElement("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow",result:"shape"})))))},ro=(0,r.memo)(SvgLogoWithTypeCircleColor);var no=a(55648);const io=(0,h.createContext)({state:{},actions:{}});const lo=function RouterProvider(e){let{children:t,...a}=e;const o=(0,h.useRef)(a.history||(0,no.createHashHistory)()),[n,i]=(0,h.useState)(o.current.location.pathname),[l,s]=(0,h.useState)([]),c=Fe.DASHBOARD,d=(0,h.useMemo)((()=>(e=>{let{availableRoutes:t,currentPath:a,defaultRoute:o}=e;const r=t.filter((e=>a.startsWith(e)));return r.length<=1?o:a})({availableRoutes:l,currentPath:n,defaultRoute:c})),[l,n,c]),u=e=>{const t=new URLSearchParams(e);return Object.fromEntries(t)},[p,m]=(0,h.useState)(u(o.current.location.search));(0,h.useEffect)((()=>o.current.listen((e=>{let{location:t}=e;m(u(t.search)),i(t.pathname)}))),[]);const b=(0,h.useMemo)((()=>({state:{activeRoute:d,currentPath:n,queryParams:p,availableRoutes:l,defaultRoute:c},actions:{push:o.current.push,replace:o.current.replace,setAvailableRoutes:s}})),[d,l,n,c,p]);return r.createElement(io.Provider,{value:b},t)};const so=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(io,e)};function co(e){return e.toLowerCase().startsWith("http://")||e.toLowerCase().startsWith("https://")?e:e.startsWith("/")?`#${e}`:""===e?"#/":`${window.location.hash}/${e}`}function Route(e){let{component:t,path:a,exact:o=!1,isDefault:r=!1}=e;const{availableRoutes:n,currentPath:i,defaultRoute:l}=so((e=>{let{state:t}=e;return t})),s=function(e){let{currentPath:t,path:a,availableRoutes:o,defaultRoute:r,isDefault:n=!1,exact:i=!1}=e;const l=new RegExp(`^${a}`).exec(t);if(!l&&!n)return null;const s=l?.[0];if(n){const e=o.filter((e=>t.startsWith(e))).length<=1;if(e)return r}return i&&t!==s?null:s}({currentPath:i,availableRoutes:n,defaultRoute:l,path:a,exact:o,isDefault:r});return s?t:null}Route.propTypes={component:xt().node.isRequired,path:xt().string.isRequired,exact:xt().bool,isDefault:xt().bool};const uo=Route,po=(0,h.createContext)({actions:{},state:{}});function mo(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(po,e)}function NavProvider(e){let{children:t}=e;const[a,o]=(0,h.useState)(!1),n=(0,h.useCallback)((()=>{o(!a)}),[a]),i=(0,h.useMemo)((()=>({actions:{toggleSideBar:n},state:{sideBarVisible:a}})),[a,n]);return r.createElement(po.Provider,{value:i},t)}var bo=a(19901);const fo=m.default.div.withConfig({displayName:"navigationComponents__Content",componentId:"sc-6htb2i-0"})(["display:flex;flex-direction:column;margin:20px 0;> *{margin:20px 28px;}"]),ho=(0,m.default)(bo.Headline).withConfig({displayName:"navigationComponents__Header",componentId:"sc-6htb2i-1"})(["margin:42px 0px 72px;& > svg{margin:0 28px;height:64px;}"]),_o=m.default.ul.withConfig({displayName:"navigationComponents__NavList",componentId:"sc-6htb2i-2"})(["margin:0;padding:0;"]),go=m.default.li.withConfig({displayName:"navigationComponents__NavListItem",componentId:"sc-6htb2i-3"})(["margin:10px 28px;padding:0;list-style-type:none;"]),Eo=(0,m.css)(["span{color:",";}svg path{stroke:",";}"],(e=>{let{theme:t}=e;return t.colors.interactiveFg.brandPress}),(e=>{let{theme:t}=e;return t.colors.interactiveFg.brandPress})),So=(0,m.default)(ea.Link).withConfig({displayName:"navigationComponents__NavLink",componentId:"sc-6htb2i-4"})((e=>{let{active:t,theme:a,isIconLink:o}=e;return(0,m.css)([""," color:",";*{transition:color 0.25s linear,stroke 0.25s linear;}",";:hover{",";}"],o&&(0,m.css)(["display:grid;grid-template-columns:1fr 4fr;grid-template-areas:'icon link link link link';"]),a.colors.fg.secondary,t&&Eo,Eo)})),To=(0,m.default)(Ta.Text).withConfig({displayName:"navigationComponents__PathName",componentId:"sc-6htb2i-5"})(["grid-area:link;"]),yo=(0,m.default)(Ta.Text).withConfig({displayName:"navigationComponents__AppInfo",componentId:"sc-6htb2i-6"})((e=>{let{theme:t}=e;return(0,m.css)(["color:",";"],t.colors.fg.secondary)}));function wo(){return wo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},wo.apply(this,arguments)}const vo=m.default.div.withConfig({displayName:"leftRail__IconWrap",componentId:"sc-wua966-0"})(["position:relative;"]);const Io=function LeftRail(){const e=so((e=>{let{state:t}=e;return t.activeRoute})),{newStoryURL:t,version:a,leftRailSecondaryNavigation:o,canViewDefaultTemplates:i,styleConstants:{topOffset:l}}=E(),s=(0,h.useRef)(null),c=(0,h.useRef)(null),{state:{sideBarVisible:d},actions:{toggleSideBar:u}}=mo(),p=(0,h.useCallback)((e=>{let{target:t}=e;t!==s.current&&t!==c.current&&u()}),[u,s,c]),m=(0,h.useCallback)((()=>{d&&u()}),[u,d]);(0,h.useFocusOut)(s,m,[d]),(0,h.useLayoutEffect)((()=>{d&&s.current&&s.current.focus()}),[d]);const b=(0,h.useCallback)((()=>{(0,y.trackEvent)("create_new_story")}),[]),f=(0,h.useCallback)(((e,t)=>{(0,y.trackClick)(e,t.trackingEvent)}),[]);return r.createElement(Xa,{onClickCapture:p,ref:s,isOpen:d,topOffset:l,role:"navigation","aria-label":(0,n.__)("Main dashboard navigation","web-stories")},r.createElement("div",{ref:c},r.createElement(ho,{forwardedAs:"h2"},r.createElement(ro,{title:(0,n.__)("Web Stories Dashboard","web-stories")})),r.createElement(fo,null,r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.QUATERNARY,size:Dt.BUTTON_SIZES.SMALL,href:t,onClick:b},(0,n.__)("Create New Story","web-stories"))),r.createElement(fo,null,r.createElement(_o,null,Ue.map((t=>{let{Icon:a,...o}=t;return o.value===Fe.TEMPLATES_GALLERY&&!i?null:r.createElement(go,{key:o.value},r.createElement(So,wo({active:e===o.value,href:co(o.value),size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0,isIconLink:Boolean(a),"aria-label":e===o.value?(0,M.default)(
/* translators: %s: the current page, for example "Dashboard". */
(0,n.__)("%s (active view)","web-stories"),o.label):o.label},o.isExternal&&{rel:"noreferrer",target:"_blank",onClick:e=>f(e,o)}),r.createElement(vo,null,a&&r.createElement(a,{width:"22px"})),r.createElement(To,{as:"span",isBold:!0},o.label)))}))))),r.createElement(fo,null,o&&r.createElement(_o,null,o.map((t=>r.createElement(go,{key:t.value},r.createElement(So,wo({active:e===t.value,href:co(t.value),size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,"aria-label":e===t.value?(0,M.default)(
/* translators: %s: the current page, for example "Dashboard". */
(0,n.__)("%s (active view)","web-stories"),t.label):t.label},t.isExternal&&{rel:"noreferrer",target:"_blank",onClick:e=>f(e,t)}),r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},t.label)))))),r.createElement(yo,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL},(0,M.default)(
/* translators: 1: Current Year, 2: App Version */
(0,n.__)("© %1$s Google Version %2$s","web-stories"),(new Date).getFullYear(),a))))},Oo=(0,m.default)(P).attrs({width:24,height:24}).withConfig({displayName:"menuButton__MenuIcon",componentId:"sc-ov12l5-0"})(["display:block;color:",";"],(e=>{let{theme:t}=e;return t.colors.interactiveFg.brandNormal})),Co=m.default.button.withConfig({displayName:"menuButton__TransparentButton",componentId:"sc-ov12l5-1"})(["display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-right:16px;background:transparent;border:0;border-radius:",";"," ",""],(e=>{let{theme:t}=e;return t.borders.radius.small}),Vt.focusableOutlineCSS,(e=>{let{showOnlyOnSmallViewport:t}=e;return t&&(0,m.css)(["display:none;@media screen and (max-width:","px){display:inline-block;}"],Le)}));const Ao=function NavMenuButton(e){let{showOnlyOnSmallViewport:t}=e;const{actions:a}=mo();return r.createElement(Co,{onClick:a.toggleSideBar,showOnlyOnSmallViewport:t,"aria-label":(0,n.__)("Toggle main navigation","web-stories")},r.createElement(Oo,{"aria-hidden":!0}))};var Lo=a(99832);const ko=(0,m.default)(Mt.Button).withConfig({displayName:"scrollToTop__StyledButton",componentId:"sc-o0u22z-0"})((e=>{let{$isVisible:t,theme:a}=e;return(0,m.css)(["position:fixed;right:40px;bottom:40px;height:50px;width:50px;display:flex;align-self:center;justify-content:space-around;align-items:center;contain:content;padding:8px;background-color:",";pointer-events:",";box-shadow:0px 4px 14px rgba(0,0,0,0.25);opacity:",";transition:opacity 300ms ease-in-out;"],a.colors.opacity.white64,t?"auto":"none",Number(t))})),Po=(0,m.default)(Lo.default).withConfig({displayName:"scrollToTop__DropUpArrowIcon",componentId:"sc-o0u22z-1"})(["position:relative;transform:scale(2.4);"]),No=()=>{const[e,t]=(0,h.useState)(!1),{actions:{scrollToTop:a}}=ja(),o=(0,h.useDebouncedCallback)((()=>t(window.scrollY>0)),100);return(0,h.useEffect)((()=>(window.addEventListener("scroll",o,{passive:!0}),function(){window.removeEventListener("scroll",o,{passive:!0})})),[o]),r.createElement(ko,{disabled:!e,"aria-label":(0,n.__)("Scroll back to top","web-stories"),"data-testid":"scroll-to-top-button",$isVisible:e,onClick:a,variant:Dt.BUTTON_VARIANTS.CIRCLE},r.createElement(Po,{"aria-hidden":!0}))},Ro=m.default.table.withConfig({displayName:"table__Table",componentId:"sc-16y5cap-0"})([""," border-collapse:collapse;width:inherit;"],La.expandTextPreset(((e,t)=>{let{paragraph:a}=e,{SMALL:o}=t;return a[o]}))),xo=m.default.tbody.withConfig({displayName:"table__TableBody",componentId:"sc-16y5cap-1"})([""]),Mo=m.default.thead.withConfig({displayName:"table__TableHeader",componentId:"sc-16y5cap-2"})(["background:",";"],(e=>{let{theme:t}=e;return t.colors.bg.secondary})),Do=(0,m.default)(Mo).withConfig({displayName:"table__StickyTableHeader",componentId:"sc-16y5cap-3"})(["width:100%;border-top:0;border-bottom:0;th{height:100%;background:",";position:sticky;z-index:2;top:",";:first-child{border-top-left-radius:",";border-bottom-left-radius:",";}:last-child{border-top-right-radius:",";border-bottom-right-radius:",";}}"],(e=>{let{theme:t}=e;return t.colors.bg.secondary}),(e=>{let{topOffset:t}=e;return`${t}px`}),(e=>{let{theme:t}=e;return t.borders.radius.small}),(e=>{let{theme:t}=e;return t.borders.radius.small}),(e=>{let{theme:t}=e;return t.borders.radius.small}),(e=>{let{theme:t}=e;return t.borders.radius.small})),Bo=m.default.th.withConfig({displayName:"table__TableHeaderCell",componentId:"sc-16y5cap-4"})(["padding:16px;text-align:left;white-space:nowrap;"]),Fo=(0,m.default)(Bo).withConfig({displayName:"table__TablePreviewHeaderCell",componentId:"sc-16y5cap-5"})(["padding-right:0;"]),Ho=(0,m.default)(Bo).withConfig({displayName:"table__TableDateHeaderCell",componentId:"sc-16y5cap-6"})(["min-width:160px;"]),Uo=(0,m.default)(Bo).withConfig({displayName:"table__TableStatusHeaderCell",componentId:"sc-16y5cap-7"})(["display:table-cell;min-width:100px;@media ","{display:none;}"],(e=>{let{theme:t}=e;return t.breakpoint.tabletMax})),Go=(0,m.default)(Bo).withConfig({displayName:"table__TableAuthorHeaderCell",componentId:"sc-16y5cap-8"})(["min-width:110px;"]),Yo=(0,m.default)(Bo).withConfig({displayName:"table__TableTitleHeaderCell",componentId:"sc-16y5cap-9"})(["padding-left:0;width:30%;min-width:135px;span{display:none;margin-right:5px;}"]),zo=((0,m.default)(Bo).withConfig({displayName:"table__TableContentHeaderCell",componentId:"sc-16y5cap-10"})(["width:17.5%;min-width:150px;"]),m.default.tr.withConfig({displayName:"table__TableRow",componentId:"sc-16y5cap-11"})(["min-width:1250px;@media ","{min-width:0;}"],(e=>{let{theme:t}=e;return t.breakpoint.tabletMax}))),jo=m.default.td.withConfig({displayName:"table__TableCell",componentId:"sc-16y5cap-12"})(["padding:","px;font-weight:normal;word-break:break-word;height:","px;vertical-align:middle;span{color:",";line-height:20px;}"],16,82,(e=>{let{theme:t}=e;return t.colors.standard.black})),Vo=(0,m.default)(jo).withConfig({displayName:"table__TableStatusCell",componentId:"sc-16y5cap-13"})(["display:table-cell;span{color:",";}@media ","{display:none;}"],(e=>{let{theme:t}=e;return t.colors.fg.secondary}),(e=>{let{theme:t}=e;return t.breakpoint.tabletMax})),$o=((0,m.default)(jo).withConfig({displayName:"table__TableTitleCell",componentId:"sc-16y5cap-14"})(["width:30%;word-wrap:break-word;"]),(0,m.default)(jo).withConfig({displayName:"table__TableContentCell",componentId:"sc-16y5cap-15"})(["width:17.5%;min-width:150px;word-wrap:break-word;"]),(0,m.default)(jo).withConfig({displayName:"table__TablePreviewCell",componentId:"sc-16y5cap-16"})(["width:","px;"],Re[Ne]));var Wo=a(27856),Zo=a(73715);function qo(){return qo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},qo.apply(this,arguments)}function Tooltip(e){let{placement:t=Wo.PLACEMENT.BOTTOM,...a}=e;const{isRTL:o}=E(),n=o?Wo.RTL_PLACEMENT[t]:t;return r.createElement(Zo.BaseTooltip,qo({placement:n},a))}var Ko=a(2779),Xo=a(98477);const Qo=m.default.div.withConfig({displayName:"viewStyleBar__Container",componentId:"sc-17r9rf0-0"})(["display:flex;justify-content:flex-end;align-items:center;"]),Jo=m.default.button.withConfig({displayName:"viewStyleBar__ToggleButton",componentId:"sc-17r9rf0-1"})(["border:none;border-radius:",";"," padding:0;background:transparent;cursor:pointer;&:hover svg{color:",";}&:active svg{color:",";}"],(e=>{let{theme:t}=e;return t.borders.radius.small}),Vt.focusableOutlineCSS,(e=>{let{theme:t}=e;return t.colors.interactiveFg.hover}),(e=>{let{theme:t}=e;return t.colors.interactiveFg.active}));function ViewStyleBar(e){let{onPress:t,layoutStyle:a}=e;return r.createElement(Qo,null,r.createElement(Tooltip,{title:Ye[a],placement:Wo.PLACEMENT.BOTTOM_END,hasTail:!0},r.createElement(Jo,{"aria-label":Ye[a],onClick:t},a===Ge.GRID&&r.createElement(Ko.default,{height:"32px",width:"32px","data-testid":"list-icon"}),a===Ge.LIST&&r.createElement(Xo.default,{height:"32px",width:"32px","data-testid":"grid-icon"}))))}const er=(0,m.createGlobalStyle)(["h1,h2,h3,h4,h5,h6,p,a{margin:0;}"]),tr=e=>""===e?(0,n.__)("Untitled","web-stories"):e,ar=(0,m.createGlobalStyle)(["*:focus{outline:none !important;}"]),or=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab"],rr=()=>{const[e,t]=(0,h.useState)(!1),a=a=>{!e&&or.includes(a.key)&&t(!0)},o=()=>{e&&t(!1)};return(0,h.useEffect)((()=>(document.addEventListener("keydown",a),document.addEventListener("mousedown",o),function(){document.removeEventListener("keydown",a),document.removeEventListener("mousedown",o)}))),(0,h.useEffect)((()=>{document.body.classList.toggle("useskeyboard",e)}),[e]),e?null:r.createElement(ar,null)};function nr(e){let{isActiveSearch:t,currentFilter:a,totalResults:o,view:r}=e;return(0,h.useMemo)((()=>{const e=o??0,i=Ve[r]?.[a]||"",l="function"==typeof i?i(e):i;return t?(0,M.default)(
/* translators: %s: number of results. */
(0,n._n)("%s result","%s results",e,"web-stories"),(0,M.default)("<strong>%s</strong>",e)):l}),[t,o,r,a])}var ir=a(15985);const lr=e=>Math.round(e/ir.PAGE_RATIO),sr=e=>e<=Le?ke:Pe,cr=(e,t)=>{let{bp:a,respectSetWidth:o,availableContainerSpace:r}=t;if(o){return{width:e,height:lr(e)}}a===Pe&&(r-=Ae);const n=Math.floor(r/e),i=e+(r-(e*n+xe*(n-1)+2*De))/n;return{width:i,height:lr(i)}},dr=e=>window.innerWidth<Le?Le:e;function ur(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{thumbnailMode:t=!1,isGrid:a}=e,{containerId:o}=E(),r=(0,h.useRef)(document.getElementById(o)),[n,i]=(0,h.useState)(window.innerWidth),[l,s]=(0,h.useState)(sr(n)),[c,d]=(0,h.useState)(dr(r.current?.offsetWidth||window.innerWidth)),u=(0,h.useDebouncedCallback)((e=>{i(e)}),500);return(0,h.useEffect)((()=>{s(sr(n))}),[n]),(0,h.useResizeEffect)(r,(e=>{let{width:t}=e;d(dr(t)),window.innerWidth!==n&&u(window.innerWidth)}),[d,n,u]),(0,h.useMemo)((()=>({pageSize:cr(Re[t?Ne:l],{respectSetWidth:!a||t,availableContainerSpace:c,bp:l})})),[l,a,t,c])}var pr=a(80475);xt().shape({style:xt().oneOf(Object.values(Ge)),toggleStyle:xt().func,pageSize:qt}),xt().shape({filterId:xt().number,toggleFilterId:xt().func,queriedAuthors:xt().arrayOf(xt().shape({id:xt().number,name:xt().string})).isRequired,setQueriedAuthors:xt().func}),xt().shape({value:xt().oneOfType([xt().number,xt().string]),set:xt().func}),xt().shape({value:xt().oneOf(Object.values(j)),set:xt().func,direction:xt().oneOf(Object.values(z)),setDirection:xt().func}),xt().shape({value:xt().number,set:xt().func,requestNextPage:xt().func}),xt().shape({keyword:xt().string,setKeyword:xt().func}),xt().shape({current:xt().bool});xt().shape({style:xt().oneOf(Object.values(Ge)),pageSize:qt}),xt().shape({value:xt().oneOfType([xt().number,xt().string]),set:xt().func}),xt().shape({value:xt().number,set:xt().func,requestNextPage:xt().func}),xt().shape({keyword:xt().string,setKeyword:xt().func}),xt().shape({value:xt().oneOf(Object.values(Te)),set:xt().func});const mr=()=>{},br=()=>({isRTL:!1,userId:1,locale:{locale:"en-US",dateFormat:"F j, Y",timeFormat:"g:i a",gmtOffset:"0",timezone:"",months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekdaysInitials:["S","M","T","W","T","F","S"],weekStartsOn:1},newStoryURL:"",archiveURL:"",defaultArchiveURL:"",cdnURL:"https://wp.stories.google/static/main/",allowedImageMimeTypes:["image/webp","image/png","image/jpeg","image/gif"],version:"",encodeMarkup:!0,api:{},maxUpload:314572800,maxUploadFormatted:"300 MB",capabilities:{canManageSettings:!1,canUploadFiles:!1},canViewDefaultTemplates:!1,localeData:[],flags:{},apiCallbacks:{},leftRailSecondaryNavigation:[],styleConstants:{topOffset:0,leftOffset:0}});Object.defineProperty(b.default,"name",{value:"stylisRTLPlugin"});const fr=function Dashboard(e){let{config:t,children:a}=e;const o=(0,i.default)(br(),t),n={...l.theme,colors:s.light},{isRTL:h,flags:_,styleConstants:{leftOffset:E,topOffset:S}={}}=o;return r.createElement(f.FlagsProvider,{features:_},r.createElement(m.StyleSheetManager,{stylisPlugins:h?[b.default]:[]},r.createElement(m.ThemeProvider,{theme:n},r.createElement(c.Styles,null),r.createElement(d.ModalGlobalStyle,null),r.createElement(g,{config:o},r.createElement(ApiProvider,null,r.createElement(NavProvider,null,r.createElement(lo,null,r.createElement(u.default,null,r.createElement(p.default,{value:{isRTL:h,leftOffset:E,topOffset:S}},r.createElement(er,null),r.createElement(rr,null),a)))))))))};var hr=a(36798),_r=a(30963);const gr="UPDATE_FILTER",Er="UPDATE_SORT",Sr="REGISTER_FILTERS",Tr=(e,t)=>{let{type:a,payload:o={}}=t;switch(a){case gr:{const t=["search","status"],{key:a,value:r}=o,n=e.filters.find((e=>e.key===a));if(!n)return e;if(r.filterId&&n?.filterId===r.filterId){if(t.includes(a))return e;r.filterId=null}const i=e.filters.indexOf(n),l=[...e.filters];l[i]={...n,...r};const s={};for(const e of l)e.filterId&&(s[e.key]=e.filterId);return{...e,filters:l,filtersObject:s}}case Er:{const{type:t,values:a}=o,r={},n="story"===t?V:ye;for(const t in a)t in n&&Object.values(n[t]).includes(a[t])&&e.sortObject[t]!==a[t]&&(r[t]=a[t]);return 0===Object.entries(r).length?e:{...e,sortObject:{...e.sortObject,...r}}}case Sr:{const{value:t}=o,a=e.filters.map((e=>e.key)),r=t.filter((e=>!a.includes(e.key)));return r.length?{...e,filters:[...r,...e.filters]}:e}default:return e}};function yr(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(Pt,e)}const wr={};const vr=function(){const{getTaxonomies:e,getTaxonomyTerms:t}=yr((e=>{let{actions:{taxonomyApi:{getTaxonomies:t,getTaxonomyTerms:a}}}=e;return{getTaxonomies:t,getTaxonomyTerms:a}})),a=(0,h.useCallback)((async(e,a)=>{const{restBase:o,restPath:r}=e;return(await t(r,{search:a,per_page:-1})).map((e=>({...e,restBase:o,restPath:r})))}),[t]),o=(0,h.useCallback)((async e=>{const{restBase:t}=e;return wr[t]||(wr[t]=await a(e)),wr[t]}),[a]);return(0,h.useCallback)((async()=>(await e({hierarchical:!0,show_ui:!0})).map((e=>({key:e.restBase,restPath:e.restPath,placeholder:e.labels.allItems,ariaLabel:e.labels.filterByItem,noMatchesFoundLabel:e.labels.notFound,searchPlaceholder:e.labels.searchItems,query:t=>a(e,t),getPrimaryOptions:()=>o(e)})))),[a,o,e])};let Ir=null;const Or=function(){const{getAuthors:e}=yr((e=>{let{actions:{usersApi:{getAuthors:t}}}=e;return{getAuthors:t}})),t=(0,h.useCallback)((async(t,a)=>(await e(a)).map((e=>{let{id:t,name:a}=e;return{id:t,name:a}}))),[e]),a=(0,h.useCallback)((async()=>(Ir||(Ir=await t()),Ir)),[t]);return(0,h.useCallback)((()=>({key:"author",ariaLabel:(0,n.__)("Filter stories by author","web-stories"),placeholder:(0,n.__)("All Authors","web-stories"),searchPlaceholder:(0,n.__)("Search Authors","web-stories"),noMatchesFoundLabel:(0,n.__)("No authors found","web-stories"),query:t,getPrimaryOptions:a})),[t,a])},Cr=(0,h.createContext)({state:{},actions:{}});function StoryFiltersProvider(e){let{children:t}=e;const a=vr(),o=Or(),[n,i]=(0,h.useReducer)(Tr,{filters:[],filtersObject:{},sortObject:{}}),l=(0,h.useCallback)((e=>{i({type:Er,payload:{type:"story",values:e}})}),[]),s=(0,h.useCallback)(((e,t)=>{i({type:gr,payload:{key:e,value:t}})}),[]),c=(0,h.useCallback)((e=>{i({type:Sr,payload:{value:e}})}),[]),d=(0,h.useCallback)((async()=>{const e=[...await a(),o()].filter((e=>Boolean(e)));e.length&&c(e)}),[c,o,a]),u=(0,h.useMemo)((()=>({state:n,actions:{updateFilter:s,updateSort:l,registerFilters:c}})),[n,s,l,c]);return(0,h.useEffect)((()=>{d()}),[d]),r.createElement(Cr.Provider,{value:u},t)}function Ar(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(Cr,e)}var Lr=a(71577);const kr=(0,m.default)(Lr.DropDown).withConfig({displayName:"sortDropDown__StyledDropDown",componentId:"sc-lqi6ue-0"})(["width:210px;"]);const Pr=function SortDropDown(e){let{pageSortOptions:t,pageSortDefaultOption:a,currentSort:o,handleSortChange:i}=e;const l=(0,h.useCallback)(((e,t)=>{i({orderby:t})}),[i]);return r.createElement(kr,{ariaLabel:(0,n.__)("Choose sort option for display","web-stories"),options:t,type:Oe.DropDown,selectedValue:o?.orderby||a,onMenuItemClick:l})},Nr=m.default.div.withConfig({displayName:"bodyViewOptions__DisplayFormatContainer",componentId:"sc-x2ax3p-0"})(["display:grid;gap:1rem;min-height:76px;grid-template-columns:1fr auto auto;justify-content:start;align-items:center;margin-top:-10px;"]),Rr=m.default.div.withConfig({displayName:"bodyViewOptions__StorySortDropdownContainer",componentId:"sc-x2ax3p-1"})(["margin:auto 8px;align-self:flex-end;"]),xr=m.default.div.withConfig({displayName:"bodyViewOptions__ControlsContainer",componentId:"sc-x2ax3p-2"})(["display:flex;flex-wrap:wrap;margin:1rem 0;row-gap:1rem;justify-self:end;"]),Mr=m.default.div.withConfig({displayName:"bodyViewOptions__BodyViewOptionsHeader",componentId:"sc-x2ax3p-3"})([""]),Dr=(0,m.default)(_r.default.DropDown).withConfig({displayName:"bodyViewOptions__StyledDatalist",componentId:"sc-x2ax3p-4"})(["max-width:","px;"],350);function BodyViewOptions(e){let{handleLayoutSelect:t,resultsLabel:a,layoutStyle:o,pageSortOptions:i=[],pageSortDefaultOption:l,showGridToggle:s,showSortDropdown:c,filters:d=[],currentSort:u,handleSortChange:p}=e;const{updateFilter:b}=Ar((e=>{let{actions:{updateFilter:t}}=e;return{updateFilter:t}}));return r.createElement(ha,null,r.createElement(Mr,{id:"body-view-options-header"}),r.createElement(Nr,null,r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,null,a)),r.createElement(xr,null,d?.length?d.map((e=>r.createElement(Rr,{key:e.key,title:e.placeholder},r.createElement(Dr,{hasSearch:!0,hasDropDownBorder:!0,searchResultsLabel:(0,n.__)("Search results","web-stories"),"aria-label":e.ariaLabel,onChange:t=>{let{id:a}=t;b(e.key,{filterId:a})},getOptionsByQuery:e.query,getPrimaryOptions:e.getPrimaryOptions,selectedId:e.filterId,placeholder:e.placeholder,noMatchesFoundLabel:e.noMatchesFoundLabel,searchPlaceholder:e.searchPlaceholder,offsetOverride:!0,maxWidth:350,containerStyleOverrides:(0,m.css)(["flex-direction:column;"])})))):null,c&&r.createElement(Rr,null,r.createElement(Pr,{pageSortOptions:i,pageSortDefaultOption:l,currentSort:u,handleSortChange:p}))),s&&r.createElement(ViewStyleBar,{layoutStyle:o,onPress:t})))}var Br,Fr,Hr;function Ur(){return Ur=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},Ur.apply(this,arguments)}const SvgDesertColor=e=>{let{title:t,titleId:a,...o}=e;return r.createElement("svg",Ur({viewBox:"0 0 274 118",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},o),t?r.createElement("title",{id:a},t):null,Br||(Br=r.createElement("path",{d:"M59.68 117.706 8.551 106.934C2.505 105.66-.951 99.261 1.3 93.506l1.18-3.019a10 10 0 0 1 7.987-6.268l78.794-10.544a10.003 10.003 0 0 0 2.525-.683l82.061-34.244a10 10 0 0 1 8.263.255l56.296 27.675c.436.215.886.397 1.349.545l26.84 8.637c9.132 2.939 9.287 15.804.228 18.962l-26.529 9.248c-.819.285-1.671.463-2.536.529L62.497 117.892a9.985 9.985 0 0 1-2.818-.186Z",fill:"#F4F2EF"})),Fr||(Fr=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M224 26a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4v31h4V44a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-7v17h-10V49h-7a2 2 0 0 1-2-2V31a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v13h4V26ZM120.857 53.178a2.143 2.143 0 0 1 4.286 0v14.25h1.714v-5.357a1.072 1.072 0 0 1 2.143 0V68.5a1.146 1.146 0 0 1-.048.319 1.073 1.073 0 0 1-1.023.753h-2.786v5.892h-4.286v-7.892h-2.786A1.073 1.073 0 0 1 117 66.5v-6.429a1.072 1.072 0 0 1 2.143 0v5.358h1.714v-12.25ZM64.786 8a8 8 0 0 1 8-8h.428a8 8 0 0 1 8 8v34.643h6.572V22a4 4 0 0 1 4-4H92a4 4 0 0 1 4 4v24.857a4 4 0 0 1-4 4H81.214v42.786H64.786V78.857H54a3.987 3.987 0 0 1-2.828-1.171A3.988 3.988 0 0 1 50 74.857V50a4 4 0 0 1 4-4h.214a4 4 0 0 1 4 4v20.643h6.572V8Z",fill:"#FBBC04"})),Hr||(Hr=r.createElement("circle",{cx:213,cy:72,r:13,fill:"#4285F4"})))},Gr=(0,r.memo)(SvgDesertColor),Yr=m.default.div.withConfig({displayName:"emptyContentMessage__Message",componentId:"sc-1wgc64w-0"})(["display:flex;flex-direction:column;align-items:center;max-width:400px;margin:20vh auto;& > *{text-align:center;margin:0 auto;}button,a{margin-top:48px;}"]),zr=(0,m.default)(Gr).withConfig({displayName:"emptyContentMessage__EmptyImage",componentId:"sc-1wgc64w-1"})(["margin-bottom:48px;"]);const jr=function EmptyContentMessage(e){let{children:t}=e;return r.createElement(Yr,null,r.createElement(zr,{"aria-hidden":!0,width:274,height:118}),t)};var Vr=a(3605);const $r=m.default.h1.withConfig({displayName:"display__Display",componentId:"sc-xgoq85-0"})([""," ",""],Vr.defaultTypographyStyle,(e=>{let{size:t,theme:a}=e;return La.expandPresetStyles({preset:a.typography.presets.display[t],theme:a})}));$r.propTypes={as:xt().oneOf(["h1","h2","h3","h4","h5","h6"]).isRequired,size:xt().oneOf(ka.THEME_CONSTANTS.TYPOGRAPHY.DISPLAY_SIZES)},$r.defaultProps={size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.MEDIUM};var Wr=a(66044),Zr=a(36514),qr=a(13578);const Kr=m.default.div.withConfig({displayName:"search__DropDownContainer",componentId:"sc-8mm6ey-0"})(["display:flex;flex-direction:column;width:100%;"]),Xr=(0,m.default)(Ta.Text).withConfig({displayName:"search__Label",componentId:"sc-8mm6ey-1"})(["margin-bottom:8px;color:",";"],(e=>{let{theme:t,disabled:a}=e;return t.colors.fg[a?"disable":"primary"]}));Xr.propTypes={disabled:xt().bool};const Qr=(0,m.default)(Ta.Text).withConfig({displayName:"search__Hint",componentId:"sc-8mm6ey-2"})(["margin-top:12px;padding-left:2px;color:",";"],(e=>{let{theme:t,hasError:a}=e;return t.colors.fg[a?"negative":"tertiary"]}));Qr.propTypes={hasError:xt().bool};var Jr=a(99566),en=a(65727),tn=a(97642),an=a(37309);function on(){return on=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},on.apply(this,arguments)}const rn=m.default.div.withConfig({displayName:"search__SearchInputWrapper",componentId:"sc-63vr7b-0"})([""]),Search=e=>{let{ariaInputLabel:t=Jr.DEFAULT_ARIA_INPUT_LABEL,ariaClearLabel:a=Jr.DEFAULT_ARIA_CLEAR_LABEL,disabled:o,handleSearchValueChange:i,hasError:l,hint:s,label:c,onMenuItemClick:d,onClear:u,options:p=[],placeholder:m=Jr.DEFAULT_PLACEHOLDER,placement:b=Wo.PLACEMENT.BOTTOM,popupFillWidth:f=Jr.DEFAULT_POPUP_FILL_WIDTH,popupZIndex:_,selectedValue:g={},searchValue:E,...S}=e;const T=(0,h.useMemo)((()=>`list-${(0,Jt.default)()}`),[]),y=(0,h.useMemo)((()=>`select-button-${(0,Jt.default)()}`),[]),w=(0,h.useMemo)((()=>`clear-button-${(0,Jt.default)()}`),[]),v=(0,h.useRef)(),I=(0,h.useRef)(),{activeOption:O,getActiveOption:C,inputState:A,isMenuFocused:L,isOpen:k,normalizedOptions:P}=function(e){let{handleSearchValueChange:t,selectedValue:a,searchValue:o,options:r}=e;const i=(0,an.default)("assertive"),[l,s]=(0,h.useState)(!1),c=(0,h.useDebouncedCallback)(s,100),d=(0,h.useMemo)((()=>({value:l,set:c})),[l,c]),[u,p]=(0,h.useState)(!1),m=(0,h.useDebouncedCallback)(p,300,{leading:!0}),b=(0,h.useMemo)((()=>({value:u,set:m})),[u,m]);(0,h.useEffect)((()=>{d.value||m(!1)}),[d,m]);const f=(0,h.useMemo)((()=>r&&0!==r.length?(0,tn.getOptions)(r):[]),[r]),_=(0,h.useCallback)((e=>f.flatMap((e=>e.group)).find((t=>t?.value?.toString().toLowerCase()===e.toString().toLowerCase()))),[f]),g=(0,h.useMemo)((()=>{const e=a?.value||o;return e&&0!==f.length?_(e):null}),[a,o,f,_]),[E,S]=(0,h.useState)(o),T=(0,h.useCallback)((e=>{S(e),void 0!==e&&t?.(e)}),[t]),y=(0,h.useMemo)((()=>({value:E,set:T})),[E,T]);return(0,h.useEffect)((()=>{void 0===y?.value&&void 0!==a?.value&&y.set(a?.label||"")}),[y,a]),(0,h.useEffect)((()=>{if(d.value&&y.value?.length){const e=r.length?(0,M.default)(
/* translators: %d: number of results. */
(0,n._n)("%d result found.","%d results found.",r.length,"web-stories"),r.length):(0,n.__)("No results found.","web-stories");i(e)}}),[y.value,d.value,r.length,i]),{activeOption:g,getActiveOption:_,normalizedOptions:f,inputState:y,isMenuFocused:b,isOpen:d}}({options:p,selectedValue:g,searchValue:E,handleSearchValueChange:i}),N=(0,h.useMemo)((()=>Boolean(o||!A?.value||0===A.value?.length)),[o,A]),R=(0,h.useCallback)((()=>{k.set(!0),L.set(!1)}),[k,L]),x=(0,h.useCallback)((e=>{e.preventDefault(),k.set(!0)}),[k]),D=(0,h.useCallback)((e=>{(!w||e?.srcElement?.id!==w&&e?.srcElement?.nearestViewportElement?.id!==w)&&k.set(!1)}),[w,k]),B=(0,h.useCallback)(((e,t)=>{k.set(!1);const a=C(t)||{label:t,value:t};A.set(a.label),d?.(e,a)}),[C,A,k,d]),F=(0,h.useCallback)((()=>v?.current?.focus()),[]),H=(0,h.useCallback)((e=>{let{target:t}=e;A.set(t.value),t.value.length>0&&!k.value&&k.set(!k.value)}),[A,k]),U=(0,h.useCallback)((()=>{A.set(void 0),u(),F()}),[F,A,u]),G=(0,h.useCallback)((()=>{k.set(!1),L.set(!1)}),[k,L]),Y=(0,h.useCallback)((()=>L.set(!0)),[L]),z=(0,h.useCallback)((()=>{(N||0===A.value?.trim().length)&&(L.set(!1),k.set(!1))}),[A,L,N,k]),j=(0,h.useCallback)((e=>{const{key:t}=e;"Escape"===t?N||L.set(!1):"Tab"===t?z(e):"ArrowDown"===t?Y():"Enter"===t&&A.value.trim().length>0&&B(e,A.value)}),[N,L,z,Y,B,A.value]);return(0,h.useFocusOut)(I,z,[z]),r.createElement(Kr,null,c&&r.createElement(Xr,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,disabled:o,forwardedAs:"span",isBold:!0},c),r.createElement(rn,{ref:I},r.createElement(en.default,on({"aria-label":t,hasError:l,id:y,onChange:H,onClick:x,onFocus:R,onKeyDown:j,placeholder:m,ariaClearLabel:a,clearId:w,disabled:o,handleClearInput:U,handleTabClear:G,inputValue:A?.value||"",isOpen:k?.value,listId:T,ref:v},S))),!N&&r.createElement(qr.Popup,{anchor:v,isOpen:k?.value,placement:b,fillWidth:f,zIndex:_},r.createElement(Zr.Menu,on({activeValue:O?.value,handleReturnToParent:F,isMenuFocused:L.value,listId:T,menuAriaLabel:(0,M.default)(
/* translators: %s: dropdown aria label or general dropdown label if there is no specific aria label. */
(0,n.__)("%s Option List Selector","web-stories"),t),onDismissMenu:D,onMenuItemClick:B,options:P,parentId:y},S))),s&&r.createElement(Qr,{hasError:l,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},s))},nn=(0,m.default)(ha).withConfig({displayName:"pageHeading__HeadingContainer",componentId:"sc-1ln7suo-0"})(["display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;padding-top:48px;border-bottom:1px solid ",";"],(e=>{let{theme:t}=e;return t.colors.divider.secondary})),ln=(0,m.default)($r).withConfig({displayName:"pageHeading__StyledHeadline",componentId:"sc-1ln7suo-1"})(["display:flex;align-items:center;margin-right:28px;padding-bottom:24px;white-space:nowrap;"]),sn=m.default.div.withConfig({displayName:"pageHeading__HeadlineFilters",componentId:"sc-1ln7suo-2"})(["display:flex;align-items:center;margin:auto 0 auto 0;padding-bottom:24px;"]),cn=m.default.div.withConfig({displayName:"pageHeading__HeaderSearch",componentId:"sc-1ln7suo-3"})(["width:208px;max-width:208px;min-width:208px;margin:auto 0;padding-bottom:24px;"]),dn=e=>{let{children:t,heading:a,searchPlaceholder:o,searchOptions:i=[],showSearch:l,handleSearchChange:s,searchValue:c,onClear:d=Wr.noop}=e;return r.createElement(nn,null,r.createElement(ln,{as:"h2",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(Ao,{showOnlyOnSmallViewport:!0}),a),t&&r.createElement(sn,null,t),l&&r.createElement(cn,null,r.createElement(Search,{placeholder:o,searchValue:c,options:i,handleSearchValueChange:s,onClear:d,emptyText:(0,n.__)("No options available","web-stories")})))};var un=a(96905),pn=a(15242),mn=a(55177),bn=a(13293),fn=a(65132);const hn=e=>{let{menuItems:t,story:a,isLocked:o}=e;const r=t.default?()=>t.default(a):mr;return t.filter((e=>void 0===e.isEnabled||e.isEnabled(a))).map((e=>{let{capability:n,value:i,...l}=e;const s=(e=>t.find((t=>t?.value===e)))(i),c={onClick:s?()=>s.action(a):r};switch(i){case D:c.href=a.bottomTargetAction,c.openNewTab=!1;break;case G:c.href=a.previewLink,c.openNewTab=!0;break;case B:case H:c.disabled=o}return delete l?.action,{...l,...c}}))};var _n=a(37233);const gn=m.default.div.withConfig({displayName:"storyListItem__PreviewImage",componentId:"sc-1w22569-0"})(["display:inline-block;background:",";width:","px;height:","px;object-fit:contain;border-radius:",";"],(e=>{let{theme:t}=e;return t.colors.gradient.placeholder}),Re[Ne],Re[Ne]/(3/4),(e=>{let{theme:t}=e;return t.borders.radius.small})),En=m.default.div.withConfig({displayName:"storyListItem__PreviewWrapper",componentId:"sc-1w22569-1"})(["position:relative;"]),Sn=(0,m.default)(_n.default).withConfig({displayName:"storyListItem__LockIcon",componentId:"sc-1w22569-2"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:24px;display:block;margin:auto;background-color:",";color:",";border-radius:",";"],(e=>{let{theme:t}=e;return t.colors.interactiveBg.brandNormal}),(e=>{let{theme:t}=e;return t.colors.standard.white}),(e=>{let{theme:t}=e;return t.borders.radius.round})),Tn=(0,m.default)(zo).withConfig({displayName:"storyListItem__StyledTableRow",componentId:"sc-1w22569-3"})(["&:hover ",",&:focus-within ","{opacity:1;}"],sa,sa),yn=m.default.div.withConfig({displayName:"storyListItem__TitleTableCellContainer",componentId:"sc-1w22569-4"})(["display:flex;align-items:center;justify-content:flex-start;","{margin:10px auto;}&:hover ",",&:active ","{opacity:1;}"],sa,sa,sa);function wn(e){window.getSelection().selectAllChildren(e.target)}function vn(){window.getSelection().removeAllRanges()}const StoryListItem=e=>{let{story:t,renameStory:a,userId:o,storyMenu:i,storyStatus:l}=e;const s=(0,h.useMemo)((()=>t?.locked&&o!==t?.lockUser.id),[t,o]),c=tr(t.title),d=(0,h.useMemo)((()=>hn({menuItems:i.menuItems,story:t,isLocked:s})),[i,t,s]),u=(0,h.useMemo)((()=>d.length?r.createElement(StoryMenu,{menuLabel:(0,M.default)(
/* translators: %s: story title.*/
(0,n.__)("Context menu for %s","web-stories"),c),onMoreButtonSelected:(e,t)=>i.handleMenuToggle(t),contextMenuId:i.contextMenuId,storyId:t.id,menuItems:d,verticalAlign:"center"}):null),[d,c,i,t]);return r.createElement(Tn,{"data-testid":`story-list-item-${t.id}`},r.createElement($o,null,r.createElement(Tooltip,{title:s&&t?.lockUser.name?(0,M.default)(
/* translators: %s: user name */
(0,n.__)("%s is currently editing this story","web-stories"),t?.lockUser.name):""},r.createElement(En,null,r.createElement(gn,t.featuredMediaUrl?{src:t.featuredMediaUrl,alt:(0,M.default)(
/* translators: %s: Story title. */
(0,n.__)("%s Poster image","web-stories"),c),as:"img",decoding:"async"}:null),s&&r.createElement(Sn,null)))),r.createElement(jo,null,r.createElement(yn,null,a.id===t.id?r.createElement(Ga,{onEditComplete:e=>a.handleOnRenameStory(t,e),onEditCancel:a.handleCancelRename,value:t.title,id:t.id,label:(0,n.__)("Rename story","web-stories")}):r.createElement(r.Fragment,null,r.createElement(bo.Headline,{tabIndex:0,onFocus:wn,onBlur:vn,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.XXX_SMALL,as:"h3","aria-label":s?(0,M.default)(
/* translators: 1: story title. 2: user currently editing the story. */
(0,n.__)("%1$s (locked by %2$s)","web-stories"),c,t?.lockUser.name):c},c),u))),r.createElement(jo,null,r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},t.author?.name||"—")),r.createElement(jo,null,r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Et(t.createdGmt))),r.createElement(jo,null,r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Et(t.modifiedGmt))),l!==q.DRAFT&&r.createElement(Vo,null,r.createElement(Ta.Text,{as:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},K[t?.status])))};var In=a(86954);const{focusableOutlineCSS:On}=In,Cn=m.default.div.withConfig({displayName:"listView__ListView",componentId:"sc-15nl0r5-0"})(["width:100%;"]),An=m.default.div.withConfig({displayName:"listView__ArrowIcon",componentId:"sc-15nl0r5-1"})(["width:32px;height:100%;display:inline-grid;color:",";vertical-align:middle;svg{visibility:",";transition:transform 0.15s;",";}"],(e=>{let{theme:t}=e;return t.colors.fg.primary}),(e=>{let{active:t}=e;return t?"visible":"hidden"}),(e=>{let{asc:t}=e;return t&&(0,m.css)(["transform:rotate(180deg);"])})),Ln=m.default.div.withConfig({displayName:"listView__EmptyIconSpace",componentId:"sc-15nl0r5-2"})(["height:32px;width:32px;"]),kn=(0,m.default)(An).withConfig({displayName:"listView__ArrowIconWithTitle",componentId:"sc-15nl0r5-3"})(["display:",";position:absolute;top:16px;@media ","{margin-left:4px;}"],(e=>{let{active:t}=e;return!t&&"none"}),(e=>{let{theme:t}=e;return t.breakpoint.mobile})),Pn=(0,m.default)(Ta.Text).attrs({tabIndex:0,isBold:!0}).withConfig({displayName:"listView__SelectableTitle",componentId:"sc-15nl0r5-4"})(["color:",";cursor:pointer;",";"],(e=>{let{theme:t}=e;return t.colors.blue[70]}),(e=>{let{theme:t}=e;return On(t.colors.border.focus,t.colors.bg.secondary)})),Nn={[z.DESC]:z.ASC,[z.ASC]:z.DESC};function StoryListView(e){let{hideStoryList:t,renameStory:a,stories:o,storyMenu:i}=e;const{userId:l,styleConstants:{topOffset:s}}=E(),{filters:c,sortObject:d,updateSort:u}=Ar((e=>{let{state:{filters:t,sortObject:a},actions:{updateSort:o}}=e;return{filters:t,sortObject:a,updateSort:o}})),[p,m]=(0,h.useMemo)((()=>[d?.orderby,d?.order]),[d]),b=(0,h.useMemo)((()=>c.filter((e=>{let{key:t}=e;return"status"===t})).filterId),[c]),f=(0,h.useCallback)((e=>{u(e!==p?{orderby:e,order:$[e]}:{order:Nn[m]})}),[u,p,m]),_=(0,h.useCallback)(((e,t)=>{let{key:a}=e;"Enter"===a&&f(t)}),[f]),g=(0,h.useMemo)((()=>!t&&o.map((e=>r.createElement(StoryListItem,{key:`story-${e.id}`,story:e,userId:l,renameStory:a,storyStatus:b,storyMenu:i})))),[t,a,o,b,i,l]);return r.createElement(Cn,{"data-testid":"story-list-view"},r.createElement(Ro,{"aria-label":(0,n.__)("List view of created stories","web-stories")},r.createElement(Do,{topOffset:s},r.createElement(zo,null,r.createElement(Fo,{onClick:()=>f(j.NAME),onKeyDown:e=>_(e,j.NAME)},r.createElement(Pn,{"aria-label":(0,n.__)("Title, select to sort table by story title","web-stories"),forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},(0,n.__)("Title","web-stories"))),r.createElement(Yo,{onClick:()=>f(j.NAME),onKeyDown:e=>_(e,j.NAME)},r.createElement(Pn,{"aria-hidden":!0,active:p===j.NAME,forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},(0,n.__)("Title","web-stories")),r.createElement(An,{active:p===j.NAME,asc:m===z.ASC},r.createElement(fn.default,null))),r.createElement(Go,null,r.createElement(Pn,{"aria-label":(0,n.__)("Author, select to sort table by story author","web-stories"),onClick:()=>f(j.CREATED_BY),onKeyDown:e=>_(e,j.CREATED_BY),active:p===j.CREATED_BY,forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},(0,n.__)("Author","web-stories")),r.createElement(kn,{"aria-hidden":!0,active:p===j.CREATED_BY,asc:m===z.ASC},p===j.CREATED_BY?r.createElement(fn.default,null):r.createElement(Ln,null))),r.createElement(Ho,null,r.createElement(Pn,{"aria-label":(0,n.__)("Creation date, select to sort table by date story was created","web-stories"),onClick:()=>f(j.DATE_CREATED),onKeyDown:e=>_(e,j.DATE_CREATED),active:p===j.DATE_CREATED,forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},(0,n.__)("Date Created","web-stories")),r.createElement(kn,{"aria-hidden":!0,active:p===j.DATE_CREATED,asc:m===z.ASC},r.createElement(fn.default,null))),r.createElement(Ho,null,r.createElement(Pn,{"aria-label":(0,n.__)("Modification date, select to sort table by date story was last modified","web-stories"),onClick:()=>f(j.LAST_MODIFIED),onKeyDown:e=>_(e,j.LAST_MODIFIED),active:p===j.LAST_MODIFIED,forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,isBold:!0},(0,n.__)("Last Modified","web-stories")),r.createElement(kn,{"aria-hidden":!0,active:p===j.LAST_MODIFIED,asc:m===z.ASC},r.createElement(fn.default,null))),b!==q.DRAFT&&r.createElement(Uo,null,r.createElement(Ta.Text,{as:"span",isBold:!0,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},(0,n.__)("Publish State","web-stories"))))),r.createElement(xo,null,g)))}var Rn=a(87098);const xn=m.default.div.withConfig({displayName:"grid__Gradient",componentId:"sc-fbjjp8-0"})(["position:absolute;bottom:0;height:67%;width:100%;border-radius:",";background:",";"],(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{theme:t}=e;return t.colors.gradient.posterOverlay})),Mn=m.default.div.withConfig({displayName:"grid__Scrim",componentId:"sc-fbjjp8-1"})(["position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;border-radius:",";background:",";"],(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{theme:t}=e;return t.colors.opacity.black3})),Dn=m.default.div.withConfig({displayName:"grid__Container",componentId:"sc-fbjjp8-2"})(["position:relative;"]),Bn=m.default.div.withConfig({displayName:"grid__Poster",componentId:"sc-fbjjp8-3"})(["height:100%;width:100%;object-fit:cover;border-radius:",";background:",";"],(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{theme:t}=e;return t.colors.gradient.placeholder})),Fn=(0,m.default)(ua).withConfig({displayName:"storyGridItem__CustomCardGridItem",componentId:"sc-1vhey8s-0"})(["display:grid;grid-template-columns:100%;grid-template-rows:",";"],(e=>{let{$posterHeight:t}=e;return`${t}px auto`}));Fn.propTypes={$posterHeight:xt().number};const Hn=m.default.div.withConfig({displayName:"storyGridItem__CardWrapper",componentId:"sc-1vhey8s-1"})(["position:absolute;height:100%;width:100%;"]),Un=m.default.a.withConfig({displayName:"storyGridItem__ScrimAnchor",componentId:"sc-1vhey8s-2"})(["position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:",";&:hover,&:focus{box-shadow:none;border:",";}"],(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{theme:t}=e;return`4px solid ${t.colors.interactiveBg.active}`})),Gn=m.default.div.withConfig({displayName:"storyGridItem__StyledStoryDisplayContent",componentId:"sc-1vhey8s-3"})(["padding:20px 12px 8px 12px;display:flex;flex-direction:column;width:100%;"]),Yn=m.default.div.withConfig({displayName:"storyGridItem__Row",componentId:"sc-1vhey8s-4"})(["width:100%;display:flex;align-items:flex-end;flex-wrap:wrap;"]),zn=(0,m.default)(Yn).withConfig({displayName:"storyGridItem__LockedRow",componentId:"sc-1vhey8s-5"})(["position:absolute;top:8px;right:8px;justify-content:flex-end;align-items:center;"]),jn=m.default.div.withConfig({displayName:"storyGridItem__CardDetailsGrid",componentId:"sc-1vhey8s-6"})(["display:grid;grid-template-columns:80% auto;margin-top:4px;"]),Vn=m.default.div.withConfig({displayName:"storyGridItem__CardDetailsColumn",componentId:"sc-1vhey8s-7"})(["display:flex;align-items:space-between;flex-direction:column;align-self:flex-end;"]),$n=(0,m.default)(bo.Headline).attrs({as:"h3",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL}).withConfig({displayName:"storyGridItem__Title",componentId:"sc-1vhey8s-8"})(["overflow:hidden;text-overflow:ellipsis;color:",";margin:0;max-height:calc(1.2em * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;"],(e=>{let{theme:t}=e;return t.colors.inverted.fg.primary})),Wn=(0,m.default)(Ta.Text).attrs({forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL}).withConfig({displayName:"storyGridItem__DetailCopy",componentId:"sc-1vhey8s-9"})(["color:",";margin:0;"],(e=>{let{theme:t}=e;return t.colors.inverted.fg.primary})),Zn=m.default.img.withConfig({displayName:"storyGridItem__LockAvatar",componentId:"sc-1vhey8s-10"})(["height:40px;width:40px;border:",";border-radius:",";z-index:3;"],(e=>{let{theme:t}=e;return`2px solid ${t.colors.interactiveBg.brandNormal}`}),(e=>{let{theme:t}=e;return t.borders.radius.small})),qn=(0,m.default)(_n.default).withConfig({displayName:"storyGridItem__LockIcon",componentId:"sc-1vhey8s-11"})(["color:",";display:inline;height:36px;width:36px;margin:-4px -4px -4px -10px;"],(e=>{let{theme:t}=e;return t.colors.inverted.fg.primary})),Kn=e=>{let{author:t,contextMenu:a,displayDate:o,editMode:i,formattedTitle:l,id:s,isLocked:c,lockUser:d={},onEditComplete:u,onEditCancel:p,status:m,title:b}=e;const f=(0,h.useMemo)((()=>{if(!o)return null;switch(m){case q.PUBLISH:return(0,M.default)(
/* translators: %s: published date */
(0,n.__)("Published %s","web-stories"),o);case q.FUTURE:return(0,M.default)(
/* translators: %s: future publish date */
(0,n.__)("Scheduled %s","web-stories"),o);default:return(0,M.default)(
/* translators: %s: last modified date */
(0,n.__)("Modified %s","web-stories"),o)}}),[m,o]),{name:_,avatar:g}=d,E=c&&g&&r.createElement(zn,null,r.createElement(Tooltip,{position:Wo.PLACEMENT.BOTTOM_START,title:_&&(0,M.default)(
/* translators: %s: user name */
(0,n.__)("%s is currently editing this story","web-stories"),_)},r.createElement(Zn,{src:g,alt:_,decoding:"async",height:24,width:24,"data-test-id":"lock-user-avatar"})));return r.createElement(Gn,null,E,i?r.createElement(Ga,{onEditComplete:u,onEditCancel:p,value:b,id:s,label:(0,n.__)("Rename story","web-stories"),isInverted:!0}):r.createElement(Yn,null,c&&r.createElement(qn,null),r.createElement($n,null,l)),r.createElement(jn,null,r.createElement(Vn,null,m===q.DRAFT&&r.createElement(Wn,{isBold:!0},(0,n.__)("Draft","web-stories")),m===q.PENDING&&r.createElement(Wn,{isBold:!0},(0,n.__)("Pending","web-stories")),t?.name&&r.createElement(Wn,null,t?.name),r.createElement(Wn,{className:"dashboard-grid-item-date"},f)),r.createElement(Vn,null,a)))};function Xn(){return Xn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},Xn.apply(this,arguments)}const Qn=(0,h.forwardRef)(((e,t)=>{let{onFocus:a,isActive:o,pageSize:i,renameStory:l,story:s,storyMenu:c}=e;const{userId:d}=E(),u=o?0:-1,p=l?{editMode:l?.id===s?.id,onEditComplete:e=>l?.handleOnRenameStory(s,e),onEditCancel:l?.handleCancelRename}:{},b=(0,h.useMemo)((()=>s?.locked&&d!==s?.lockUser.id),[s,d]),f=(0,h.useMemo)((()=>hn({menuItems:c.menuItems,story:s,isLocked:b})),[c,s,b]),_=Et(s?.status===q.DRAFT?s?.modifiedGmt:s?.createdGmt),g=tr(s.title),S=(0,h.useMemo)((()=>f.length?r.createElement(StoryMenu,{menuLabel:b?(0,M.default)(
/* translators: 1: story title. 2: user currently editing the story. */
(0,n.__)("Context menu for %1$s (locked by %2$s)","web-stories"),g,s?.lockUser.name):(0,M.default)(
/* translators: %s: story title.*/
(0,n.__)("Context menu for %s","web-stories"),g),itemActive:o,tabIndex:u,onMoreButtonSelected:c.handleMenuToggle,contextMenuId:c.contextMenuId,storyId:s.id,isInverted:!0,menuItems:f,menuStyleOverrides:(0,m.css)(["margin:0 0 0 auto;"])}):null),[b,g,s?.lockUser?.name,s.id,o,u,c,f]);return r.createElement(Fn,{"data-testid":`story-grid-item-${s.id}`,onFocus:a,$posterHeight:i.height,ref:t,"aria-label":(0,M.default)(
/* translators: %s: story title.*/
(0,n.__)("Details about %s","web-stories"),g)},r.createElement(Dn,null,r.createElement(Hn,null,r.createElement(Bn,Xn({},s.featuredMediaUrl?{alt:(0,M.default)(
/* translators: %s: Story title. */
(0,n.__)("%s Poster image","web-stories"),g),as:"img",src:s.featuredMediaUrl,decoding:"async"}:null,{width:Ze,height:We})),r.createElement(xn,null),r.createElement(Mn,null,s?.capabilities?.hasEditAction&&r.createElement(Un,{className:"grid-item-anchor","data-testid":"story-editor-grid-link",tabIndex:u,href:s.editStoryLink},r.createElement(Rn.VisuallyHidden,null,(0,M.default)(
/* translators: %s: Story title. */
(0,n.__)("Open %s in Editor","web-stories"),g))),r.createElement(Kn,Xn({author:s.author,contextMenu:S,displayDate:_,formattedTitle:g,id:s.id,isLocked:b,lockUser:s?.lockUser,status:s?.status,title:s.title},p))))))}));Qn.displayName="StoryGridItem";const Jn=Qn,ei=(0,m.default)(Xt).withConfig({displayName:"storyGridView__StoryGrid",componentId:"sc-1fwq7hb-0"})(["width:calc(100% - ","px);"],De),ti=e=>{let{stories:t,pageSize:a,storyMenu:o,renameStory:i,returnStoryFocusId:l}=e;const{isRTL:s}=E(),c=(0,h.useRef)(),d=(0,h.useRef)(),u=(0,h.useRef)({}),[p,m]=(0,h.useState)(),b=(0,h.useRef)(),f=(0,h.useMemo)((()=>t.map((e=>{let{id:t}=e;return t}))),[t]);(0,Nt.default)({containerRef:c,gridRef:d,itemRefs:u,isRTL:s,currentItemId:p,items:t}),(0,h.useEffect)((()=>{if(!p&&l?.value&&!b.current){const e=l?.value;m(e);const t=u.current?.[e]?.querySelectorAll(["button","a"])?.[0];t?.focus()}}),[p,l]),(0,h.useEffect)((()=>{p&&(b.current=p)}),[p]);const _=(0,h.useCallback)(((e,t)=>{if(o.handleMenuToggle(t),t<0&&9===e?.keyCode){const t=!e?.shiftKey?f[f.indexOf(p)+1]:p;l.set(t),b.current=null,m(null)}}),[p,f,l,o]),g=(0,h.useCallback)((()=>{b.current=null,m(null),l.set(null)}),[l]);(0,h.useFocusOut)(c,(()=>m(null)),[]);const S=(0,h.useMemo)((()=>{const e=[H,B,F],t=o.menuItems.map((t=>{const a={...t};return e.includes(t?.value)&&(a.action=e=>{g(),t.action(e)}),a}));return{...o,handleMenuToggle:_,menuItems:t}}),[_,o,g]),T=(0,h.useMemo)((()=>t.map((e=>r.createElement(Jn,{onFocus:()=>m(e.id),isActive:p===e.id,ref:t=>{u.current[e.id]=t},key:e.id,pageSize:a,renameStory:i,story:e,storyMenu:S})))),[p,S,a,i,t]);return r.createElement("div",{ref:c},r.createElement(ei,{pageSize:a,ref:d,role:"list",ariaLabel:(0,n.__)("Viewing stories","web-stories")},T))},ai="DELETE_STORY";const oi=function StoriesView(e){let{loading:t,storyActions:a,stories:o,view:i}=e;const[l,s]=(0,h.useState)(-1),[c,d]=(0,h.useState)(-1),[u,p]=(0,h.useState)(""),[m,b]=(0,h.useState)(null),[f,_]=(0,h.useState)({}),[g,E]=(0,h.useState)(null),{showSnackbar:S}=(0,un.useSnackbar)(),T=u===ai&&m,w=(0,h.useMemo)((()=>o.map((e=>{let{id:t}=e;return t}))),[o]);(0,h.useEffect)((()=>{if(f.id&&!g){const e=w.indexOf(f.id),t=e>0?-1:1,a=f.isDeleted?t:0,o=w[e+a];o&&E(o)}}),[f,g,w]),(0,h.useEffect)((()=>{u||b(null)}),[u,b]),(0,h.useEffect)((()=>{u&&(_({}),E(null))}),[u]);const v=(0,h.useCallback)(((e,t)=>{d(-1),(0,y.trackEvent)("rename_story"),a.updateStory({...e,title:{raw:t}})}),[a]),I=(0,h.useCallback)((()=>{(0,y.trackEvent)("delete_story"),a.trashStory(m),_({id:m.id,isDeleted:!0}),p("")}),[a,m]),O=(0,h.useCallback)((()=>{s(-1),(0,y.trackEvent)("open_in_editor")}),[]),C=(0,h.useCallback)((e=>{s(-1),d(e.id)}),[]),A=(0,h.useCallback)((e=>{s(-1),(0,y.trackEvent)("duplicate_story"),a.duplicateStory(e),_({id:e.id})}),[a]),L=(0,h.useCallback)((e=>{s(-1),b(e),p(ai)}),[]),k=(0,h.useCallback)((e=>{s(-1),window.navigator.clipboard.writeText(e.link),S({message:(0,M.default)(
/* translators: %s: story title. */
(0,n.__)("%s has been copied to your clipboard.","web-stories"),tr(e.title)),dismissible:!0}),_({id:e.id})}),[S]),P=Y.map((e=>{switch(e?.value){case U:e.action=k;break;case H:e.action=L;break;case F:e.action=A;break;case G:e.action=O;break;case B:e.action=C;break;default:e.action=()=>s(-1)}return e})),N=(0,h.useMemo)((()=>({handleMenuToggle:s,contextMenuId:l,menuItems:P})),[l,P,s]),R=(0,h.useMemo)((()=>({id:c,handleOnRenameStory:v,handleCancelRename:()=>d(-1)})),[v,d,c]),x=(0,h.useMemo)((()=>i.style===Ge.LIST?r.createElement(StoryListView,{hideStoryList:t?.isLoading&&!t?.showStoriesWhileLoading.current,pageSize:i.pageSize,renameStory:R,stories:o,storyMenu:N}):!t?.isLoading||t?.isLoading&&t?.showStoriesWhileLoading.current?r.createElement(ti,{isLoading:t?.isLoading,pageSize:i.pageSize,renameStory:R,storyMenu:N,stories:o,returnStoryFocusId:{value:g,set:E}}):null),[t,R,g,o,N,i]);return r.createElement(r.Fragment,null,x,t?.isLoading&&!t?.showStoriesWhileLoading.current&&r.createElement(Qa,null,r.createElement(bn.LoadingSpinner,null)),T&&r.createElement(Ea,{isOpen:!0,contentLabel:(0,n.__)("Dialog to confirm deleting a story","web-stories"),title:(0,n.__)("Delete Story","web-stories"),onClose:()=>{_({id:m.id}),p("")},secondaryText:(0,n.__)("Cancel","web-stories"),secondaryRest:{"aria-label":(0,M.default)(
/* translators: %s: story title. */
(0,n.__)('Cancel deleting story "%s"',"web-stories"),tr(m.title))},primaryText:(0,n.__)("Delete","web-stories"),onPrimary:I,primaryRest:{"aria-label":(0,M.default)(
/* translators: %s: story title. */
(0,n.__)('Confirm deleting story "%s"',"web-stories"),tr(m.title))}},r.createElement(Ta.Text,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},(0,M.default)(
/* translators: %s: story title. */
(0,n.__)('Are you sure you want to delete "%s"?',"web-stories"),tr(m.title)))))};function NoAvailableContent(e){let{filtersObject:t}=e;const{search:a}=t;return a?(0,M.default)(
/* translators: %s: search term. */
(0,n.__)('Sorry, we couldn\'t find any results matching "%s"',"web-stories"),a):0!==Object.keys(t).length?(0,n.__)("Sorry, we couldn't find any results","web-stories"):(0,n.__)("Start telling Stories.","web-stories")}NoAvailableContent.propTypes={filtersObject:xt().object};const ri=function(e){let{allPagesFetched:t,canViewDefaultTemplates:a,filtersObject:o={},loading:i,page:l,stories:s,storyActions:c,view:d}=e;return r.createElement(Za.Scrollable,null,r.createElement(ha,null,s.length>0?r.createElement(r.Fragment,null,r.createElement(oi,{storyActions:c,stories:s,view:d,loading:i}),r.createElement(mn.default,{canLoadMore:!t,isLoading:i?.isLoading,allDataLoadedMessage:(0,n.__)("No more stories","web-stories"),allDataLoadedAriaMessage:(0,n.__)("All stories are loaded","web-stories"),loadingAriaMessage:(0,n.__)("Loading more stories","web-stories"),onLoadMore:l.requestNextPage})):!i?.isLoading&&r.createElement(jr,null,r.createElement(bo.Headline,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,as:"h3"},r.createElement(NoAvailableContent,{filtersObject:o})),0===Object.keys(o).length&&a&&r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.MEDIUM,as:"a",href:co(Fe.TEMPLATES_GALLERY)},(0,n.__)("Explore Templates","web-stories")))))};const ni=function(e){return e.reduce(((e,t)=>!t.title||t?.title.trim().length<=0?e:[...e,{label:t.title,value:t.title}]),[])};var ii=a(52829);const li="VERTICAL",si="COLOR",ci="TAG",di="TITLE";const ui=function(e){const t=Object.values(e),a=t.flatMap((e=>e.colors)).map((e=>({label:e.family,value:e.family,type:si}))),o=t.flatMap((e=>e.tags)).map((e=>({label:e,value:e,type:ci}))),r=t.map((e=>e.vertical)).map((e=>({label:e,value:e,type:li}))),n=t.map((e=>({label:e.title,value:e.title,type:di})));return[...(0,ii.default)(o,"label"),...(0,ii.default)(a,"label"),...(0,ii.default)(r,"label"),...(0,ii.default)(n,"label")]};const pi=function(e){return t=>!e||e.some((e=>{switch(e?.type){case ci:return t.tags.map((e=>e.toLowerCase())).includes(e.value.toLowerCase());case si:return t.colors.map((e=>e.label.toLowerCase())).includes(e.value.toLowerCase());case li:return t.vertical.toLowerCase().includes(e.value.toLowerCase());case di:return t.title.toLowerCase().includes(e.value.toLowerCase());default:return!0}}))};var mi=a(56226);const bi=(0,m.default)(mi.default).withConfig({displayName:"storyStatusToggle__StyledPill",componentId:"sc-141pqd7-0"})(["margin:0 2px;white-space:nowrap;& > span{padding-left:8px;color:",";}"],(e=>{let{theme:t,isActive:a}=e;return a?t.colors.gray[20]:t.colors.fg.tertiary}));const fi=function StoryStatusToggle(e){let{initialPageReady:t,totalStoriesByStatus:a,currentStatus:o}=e;const{updateFilter:i,registerFilters:l}=Ar((e=>{let{actions:{updateFilter:t,registerFilters:a}}=e;return{updateFilter:t,registerFilters:a}})),s=(0,r.useCallback)((e=>{i("status",{filterId:e})}),[i]);(0,r.useEffect)((()=>{l([{key:"status",filterId:J.filters.status}])}),[l]);const c=(0,r.useMemo)((()=>Object.keys(a).reduce(((e,t)=>e+a[t]),0)),[a]),d=(0,r.useMemo)((()=>X.filter((e=>{let{status:t}=e;return Boolean(t in a)&&a[t]>0||t===o})).map((e=>{let{label:t,status:r,value:i}=e;const l=a[r],s=Boolean(!l);return{ariaLabel:(0,M.default)(
/* translators: %s is story status */
(0,n.__)("Filter stories by %s","web-stories"),t),disabled:s,isActive:o===i,value:i,label:t,count:l}}))),[a,o]);return!t||!c||a&&0===Object.keys(a).length?null:r.createElement(r.Fragment,null,d.map((e=>{let{ariaLabel:t,disabled:a,isActive:o,value:n,label:i,count:l}=e;return r.createElement(bi,{key:n,onClick:()=>s(n),isActive:o,disabled:a,"aria-label":t},i,r.createElement("span",null,l))})))};const hi=(0,h.memo)((function(e){let{initialPageReady:t,stories:a,totalStoriesByStatus:o,view:i}=e;const l=(0,h.useMemo)((()=>ni(a)),[a]),{filters:s,sortObject:c,updateFilter:d,updateSort:u,registerFilters:p}=Ar((e=>{let{state:{filters:t,sortObject:a},actions:{updateFilter:o,updateSort:r,registerFilters:n}}=e;return{filters:t,updateFilter:o,sortObject:a,updateSort:r,registerFilters:n}})),[m,b,f]=(0,h.useMemo)((()=>{const e=s.find((e=>{let{key:t}=e;return"status"===t})),t=s.find((e=>{let{key:t}=e;return"search"===t}));return[s.filter((e=>{let{key:t}=e;return!["status","search"].includes(t)})),e?.filterId,t?.filterId]}),[s]),_=(0,h.useMemo)((()=>(b?.split(",")||[]).reduce(((e,t)=>e+(o[t]||0)),0)),[b,o]),g=nr({currentFilter:b,isActiveSearch:Boolean(f),totalResults:_,view:ze}),E=(0,h.useDebouncedCallback)((async e=>{await(0,y.trackEvent)("search",{search_type:"dashboard",search_term:e}),d("search",{filterId:e})}),300);(0,h.useEffect)((()=>{p([{key:"search"}])}),[p]);const S=(0,h.useCallback)((()=>d("search",{filterId:null})),[d]);return r.createElement(r.Fragment,null,r.createElement(dn,{heading:(0,n.__)("Dashboard","web-stories"),searchPlaceholder:(0,n.__)("Search Stories","web-stories"),searchOptions:l,handleSearchChange:E,showSearch:t,searchValue:f,onClear:S},r.createElement(fi,{initialPageReady:t,totalStoriesByStatus:o,currentStatus:b})),r.createElement(BodyViewOptions,{showGridToggle:!0,filters:m,showSortDropdown:!0,resultsLabel:g,layoutStyle:i.style,handleLayoutSelect:i.toggleStyle,pageSortOptions:W,pageSortDefaultOption:j.LAST_MODIFIED,handleSortChange:u,currentSort:c}))}));const _i=function MyStories(){const{duplicateStory:e,fetchStories:t,trashStory:a,updateStory:o,allPagesFetched:n,isLoading:i,stories:l,storiesOrderById:s,totalPages:c,totalStoriesByStatus:d}=yr((e=>{let{actions:{storyApi:{duplicateStory:t,fetchStories:a,trashStory:o,updateStory:r}},state:{stories:{allPagesFetched:n,isLoading:i,stories:l,storiesOrderById:s,totalPages:c,totalStoriesByStatus:d}}}=e;return{duplicateStory:t,fetchStories:a,trashStory:o,updateStory:r,allPagesFetched:n,isLoading:i,stories:l,storiesOrderById:s,totalPages:c,totalStoriesByStatus:d}})),{filtersObject:u,sortObject:p}=Ar((e=>{let{state:{filtersObject:t,sortObject:a}}=e;return{filtersObject:t,sortObject:a}})),{apiCallbacks:m,canViewDefaultTemplates:b}=E(),f=(0,h.useRef)(!1);(0,h.useEffect)((()=>(f.current=!0,()=>{f.current=!1})),[]);const{page:_,view:g,showStoriesWhileLoading:S,initialPageReady:T}=function(e){let{filtersObject:t=J.filters,sortObject:a=J.sort,isLoading:o=!1,totalPages:r}=e;const[n,i]=(0,h.useState)(Ge.GRID),[l,s]=(0,h.useState)(a),[c,d]=(0,h.useState)(t),[u,p]=(0,h.useState)(1),m=(0,h.useRef)(!1),[b,f]=(0,h.useState)(!1),{pageSize:_}=ur({thumbnailMode:n===Ge.LIST,isGrid:n===Ge.GRID}),g=(0,h.useCallback)((e=>{const t={MIN:1,MAX:r};p((0,pr.clamp)(e,t))}),[r]),E=(0,h.useCallback)((e=>{s(e),g(1)}),[g]),S=(0,h.useCallback)((e=>{d(e),g(1)}),[g]),T=(0,h.useCallback)((()=>{i(n===Ge.LIST?Ge.GRID:Ge.LIST)}),[n,i]),w=(0,h.useCallback)((()=>{m.current=!0,g(u+1)}),[u,g]);return(0,h.useEffect)((()=>{c?.search?.length&&(0,y.trackEvent)("search",{search_type:"dashboard_stories",search_term:c.search,search_filter:c.status,search_author_filter:c.author,search_order:l.order,search_orderby:l.orderby,search_view:n})}),[c,l,n]),(0,h.useEffect)((()=>{o||(m.current=!1)}),[o]),(0,h.useEffect)((()=>{r&&!b&&f(!0)}),[r,b]),(0,h.useEffect)((()=>{b&&S(t)}),[S,b,t]),(0,h.useEffect)((()=>{b&&E(a)}),[E,b,a]),(0,h.useMemo)((()=>({view:{style:n,toggleStyle:T,pageSize:_},sort:{value:l.orderby,direction:l.order,set:E},filters:{value:c,set:S},page:{value:u,set:p,requestNextPage:w},initialPageReady:b,showStoriesWhileLoading:m})),[n,T,_,l,E,c,S,b,u,w])}({filtersObject:u,sortObject:p,isLoading:i,totalPages:c});(0,h.useEffect)((()=>{t({page:_.value,filters:u,sort:p})}),[t,u,p,_.value,m]);const w=(0,h.useMemo)((()=>s.map((e=>l[e]))),[l,s]);return r.createElement(Za.Provider,null,r.createElement(hi,{initialPageReady:T,stories:w,totalStoriesByStatus:d,view:g}),r.createElement(ri,{allPagesFetched:n,canViewDefaultTemplates:b,filtersObject:u,loading:{isLoading:i,showStoriesWhileLoading:S},page:_,stories:w,storyActions:{duplicateStory:e,trashStory:a,updateStory:o},view:g}),r.createElement(Za.Fixed,null,r.createElement(No,null)))},gi=(0,h.createContext)({state:{},actions:{}}),{filters:Ei,sort:Si}=we;function TemplateFiltersProvider(e){let{children:t}=e;const[a,o]=(0,h.useReducer)(Tr,{filters:[],filtersObject:Ei,sortObject:Si}),n=(0,h.useCallback)(((e,t)=>{o({type:gr,payload:{key:e,value:t}})}),[]),i=(0,h.useCallback)((e=>{o({type:Er,payload:{type:"template",values:e}})}),[]),l=(0,h.useCallback)((e=>{o({type:Sr,payload:{value:e}})}),[]),s=(0,h.useMemo)((()=>({state:a,actions:{updateSort:i,updateFilter:n,registerFilters:l}})),[a,i,n,l]);return r.createElement(gi.Provider,{value:s},t)}function Ti(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h.identity;return(0,h.useContextSelector)(gi,e)}const yi=m.default.div.withConfig({displayName:"content__CardWrapper",componentId:"sc-1ilp1n2-0"})(["position:absolute;height:100%;width:100%;transition:opacity ease-in-out 300ms;&:hover{",",","{opacity:1;}}",",","{opacity:",";}"],xn,Mn,xn,Mn,(e=>{let{$isSelected:t}=e;return t?1:0})),wi=m.default.div.withConfig({displayName:"content__TemplateDisplayContent",componentId:"sc-1ilp1n2-1"})(["display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding-bottom:16px;a,button{margin:auto auto 0;}"]),vi=(0,m.default)(Bn).attrs({as:"picture"}).withConfig({displayName:"content__PicturePoster",componentId:"sc-1ilp1n2-2"})(["display:block;& > img{height:100%;width:100%;object-fit:fill;border-radius:",";}"],(e=>{let{theme:t}=e;return t.borders.radius.medium})),Ii="focus_template",Oi=(0,m.default)(Mt.Button).attrs({type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL}).withConfig({displayName:"templateGridItem__SeeDetailsButton",componentId:"sc-fidkqe-0"})(["background-color:",";"],(e=>{let{theme:t}=e;return t.colors.standard.white})),Ci=(0,h.forwardRef)(((e,t)=>{let{onCreateStory:a,onFocus:o,height:i,id:l,isActive:s,posterSrc:c,slug:d,title:u,status:p,onSeeDetailsClick:m=Wr.noop}=e;const b=s?0:-1,f=(0,M.default)(
/* translators: %s: Template title. */
(0,n.__)("First page of %s template","web-stories"),u);return r.createElement(ua,{ref:t,id:`template-grid-item-${l}`,className:"templateGridItem","data-testid":`template-grid-item-${l}`,$posterHeight:i,onFocus:o},r.createElement(Dn,null,r.createElement(yi,{$isSelected:s},r.createElement(vi,null,r.createElement("source",{srcSet:c?.webp,type:"image/webp"}),r.createElement("source",{srcSet:c?.png,type:"image/png"}),r.createElement("img",{src:c?.png,alt:f,decoding:"async",width:Ze,height:We})),r.createElement(xn,null),r.createElement(Mn,{"data-testid":"card-action-container","data-template-slug":d},r.createElement(wi,null,r.createElement(Oi,{ariaLabel:(0,M.default)(
/* translators: %s: template title.*/
(0,n.__)("Go to detail view of %s","web-stories"),u),onClick:()=>m(l,u),className:Ii,tabIndex:b},Ie[p]),a&&r.createElement(Mt.Button,{size:Dt.BUTTON_SIZES.SMALL,type:Dt.BUTTON_TYPES.PRIMARY,onClick:a,tabIndex:b,ariaLabel:(0,M.default)(
/* translators: %s: template title.*/
(0,n.__)("Create new story from %s","web-stories"),u)},(0,n.__)("Use template","web-stories")))))))}));Ci.displayName="TemplateGridItem";const Ai=Ci;const Li=function TemplateGridView(e){let{pageSize:t,templates:a,templateActions:o}=e;const{isRTL:i,apiCallbacks:l}=E(),s=(0,h.useRef)(),c=(0,h.useRef)(),d=(0,h.useRef)({}),[u,p]=(0,h.useState)(null),{handleDetailsToggle:m,createStoryFromTemplate:b}=o||{},f=Boolean(l?.createStoryFromTemplate);(0,Nt.default)({containerRef:s,gridRef:c,itemRefs:d,isRTL:i,currentItemId:u,items:a}),(0,h.useEffect)((()=>{u&&d.current?.[u]?.querySelector(".focus_template")?.focus()}),[u]),(0,h.useFocusOut)(s,(()=>p(null)),[]);const _=(0,h.useMemo)((()=>a.map((e=>{let{id:a,slug:o,status:n,title:i,postersByPage:l}=e;const s=u===a,c=l?.[0];return r.createElement(Ai,{onCreateStory:f?()=>b(a):mr,onFocus:()=>{p(a)},onSeeDetailsClick:m,height:t.height,id:a,isActive:s,key:o,posterSrc:c,ref:e=>{d.current[a]=e},slug:o,status:n,title:i})}))),[a,u,f,m,t.height,b]);return r.createElement("div",{ref:s},r.createElement(Xt,{pageSize:t,role:"list",ref:c,ariaLabel:(0,n.__)("Viewing available templates","web-stories")},_))};const ki=function(e){let{allPagesFetched:t,isLoading:a,page:o,templates:i,view:l,totalTemplates:s,search:c,templateActions:d}=e;const{newStoryURL:u}=E(),p=(0,h.useMemo)((()=>a?r.createElement(Qa,null,r.createElement(bn.LoadingSpinner,null)):s>0?r.createElement(r.Fragment,null,r.createElement(Li,{templates:i,pageSize:l.pageSize,templateActions:d}),r.createElement(mn.default,{canLoadMore:!t,isLoading:a,allDataLoadedMessage:(0,n.__)("No more templates","web-stories"),allDataLoadedAriaMessage:(0,n.__)("All templates are loaded","web-stories"),loadingAriaMessage:(0,n.__)("Loading more templates","web-stories"),onLoadMore:o.requestNextPage})):r.createElement(jr,null,r.createElement(bo.Headline,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,as:"h3"},c?(0,M.default)(
/* translators: %s: search term. */
(0,n.__)('Sorry, we couldn\'t find any results matching "%s"',"web-stories"),c):(0,n.__)("No templates currently available.","web-stories")),!c&&r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.MEDIUM,as:"a",href:u},(0,n.__)("Create New Story","web-stories")))),[t,a,u,o.requestNextPage,d,c,i,s,l.pageSize]);return r.createElement(Za.Scrollable,null,r.createElement(ha,null,p))};const Pi=function(e){let{isLoading:t,totalTemplates:a,view:o,searchOptions:i=[]}=e;const l=(0,f.useFeature)("enableInProgressTemplateActions"),{filters:s,sortObject:c,updateFilter:d,updateSort:u,registerFilters:p}=Ti((e=>{let{state:{filters:t,sortObject:a},actions:{updateFilter:o,updateSort:r,registerFilters:n}}=e;return{filters:t,sortObject:a,updateFilter:o,updateSort:r,registerFilters:n}})),[m,b]=(0,h.useMemo)((()=>{const e=s.find((e=>{let{key:t}=e;return"status"===t})),t=s.find((e=>{let{key:t}=e;return"search"===t}));return[e?.filterId,t?.filterId]}),[s]),_=(0,h.useDebouncedCallback)((e=>{d("search",{filterId:e})}),300);(0,h.useEffect)((()=>{p([{key:"search"}]),p([{key:"status",filterId:we.filters.status}])}),[p]);const g=(0,h.useCallback)((()=>d("search",{filterId:null})),[d]),E=nr({totalResults:a,currentFilter:m,view:je});return r.createElement(r.Fragment,null,r.createElement(dn,{heading:(0,n.__)("Explore Templates","web-stories"),searchPlaceholder:(0,n.__)("Search Templates","web-stories"),showSearch:!0,searchOptions:i,searchValue:b,handleSearchChange:_,onClear:g}),r.createElement(BodyViewOptions,{resultsLabel:E,layoutStyle:o.style,handleLayoutSelect:o.toggleStyle,isLoading:t,pageSortOptions:ve,pageSortDefaultOption:Te.POPULAR,currentSort:c,handleSortChange:u,showSortDropdown:l,sortDropdownAriaLabel:(0,n.__)("Choose sort option for display","web-stories")}))};var Ni=a(94320);const Ri=m.default.nav.withConfig({displayName:"header__Nav",componentId:"sc-1wko3r4-0"})(["justify-content:space-between;align-items:center;display:flex;margin:48px auto;width:calc(76% + 121px);"]),xi=(0,m.default)(Mt.Button).attrs({type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.SMALL}).withConfig({displayName:"header__CTAButton",componentId:"sc-1wko3r4-1"})(["padding:10px 16px;"]);const Mi=function(e){let{templateTitle:t,templateId:a,templateActions:o,canCreateStory:i}=e;const{createStoryFromTemplate:l,handleDetailsToggle:s}=o||{};return r.createElement(Ri,null,r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.TERTIARY,variant:Dt.BUTTON_VARIANTS.SQUARE,size:Dt.BUTTON_SIZES.SMALL,"aria-label":(0,n.__)("Close","web-stories"),onClick:s},r.createElement(Ni.default,null)),i&&r.createElement(xi,{onClick:()=>l(a),"aria-label":(0,M.default)(
/* translators: %s: template title */
(0,n.__)("Use %s template to create new story","web-stories"),t)},(0,n.__)("Use template","web-stories")))};var Di=a(32214),Bi=a(2039),Fi=a(80908);const Hi=m.default.section.withConfig({displayName:"templateDetails__Panel",componentId:"sc-1cvs5jb-0"})(["padding:16vh 0 14vh 0;"]),Ui=m.default.div.withConfig({displayName:"templateDetails__Container",componentId:"sc-1cvs5jb-1"})(["position:relative;width:76%;max-width:","px;margin:0 auto;"],1459.2),Gi=m.default.div.withConfig({displayName:"templateDetails__Inner",componentId:"sc-1cvs5jb-2"})(["display:flex;align-items:start;"]),Yi=m.default.section.attrs({"aria-label":(0,n.__)("Template Details","web-stories")}).withConfig({displayName:"templateDetails__DetailContainer",componentId:"sc-1cvs5jb-3"})(["padding:0 0 0 60px;margin-right:auto;"]),zi=m.default.div.withConfig({displayName:"templateDetails__TemplateDetails",componentId:"sc-1cvs5jb-4"})(["position:relative;display:flex;width:500px;"]),ji=(m.default.section.attrs({"aria-label":(0,n.__)("Related Templates","web-stories")}).withConfig({displayName:"templateDetails__RowContainer",componentId:"sc-1cvs5jb-5"})(["display:flex;flex-wrap:wrap;padding-bottom:40px;margin:0 80px 0;& > h3{padding-bottom:32px;}& > div{width:100%;}"]),(0,m.default)(Hi).withConfig({displayName:"content__StyledPanel",componentId:"sc-jxjpbh-0"})(["padding:0 0 48px 0;"])),Vi=(0,m.default)(Ta.Text).withConfig({displayName:"content__ByLineText",componentId:"sc-jxjpbh-1"})(["color:",";margin:8px 0 24px;"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),$i=(0,m.default)(Ta.Text).withConfig({displayName:"content__DescriptionText",componentId:"sc-jxjpbh-2"})(["margin-bottom:24px;"]),Wi=m.default.div.withConfig({displayName:"content__PaginationContainer",componentId:"sc-jxjpbh-3"})(["position:absolute;top:","px;",""],235,(e=>{let{alignLeft:t}=e;return t?"\n          left: 0;\n          transform: translate(-187.5%, -50%);\n        ":"\n          right: 0;\n          transform: translate(187.5%, -50%);\n        "})),Zi=(0,m.default)(Di.Chip).attrs({forwardedAs:"li"}).withConfig({displayName:"content__TemplateTag",componentId:"sc-jxjpbh-4"})(["margin-right:12px;margin-bottom:12px;> span{color:"," !important;}"],(e=>{let{theme:t}=e;return t.colors.fg.primary})),qi=m.default.div.withConfig({displayName:"content__MetadataContainer",componentId:"sc-jxjpbh-5"})(["margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;"]);const Ki=function DetailsContent(e){let{activeTemplateIndex:t,isRTL:a,filteredTemplatesLength:o,switchToTemplateByOffset:i,template:l}=e;const{postersByPage:s,title:c,description:d,tags:u,colors:p}=l||{},[m,b]=(0,h.useState)([]);(0,h.useEffect)((()=>{s&&b(Object.values(s).map(((e,t)=>({id:t,...e}))))}),[s]);const{NextButton:f,PrevButton:_}=(0,h.useMemo)((()=>{const e=a?t-1:t+1,l=a?t+1:t-1,s=a?!o||t===o-1:!o||0===t,c=a?!o||0===t:!o||t===o-1,d=r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL,variant:Dt.BUTTON_VARIANTS.SQUARE,"aria-label":(0,n.__)("View previous template","web-stories"),onClick:()=>{i(l),b([])},disabled:s},r.createElement(Bi.default,{height:32,width:32})),u=r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL,variant:Dt.BUTTON_VARIANTS.SQUARE,"aria-label":(0,n.__)("View next template","web-stories"),onClick:()=>{i(e),b([])},disabled:c},r.createElement(Fi.default,{height:32,width:32}));return a?{NextButton:d,PrevButton:u}:{NextButton:u,PrevButton:d}}),[o,t,a,i]),g=l?(0,M.default)(
/* translators: byline. %s: author name. */
(0,n.__)("By %s","web-stories"),l.createdBy):null;return r.createElement(ji,null,r.createElement(Ui,null,r.createElement(Wi,{alignLeft:!0},_),r.createElement(Gi,null,r.createElement(zt,{galleryPosters:m,isRTL:a,galleryLabel:(0,n.__)("Template details by page","web-stories")}),r.createElement(zi,null,r.createElement(Yi,null,r.createElement($r,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,as:"h3","data-testid":"template-details-title"},c),r.createElement(Vi,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.MEDIUM},g),r.createElement($i,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.MEDIUM},d),r.createElement(qi,{role:"list","aria-label":(0,n.__)("Template tags","web-stories")},u.map((e=>r.createElement(Zi,{key:e,disabled:!0},e)))),r.createElement(qi,null,r.createElement(fa,{colors:p,size:32,"aria-label":(0,n.__)("Template colors","web-stories")}))))),r.createElement(Wi,null,f)))};const Xi=function TemplateDetailsModal(e){let{activeTemplateIndex:t,activeTemplate:a,filteredTemplatesLength:o,isDetailsViewOpen:i,templateActions:s}=e;const{isRTL:c,apiCallbacks:u}=E(),p=Boolean(u?.createStoryFromTemplate),{handleDetailsToggle:m,switchToTemplateByOffset:b}=s||{};return r.createElement(d.Modal,{isOpen:i,onClose:m,contentLabel:(0,M.default)(
/* translators: %s: template title */
(0,n.__)("Template Details for %s","web-stories"),a?.title),overlayStyles:{backgroundColor:`${l.theme.colors.opacity.overlayDark}`},contentStyles:{display:"block",height:"90vh",width:"90vw",backgroundColor:`${l.theme.colors.standard.white}`}},r.createElement(Mi,{templateTitle:a?.title,templateId:a?.id,templateActions:s,canCreateStory:p}),r.createElement(Ki,{activeTemplateIndex:t,isRTL:c,filteredTemplatesLength:o,switchToTemplateByOffset:b,template:a}))};const Qi=function ExploreTemplates(){const e=(0,an.default)(),[t,a]=(0,h.useState)(!1),[o,i]=(0,h.useState)(null),[l,s]=(0,h.useState)(0),{templateIdParam:c,replace:d}=so((e=>{let{actions:t,state:a}=e;return{templateIdParam:a.queryParams.id,replace:t.replace}})),u=(0,h.useRef)(c),{allPagesFetched:p,isLoading:m,templates:b,templatesOrderById:f,totalPages:_,totalTemplates:g,createStoryFromTemplate:E,fetchExternalTemplates:S}=yr((e=>{let{state:{templates:{allPagesFetched:t,isLoading:a,templates:o,templatesOrderById:r,totalPages:n,totalTemplates:i}},actions:{storyApi:{createStoryFromTemplate:l},templateApi:{fetchExternalTemplates:s}}}=e;return{allPagesFetched:t,isLoading:a,templates:o,templatesOrderById:r,totalPages:n,totalTemplates:i,createStoryFromTemplate:l,fetchExternalTemplates:s}})),{filters:T,sortObject:w,filtersObject:v}=Ti((e=>{let{state:{filters:t,sortObject:a,filtersObject:o}}=e;return{filters:t,sortObject:a,filtersObject:o}})),{page:I,view:O}=function(e){let{totalPages:t,sortObject:a=we.sort,filtersObject:o=we.filters}=e;const[r,n]=(0,h.useState)(a),[i,l]=(0,h.useState)(o),[s,c]=(0,h.useState)(1),{pageSize:d}=ur({isGrid:!0}),u=(0,h.useCallback)((e=>{const a={MIN:1,MAX:t};c((0,pr.clamp)(e,a))}),[t]),p=(0,h.useCallback)((()=>u(s+1)),[s,u]),m=(0,h.useCallback)((e=>{n(e),u(1)}),[u]),b=(0,h.useCallback)((e=>{l(e),u(1)}),[u]);return(0,h.useMemo)((()=>({view:{style:Ge.GRID,pageSize:d},sort:{value:r.orderby,direction:r.order,set:m},filters:{value:i,set:b},page:{value:s,set:c,requestNextPage:p}})),[d,r,m,s,p,i,b])}({filtersObject:v,sortObject:w,totalPages:_}),[C]=(0,h.useMemo)((()=>[T.find((e=>{let{key:t}=e;return"search"===t}))?.filterId]),[T]),A=(0,h.useMemo)((()=>ui(b)),[b]),L=(0,h.useMemo)((()=>C?A.filter((e=>e.label.toLowerCase().includes(C.toLowerCase()))):A),[A,C]),k=(0,h.useMemo)((()=>f.map((e=>b[e])).filter(pi(L))),[f,b,L]),P=(0,h.useMemo)((()=>g!==k.length?k.length:g),[k,g]),N=(0,h.useMemo)((()=>(0,ii.default)(L,"label")),[L]),R=(0,h.useCallback)((e=>{const t=b[e];(0,y.trackEvent)("use_template",{name:t.title,template_id:t.id}),E(t)}),[E,b]),x=(0,h.useCallback)((e=>{const t=k.find((t=>t.id===e));i(t),s(k.findIndex((t=>t.id===e))),u.current&&(u.current=void 0),d(`?id=${t.id}&isLocal=${t.isLocal}`)}),[d,k]),D=(0,h.useCallback)(((t,o)=>{a((a=>{const r=!a;return o&&(0,y.trackScreenView)(o),r&&t&&x(t),r||(d(""),e((0,n.__)("Exit detail templates view","web-stories"))),r}))}),[d,e,x]),B=(0,h.useCallback)((t=>{const a=k[t];i(a),s(t),d(`?id=${a.id}&isLocal=${a.isLocal}`),e((0,M.default)(
/* translators: %s: template title */
(0,n.__)("Viewing %s","web-stories"),a.title))}),[k,d,e]),F=(0,h.useMemo)((()=>({createStoryFromTemplate:R,handleDetailsToggle:D,switchToTemplateByOffset:B})),[R,D,B]);return(0,h.useEffect)((()=>{S()}),[S]),(0,h.useEffect)((()=>{if(u.current&&k.length){if(!k.some((e=>e.id===parseInt(u.current))))return void d("");a(!0),x(parseInt(u.current))}}),[k,d,x]),r.createElement(Za.Provider,null,r.createElement(Pi,{isLoading:m&&!g,totalTemplates:P,searchOptions:N,view:O}),r.createElement(ki,{isLoading:m,allPagesFetched:p,page:I,templates:k,totalTemplates:P,search:C,view:O,templateActions:F}),r.createElement(Za.Fixed,null,r.createElement(No,null)),r.createElement(Xi,{activeTemplate:o,activeTemplateIndex:l,isDetailsViewOpen:t,templateActions:F,filteredTemplatesLength:k.length}))};const Ji=function(){const{storyError:e,templateError:t}=yr((e=>{let{state:{stories:{error:t},templates:{error:a}}}=e;return{storyError:t,templateError:a}})),{showSnackbar:a}=(0,un.useSnackbar)(),o=(0,h.useDebouncedCallback)((e=>a({message:e,dismissible:!0})),200);(0,h.useEffect)((()=>{e?.id&&o(e.message)}),[e,o]),(0,h.useEffect)((()=>{t?.id&&o(t.message)}),[t,o])};function FiltersProvider(e){let{children:t}=e;return r.createElement(StoryFiltersProvider,null,r.createElement(TemplateFiltersProvider,null,t))}function el(){return el=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},el.apply(this,arguments)}const tl=e=>{let{additionalRoutes:t}=e;const{currentPath:a,templateId:o,availableRoutes:i}=so((e=>{let{state:t}=e;return{...t,templateId:t.queryParams.id}})),{push:l,setAvailableRoutes:s}=so((e=>{let{actions:t}=e;return t})),{canViewDefaultTemplates:c,leftRailSecondaryNavigation:d=[],documentTitleSuffix:u=(0,n.__)("Web Stories","web-stories")}=E(),{addInitialFetchListener:p}=yr((e=>{let{actions:{storyApi:{addInitialFetchListener:t}},state:{templates:{templates:a}}}=e;return{currentTemplate:void 0!==o?a[o]?.title:void 0,addInitialFetchListener:t}})),m=(0,h.useRef)(a===Fe.DASHBOARD),[b,f]=(0,h.useState)(!m.current);(0,h.useEffect)((()=>p?.((e=>{e?.all<=0&&m.current&&c&&l(Fe.TEMPLATES_GALLERY),f(!0)}))),[p,l,a,c]),(0,h.useEffect)((()=>{if(i.length>0)return;const e=t?t.map((e=>{let{path:t}=e;return t})):[];s([...Object.values(Fe),...e])}),[t,i.length,s]),(0,h.useEffect)((()=>{if(!b)return;const e=d.find((e=>e.value===a)),t=He[a]||e?.label||He.DEFAULT;document.title=(0,M.default)(
/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
(0,n.__)("%1$s ‹ %2$s","web-stories"),t,u),(0,y.trackScreenView)(t)}),[a,b,d,u]),Ji();const{clearSnackbar:_,removeSnack:g,placement:S,currentSnacks:T}=(0,un.useSnackbar)(),w=(0,h.usePrevious)(a);return(0,h.useEffect)((()=>{a!==w&&_()}),[_,a,w]),r.createElement(r.Fragment,null,r.createElement(qa,null,r.createElement(Io,null),r.createElement(FiltersProvider,null,r.createElement(Ka,null,r.createElement(uo,{exact:!0,isDefault:!0,path:Fe.DASHBOARD,component:r.createElement(_i,null)}),c&&r.createElement(uo,{path:Fe.TEMPLATES_GALLERY,component:r.createElement(Qi,null)}),t&&t.map((e=>r.createElement(uo,el({key:e.path},e))))))),r.createElement(pn.Snackbar.Container,{notifications:T,onRemove:g,placement:S,max:1}))};var al=a(43246),ol=a(89511),rl=a(88914),nl=(a(88766),a(27342),a(40630),a(98465),a(72858),a(28352));window.wp.domReady;var il=a(6389),ll=a(51048);const sl=window.wp.apiFetch,cl=["id","title","status","date","date_gmt","modified","modified_gmt","story_poster","link","preview_link","edit_link","body","status","headers"].join(","),dl=["id","title"],ul=["title","link"],pl="wp:lock,wp:lockuser,author",ml="wp:action-edit",bl="wp:action-delete";function fl(e){const{id:t,title:a,status:o,date:r,date_gmt:n,modified:i,modified_gmt:l,link:s,preview_link:c,edit_link:d,story_poster:u,_embedded:{author:p=[{name:"",id:0}],"wp:lock":m=[{locked:!1}],"wp:lockuser":b=[{id:0,name:""}]}={},_links:f={}}=e;if(!t)return null;const h={hasEditAction:Object.prototype.hasOwnProperty.call(f,ml),hasDeleteAction:Object.prototype.hasOwnProperty.call(f,bl)};return{id:t,status:o,title:a.raw,created:r,createdGmt:`${n}Z`,modified:i,modifiedGmt:`${l}Z`,author:{name:p[0].name,id:p[0].id},locked:m[0]?.locked,lockUser:{id:b[0].id,name:b[0].name,avatar:b[0]?.avatar_urls?.[96]||null},bottomTargetAction:d,featuredMediaUrl:u?.url,editStoryLink:d,previewLink:c,link:s,capabilities:h}}function hl(e,t){const{page:a=1,perPage:o=$e,filters:r={},sort:n={}}=t,i={...{_embed:pl,context:"edit",_web_stories_envelope:!0,_fields:cl,...J.filters,...J.sort},page:a,per_page:o,...r,...n};return sl({path:(0,il.default)(e.api.stories,i)}).then((e=>{let{body:t,headers:a}=e;const o=a&&parseInt(a["X-WP-TotalPages"]),r=a&&JSON.parse(a["X-WP-TotalByStatus"]),n=[];return{stories:t.reduce(((e,t)=>t?(n.push(t.id),e[t.id]=fl(t),e):e),{}),fetchedStoryIds:n,totalPages:o,totalStoriesByStatus:r}}))}function _l(e,t){const a=(0,il.default)(`${e.api.stories}${t}`,{_method:"DELETE"});return sl({path:a,method:"POST"})}function gl(e,t){const a=(0,il.default)(`${e.api.stories}${t.id}/`,{_embed:pl}),o={id:t.id,author:t.author.id,title:t.title?.raw||t.title};return sl({path:a,data:o,method:"POST"}).then(fl)}const El=async(e,t)=>{const o=(0,il.default)(e.api.stories,{_fields:"edit_link"}),{createdBy:r,pages:n,version:i,colors:l}=t,{getStoryMarkup:s}=await a.e(5985).then(a.bind(a,7159)),c={featuredMedia:{id:0,url:""},publisherLogo:{url:""},title:""},d={content:s(c,n,{publisher:r}),pages:n,featuredMedia:c.featuredMedia,title:c.title,status:"auto-draft",meta:{web_stories_publisher_logo:c.publisherLogo.id}},u=l.map((e=>{let{color:t}=e;return(0,pa.default)(t)}));return sl({path:o,data:{...d,story_data:{pages:n,version:i,autoAdvance:!0,defaultPageDuration:7,currentStoryStyles:{colors:u}}},method:"POST"}).then(ll.snakeToCamelCaseObjectKeys)};function Sl(e,t){const a=(0,il.default)(e.api.stories,{_embed:pl,_fields:cl});return sl({path:a,data:{original_id:t.id,status:"draft"},method:"POST"}).then(fl)}function Tl(e,t){return sl({path:(0,il.default)(e.api.users,{per_page:"100",who:"authors",search:t})})}async function yl(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const a=await sl({path:(0,il.default)(e.api.taxonomies,{type:"web-story",context:"edit",...t})});return Object.values(a).map((e=>(e.restPath=e._links?.["wp:items"]?.[0]?.href,delete e._links,(0,ll.snakeToCamelCaseObjectKeys)(e,["capabilities","visibility"]))))}function wl(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return sl({url:(0,il.default)(t,a)})}function vl(e,t){return sl({path:(0,il.default)(e.api.products,{per_page:1,search:t})})}var Il=a(95370);const Ol={SETTINGS:{UPDATED:(0,n.__)("Setting saved.","web-stories")}},Cl={UPLOAD_PUBLISHER_LOGO:{MESSAGE:(0,n.__)("Unable to add publisher logo","web-stories"),MESSAGE_PLURAL:(0,n.__)("Unable to add publisher logos","web-stories")},REMOVE_PUBLISHER_LOGO:{MESSAGE:(0,n.__)("Unable to remove publisher logo","web-stories")},REMOVE_FONT:{MESSAGE:(0,n.__)("Unable to remove font","web-stories")},UPDATE_PUBLISHER_LOGO:{MESSAGE:(0,n.__)("Unable to update publisher logo","web-stories")},LOAD_PUBLISHER_LOGOS:{MESSAGE:(0,n.__)("Unable to load publisher logos","web-stories")},LOAD_SETTINGS:{MESSAGE:(0,n.__)("Unable to load settings","web-stories")},UPDATE_EDITOR_SETTINGS:{MESSAGE:(0,n.__)("Unable to update settings data","web-stories")}},Al="/editor-settings",Ll=[{value:Al,label:(0,n.__)("Settings","web-stories")},{value:(0,n.__)("https://wordpress.org/support/plugin/web-stories/","web-stories"),label:(0,n.__)("Support","web-stories"),isExternal:!0,trackingEvent:"click_support_page"}],kl="none",Pl="adsense",Nl="admanager",Rl={DEFAULT:"default",DISABLED:"disabled",CUSTOM:"custom"},xl="none",Ml="woocommerce",Dl="shopify",Bl=(0,m.createGlobalStyle)(["body.web-story_page_stories-dashboard #wpbody{",";}.","{top:","px !important;left:","px !important;}body.folded .","{left:","px !important;}"],Il.scrollbarCSS,d.OVERLAY_CLASS,32,160,d.OVERLAY_CLASS,36);const Fl=function(){const{currentPath:e}=so((e=>{let{state:{currentPath:t}}=e;return{currentPath:t}}));(0,h.useEffect)((()=>{let t=`a[href$="#${e}"]`;e.length<=1&&(t='a[href$="page=stories-dashboard"]');const a=document.querySelectorAll("#menu-posts-web-story ul.wp-submenu li");a?.forEach((e=>{e.classList.remove("current"),e.querySelector("a")?.classList.remove("current"),e.querySelector("a")?.removeAttribute("aria-current")})),a?.forEach((e=>{e.querySelector(t)&&(e.classList.add("current"),e.querySelector("a")?.classList.add("current"),e.querySelector("a")?.setAttribute("aria-current","page"))}))}),[e])},Hl=(0,h.createContext)({state:{},actions:{}});const Ul=function(e){return(0,h.useContextSelector)(Hl,e??h.identity)};const Gl={getItemByKey:function(e){let t=null;try{const a=localStorage.getItem(e);t=JSON.parse(a)}catch(e){(0,y.trackError)("local_storage_read",e.message)}return t},setItemByKey:function(e,t){try{localStorage.setItem(e,JSON.stringify(t))}catch(e){(0,y.trackError)("local_storage_write",e.message)}}},Yl="web_stories_tracking_optin_banner_closed";function zl(){const e=localStorage.getItem(Yl);return Boolean(JSON.parse(e))}function jl(){const{showSnackbar:e}=(0,un.useSnackbar)(),[t,a]=(0,h.useState)(zl),[o,r]=(0,h.useState)(!1),{currentUser:n,toggleWebStoriesTrackingOptIn:i}=Ul((e=>{let{state:{currentUser:t},actions:{usersApi:{toggleWebStoriesTrackingOptIn:a}}}=e;return{currentUser:t,toggleWebStoriesTrackingOptIn:a}})),{currentPath:l}=so((e=>{let{state:{currentPath:t}}=e;return{currentPath:t}})),s=void 0!==n.data.meta?.webStoriesTrackingOptin,c=Boolean(n.data.meta?.webStoriesTrackingOptin);(0,h.useEffect)((()=>{c?(0,y.enableTracking)():(0,y.disableTracking)()}),[c]);const d=(0,h.useCallback)((()=>{i(),Gl.setItemByKey(Yl,!0),r(!0),e({"aria-label":Ol.SETTINGS.UPDATED,message:Ol.SETTINGS.UPDATED,dismissible:!0})}),[e,i]),u=(0,h.useCallback)((()=>{a(!0),Gl.setItemByKey(Yl,!0)}),[]);let p=!0;return(t||l===Al||!s||!o&&c)&&(p=!1),{bannerVisible:p,optedIn:c,disabled:n.isUpdating,closeBanner:u,toggleWebStoriesTrackingOptIn:d}}const Vl=function(){const{settingsError:e,mediaError:t,settingSaved:a,publisherLogosError:o}=Ul((e=>{let{state:{settings:{error:t,settingSaved:a},media:{error:o},publisherLogos:{error:r,settingSaved:n}}}=e;return{settingsError:t,mediaError:o,settingSaved:a||n,publisherLogosError:r}})),{showSnackbar:r}=(0,un.useSnackbar)(),n=(0,h.useDebouncedCallback)((e=>r({"aria-label":e,message:e,dismissible:!0})),200);(0,h.useEffect)((()=>{e?.id&&n(e.message)}),[e,n]),(0,h.useEffect)((()=>{a&&n(Ol.SETTINGS.UPDATED)}),[n,a]),(0,h.useEffect)((()=>{t?.id&&n(t.message)}),[t,n]),(0,h.useEffect)((()=>{o?.id&&n(o.message)}),[o,n])},$l=m.default.div.withConfig({displayName:"editorSettings__Wrapper",componentId:"sc-1y9ilpk-0"})([""]),Wl=(0,m.default)(ha).withConfig({displayName:"editorSettings__Main",componentId:"sc-1y9ilpk-1"})(["display:flex;flex-direction:column;padding-top:36px;margin-top:20px;margin-bottom:56px;max-width:945px;"]),Zl=m.default.form.withConfig({displayName:"editorSettings__SettingForm",componentId:"sc-1y9ilpk-2"})(["display:grid;grid-template-columns:27% minmax(400px,1fr);column-gap:6.56%;padding-bottom:52px;@media ","{grid-template-columns:100%;row-gap:20px;}"],(e=>{let{theme:t}=e;return t.breakpoint.mobile})),ql=(0,m.default)(bo.Headline).attrs({as:"h3"}).withConfig({displayName:"editorSettings__SettingHeading",componentId:"sc-1y9ilpk-3"})(["",";margin:8px 0;"],(e=>{let{theme:t}=e;return La.expandPresetStyles({preset:{...t.typography.presets.label[ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.LARGE]},theme:t})})),Kl=(0,m.default)(ea.Link).withConfig({displayName:"editorSettings__InlineLink",componentId:"sc-1y9ilpk-4"})(["display:inline-block;"]),Xl=(0,m.default)(Ta.Text).withConfig({displayName:"editorSettings__HelperText",componentId:"sc-1y9ilpk-5"})(["color:",";"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),Ql=(0,m.default)(Ta.Text).withConfig({displayName:"editorSettings__ConnectionHelperText",componentId:"sc-1y9ilpk-6"})(["padding-top:12px;color:",";"],(e=>{let{hasError:t,theme:a}=e;return t?a.colors.fg.negative:a.colors.fg.tertiary})),Jl=(0,m.default)(Ta.Text).withConfig({displayName:"editorSettings__CenterMutedText",componentId:"sc-1y9ilpk-7"})(["color:",";text-align:center;"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),es=(0,m.default)(Xl).withConfig({displayName:"editorSettings__SettingSubheading",componentId:"sc-1y9ilpk-8"})(["padding:8px 0;"]),ts=(0,m.default)(Xl).withConfig({displayName:"editorSettings__TextInputHelperText",componentId:"sc-1y9ilpk-9"})(["padding-top:12px;"]),as=(0,m.default)(Ta.Text).withConfig({displayName:"editorSettings__CheckboxLabel",componentId:"sc-1y9ilpk-10"})(["display:flex;justify-content:flex-start;margin-top:8px;cursor:pointer;"]),os=(0,m.default)(Xl).withConfig({displayName:"editorSettings__CheckboxLabelText",componentId:"sc-1y9ilpk-11"})(["margin-left:8px;"]),rs=(0,m.default)(Jl).withConfig({displayName:"editorSettings__Error",componentId:"sc-1y9ilpk-12"})(["padding-bottom:10px;color:",";"],(e=>{let{theme:t}=e;return t.colors.fg.negative})),ns=m.default.div.withConfig({displayName:"editorSettings__UploadedContainer",componentId:"sc-1y9ilpk-13"})(["display:grid;grid-template-columns:repeat(auto-fill,102px);grid-auto-rows:102px;grid-column-gap:12px;grid-row-gap:20px;padding-bottom:20px;margin-bottom:4px;border:1px solid transparent;",";"],Vt.focusableOutlineCSS),is=m.default.div.withConfig({displayName:"editorSettings__GridItemContainer",componentId:"sc-1y9ilpk-14"})(["position:relative;",";&:hover,&:focus-within{button{opacity:1 !important;}}"],(e=>{let{active:t,theme:a}=e;return t&&(0,m.css)(["border:1px solid ",";border-radius:",";"],a.colors.border.defaultActive,a.borders.radius.small)})),ls=m.default.button.withConfig({displayName:"editorSettings__GridItemButton",componentId:"sc-1y9ilpk-15"})(["display:block;background-color:transparent;border:2px solid transparent;width:100%;height:100%;border-radius:4px;padding:0;",";"],Vt.focusableOutlineCSS),ss=m.default.img.withConfig({displayName:"editorSettings__Logo",componentId:"sc-1y9ilpk-16"})(["object-fit:cover;width:100%;height:100%;border-radius:4px;"]),cs=m.default.div.withConfig({displayName:"editorSettings__MenuContainer",componentId:"sc-1y9ilpk-17"})(["position:absolute;top:0;width:100%;height:100%;"]),ds=(0,m.default)(Mt.Button).attrs({size:Dt.BUTTON_SIZES.SMALL,type:Dt.BUTTON_TYPES.SECONDARY,variant:Dt.BUTTON_VARIANTS.CIRCLE}).withConfig({displayName:"editorSettings__LogoMenuButton",componentId:"sc-1y9ilpk-18"})(["opacity:",";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"],(e=>{let{isActive:t,menuOpen:a}=e;return a||t?1:0})),us=(0,m.default)(Mt.Button).withConfig({displayName:"editorSettings__SaveButton",componentId:"sc-1y9ilpk-19"})(["height:36px;"]),ps=(0,m.default)(Mt.Button).withConfig({displayName:"editorSettings__TestConnectionButton",componentId:"sc-1y9ilpk-20"})(["height:36px;margin-top:12px;"]),ms=m.default.div.withConfig({displayName:"editorSettings__InlineForm",componentId:"sc-1y9ilpk-21"})(["display:flex;align-items:flex-start;"]),bs=m.default.label.withConfig({displayName:"editorSettings__VisuallyHiddenLabel",componentId:"sc-1y9ilpk-22"})(Sa.visuallyHidden),fs=(0,m.default)(Ha).withConfig({displayName:"editorSettings__SettingsTextInput",componentId:"sc-1y9ilpk-23"})(["margin-right:8px;"]),hs=(m.default.span.withConfig({displayName:"editorSettings__VisuallyHiddenDescription",componentId:"sc-1y9ilpk-24"})(Sa.visuallyHidden),(0,m.default)(Zl).withConfig({displayName:"editorSettings__MultilineForm",componentId:"sc-1y9ilpk-25"})(["margin-bottom:28px;","{margin-top:20px;}"],ms)),_s={SLOT_ID_LABEL:(0,n.__)("Monetization type","web-stories"),HELPER_MESSAGE_ADSENSE:(0,n.__)("Learn more about <a>how to monetize your Web Stories</a> using AdSense. Once configured, AdSense will determine where and how to insert ads into the story. Consult <help>AdSense Help</help> for any further assistance.","web-stories"),HELPER_MESSAGE_ADMANAGER:(0,n.__)("Learn how to <a>enable programmatic demand in Web Stories</a> through Ad Manager.","web-stories"),HELPER_LINK_ADSENSE:(0,n.__)("https://support.google.com/adsense/answer/10175505","web-stories"),HELPER_LINK_ADSENSE_HELP:(0,n.__)("https://support.google.com/adsense/","web-stories"),HELPER_LINK_ADMANAGER:(0,n.__)("https://support.google.com/admanager/answer/9416436","web-stories")},gs=[{label:(0,n._x)("None","ad network","web-stories"),value:kl},{label:(0,n.__)("Google AdSense","web-stories"),value:Pl},{label:(0,n.__)("Google Ad Manager","web-stories"),value:Nl}];const Es=function AdNetworkSettings(e){let{adNetwork:t,handleUpdate:a}=e;const[o,n]=(0,h.useState)(t);(0,h.useEffect)((()=>n(t)),[t]);const i=(0,h.useMemo)((()=>Nl===o?_s.HELPER_MESSAGE_ADMANAGER:Pl===o?_s.HELPER_MESSAGE_ADSENSE:null),[o]),l=(0,h.useMemo)((()=>Nl===o?_s.HELPER_LINK_ADMANAGER:Pl===o?_s.HELPER_LINK_ADSENSE:null),[o]),s=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_monetization_docs")),[]);return r.createElement(r.Fragment,null,r.createElement(Lr.DropDown,{ariaLabel:_s.SLOT_ID_LABEL,options:gs,selectedValue:o,onMenuItemClick:(e,t)=>a(t),fillWidth:!0}),i&&r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:l,rel:"noreferrer",target:"_blank",onClick:s,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL}),help:r.createElement(Kl,{href:_s.HELPER_LINK_ADSENSE_HELP,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},i)))},Ss=/^\/\d+(,\d+)?(\/[\w\d_\-.*\\!<:()]{1,99}[^/])*$/;const Ts={SLOT_ID_CONTEXT:(0,M.default)(
/* translators: %s: example value. */
(0,n.__)("Example: %s","web-stories"),"/123456789/a4a/amp_story_dfp_example"),SLOT_ID_PLACEHOLDER:(0,n.__)("Enter your Slot ID","web-stories"),SLOT_ID_LABEL:(0,n.__)("Google Ad Manager Slot ID","web-stories"),INPUT_ERROR:(0,n.__)("Invalid ID format","web-stories"),SUBMIT_BUTTON:(0,n.__)("Save","web-stories")};const ys=function GoogleAdManagerSettings(e){let{slotId:t,handleUpdate:a}=e;const[o,n]=(0,h.useState)(t),[i,l]=(0,h.useState)(""),s=o!==t&&!i,c=!s;(0,h.useEffect)((()=>{n(t)}),[t]);const d=(0,h.useCallback)((e=>{const{value:t}=e.target;n(t),0===t.length||function(){return Boolean((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase().match(Ss))}(t)?l(""):l(Ts.INPUT_ERROR)}),[]),u=(0,h.useCallback)((()=>{s&&a(o)}),[s,o,a]),p=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),u())}),[u]);return r.createElement(r.Fragment,null,r.createElement(ms,null,r.createElement(bs,{htmlFor:"adManagerSlotId"},Ts.SLOT_ID_LABEL),r.createElement(fs,{id:"adManagerSlotId","aria-label":Ts.SLOT_ID_LABEL,value:o,onChange:d,onKeyDown:p,placeholder:Ts.SLOT_ID_PLACEHOLDER,hasError:Boolean(i),hint:i}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:c,onClick:u},Ts.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ts.SLOT_ID_CONTEXT))},ws=/^(ca-)?pub-\d{16}$/;const vs=/^\d{10}$/;const Is={PUBLISHER_ID_CONTEXT:(0,M.default)(
/* translators: 1: first example. 2: second example. */
(0,n.__)("Example: %1$s or %2$s. <a>Find your AdSense Publisher ID</a>.","web-stories"),"pub-1234567891234567","ca-pub-1234567891234567"),PUBLISHER_ID_CONTEXT_LINK:(0,n.__)("https://support.google.com/adsense/answer/105516","web-stories"),PUBLISHER_ID_PLACEHOLDER:(0,n.__)("Enter your Publisher ID","web-stories"),PUBLISHER_ID_LABEL:(0,n.__)("Google AdSense Publisher ID","web-stories"),SLOT_ID_CONTEXT:(0,M.default)(
/* translators: %s: example value. */
(0,n.__)("Example: %s. Copy the slot ID from <a>your ad unit’s code</a>. The same ad unit will be used for all of your Web Stories.","web-stories"),"1234567890"),SLOT_ID_CONTEXT_LINK:(0,n.__)("https://support.google.com/adsense/answer/9274019","web-stories"),SLOT_ID_PLACEHOLDER:(0,n.__)("Enter your Slot ID","web-stories"),SLOT_ID_LABEL:(0,n.__)("Google AdSense Slot ID","web-stories"),INPUT_ERROR:(0,n.__)("Invalid ID format","web-stories"),SUBMIT_BUTTON:(0,n.__)("Save","web-stories")};const Os=function GoogleAdSenseSettings(e){let{publisherId:t,slotId:a,handleUpdatePublisherId:o,handleUpdateSlotId:n}=e;const[i,l]=(0,h.useState)(t),[s,c]=(0,h.useState)(""),d=i!==t&&!s,u=!d,[p,m]=(0,h.useState)(a),[b,f]=(0,h.useState)(""),_=p!==a&&!b,g=!_;(0,h.useEffect)((()=>{l(t)}),[t]);const E=(0,h.useCallback)((e=>{const{value:t}=e.target;l(t),0===t.length||function(){return Boolean((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase().match(ws))}(t)?c(""):c(Is.INPUT_ERROR)}),[]),S=(0,h.useCallback)((()=>{d&&o(i)}),[d,i,o]),T=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),S())}),[S]);(0,h.useEffect)((()=>{m(a)}),[a]);const w=(0,h.useCallback)((e=>{const{value:t}=e.target;m(t),0===t.length||function(){return Boolean((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase().match(vs))}(t)?f(""):f(Is.INPUT_ERROR)}),[]),v=(0,h.useCallback)((()=>{_&&n(p)}),[_,p,n]),I=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),v())}),[v]),O=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_adsense_publisher_id_docs")),[]);return r.createElement(r.Fragment,null,r.createElement(ms,null,r.createElement(bs,{htmlFor:"adSensePublisherId"},Is.PUBLISHER_ID_LABEL),r.createElement(fs,{"aria-label":Is.PUBLISHER_ID_LABEL,id:"adSensePublisherId",name:"adSensePublisherId","data-testid":"adSensePublisherId",value:i,onChange:E,onKeyDown:T,placeholder:Is.PUBLISHER_ID_PLACEHOLDER,hasError:Boolean(s),hint:s}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:u,onClick:S,"data-testid":"adSensePublisherIdButton"},Is.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Is.PUBLISHER_ID_CONTEXT_LINK,rel:"noreferrer",target:"_blank",onClick:O,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},Is.PUBLISHER_ID_CONTEXT)),r.createElement(ms,null,r.createElement(bs,{htmlFor:"adSenseSlotId"},Is.SLOT_ID_LABEL),r.createElement(fs,{id:"adSenseSlotId","aria-label":Is.SLOT_ID_LABEL,name:"adSenseSlotId","data-testid":"adSenseSlotId",value:p,onChange:w,onKeyDown:I,placeholder:Is.SLOT_ID_PLACEHOLDER,hasError:Boolean(b),hint:b}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:g,onClick:v,"data-testid":"adSenseSlotIdButton"},Is.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Is.SLOT_ID_CONTEXT_LINK,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},Is.SLOT_ID_CONTEXT)))},Cs={SECTION_HEADING:(0,n.__)("Monetization","web-stories"),HELPER_MESSAGE_NONE:(0,n.__)("Monetize your content by showing ads in your Web Stories. <a>Learn more</a>.","web-stories"),HELPER_LINK_NONE:(0,n.__)("https://amp.dev/documentation/guides-and-tutorials/develop/advertise_amp_stories/","web-stories"),SITE_KIT_NOT_INSTALLED:(0,n.__)("Install <a>Site Kit by Google</a> to easily enable Google AdSense for Web Stories.","web-stories"),SITE_KIT_INSTALLED:(0,n.__)("Use Site Kit by Google to easily<a>activate Google AdSense</a> for Web Stories.","web-stories"),SITE_KIT_IN_USE:(0,n.__)("Site Kit by Google has already enabled Google AdSense for your Web Stories, all changes to your ad configuration should occur there.","web-stories")};const As=function AdManagement(e){let{updateSettings:t,adNetwork:a,publisherId:o,adSenseSlotId:n,adManagerSlotId:i,siteKitStatus:l}=e;const{adsenseActive:s,installed:c,adsenseLink:d}=l,u=(0,h.useCallback)((e=>(0,y.trackClick)(e,"monetization","dashboard",Cs.HELPER_LINK_NONE)),[]),p=(0,h.useCallback)((e=>t({adSensePublisherId:e})),[t]),m=(0,h.useCallback)((e=>t({adSenseSlotId:e})),[t]),b=(0,h.useCallback)((e=>t({adManagerSlotId:e})),[t]),f=(0,h.useCallback)((e=>{t({adNetwork:e}),(0,y.trackEvent)("change_ad_network",{name:e})}),[t]),_=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_site_kit_link")),[]),g=(0,h.useMemo)((()=>s?null:r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:d,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,onClick:_})}},c?Cs.SITE_KIT_INSTALLED:Cs.SITE_KIT_NOT_INSTALLED)),[s,c,d,_]);return r.createElement(hs,{onSubmit:e=>e.preventDefault()},r.createElement("div",null,r.createElement(ql,null,Cs.SECTION_HEADING),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Cs.HELPER_LINK_NONE,rel:"noreferrer",target:"_blank",onClick:u,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},Cs.HELPER_MESSAGE_NONE)),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},g)),s?r.createElement("div",null,r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Cs.SITE_KIT_IN_USE)):r.createElement("div",null,r.createElement(Es,{handleUpdate:f,adNetwork:a}),Pl===a&&r.createElement(Os,{handleUpdatePublisherId:p,handleUpdateSlotId:m,publisherId:o,slotId:n,siteKitStatus:l}),Nl===a&&r.createElement(ys,{handleUpdate:b,slotId:i})))};var Ls=a(25252);Rt.shape({value:Rt.number,set:Rt.func}).isRequired,Rt.number,Rt.bool,Rt.arrayOf(Rt.shape({disabled:Rt.bool,href:Rt.string,label:Rt.string.isRequired,openNewTab:Rt.bool,onClick:Rt.func,onFocus:Rt.func})).isRequired,Rt.func.isRequired,Rt.shape({url:Rt.string,title:Rt.string,id:Rt.number,active:Rt.bool}).isRequired;const ks=function PopoverLogoContextMenu(e){let{isActive:t,idx:a,publisherLogo:o,contextMenuId:i,onMenuItemToggle:l,items:s}=e;const c=i.value===o.id,d=t?0:-1,u=(0,h.useCallback)((e=>i.set(e)),[i]),p=(0,h.useCallback)((()=>u(-1)),[u]);return r.createElement(cs,null,r.createElement(ds,{tabIndex:d,isActive:t,menuOpen:c,"data-testid":`publisher-logo-context-menu-button-${a}`,"aria-label":(0,M.default)(
/* translators: %s: logo title */
(0,n.__)("Publisher logo menu for %s","web-stories"),o.title),onClick:e=>{e.preventDefault(),l(c?null:o.id),u(c?-1:o.id)},onFocus:()=>{l(c?null:o.id)}},r.createElement(Ls.default,{"aria-hidden":"true"})),r.createElement(Qt.default,{animate:!0,isOpen:c,"data-testid":`publisher-logo-context-menu-${a}`,onDismiss:p},s.map((e=>{let{label:t,separator:a,...o}=e;const n=o.href?na:ia.default;return r.createElement(h.Fragment,{key:t},"top"===a&&r.createElement(la.default,null),r.createElement(n,o,t),"bottom"===a&&r.createElement(la.default,null))}))))},Ps=(0,h.forwardRef)(((e,t)=>{let{contextMenuId:a,index:o,onMenuItemToggle:i,onRemoveLogo:l,onUpdateDefaultLogo:s,publisherLogo:c,setFocusedPublisherLogoId:d,showLogoContextMenu:u,isFocused:p}=e;const m=[{label:(0,n.__)("Set as Default","web-stories"),onClick:e=>{e.preventDefault(),s(c)},disabled:c.active},{label:(0,n.__)("Delete","web-stories"),onClick:e=>{e.preventDefault(),l(c,o)}}];return r.createElement(is,{ref:t,role:"listitem",active:c.active,"data-testid":`publisher-logo-${o}`},r.createElement(ls,{onFocus:()=>{d(c.id)},"data-testid":`uploaded-publisher-logo-${o}`,isSelected:p,tabIndex:p?0:-1,onClick:e=>{e.preventDefault(),d(c.id)},"aria-label":(0,M.default)(
/* translators: %s: logo title.*/
(0,n.__)("Publisher Logo %s","web-stories"),c.title)},r.createElement(ss,{src:c.url,alt:c.title})),c.active&&r.createElement(Jl,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL},(0,n.__)("Default","web-stories")),u&&r.createElement(ks,{isActive:p,idx:o,items:m,publisherLogo:c,onMenuItemToggle:i,contextMenuId:a}))}));Ps.displayName="GridItem";const Ns={SECTION_HEADING:(0,n.__)("Publisher Logo","web-stories"),UPLOAD_CONTEXT:(0,n.__)("Upload your logos here and they will become available to any stories you create.","web-stories"),CLICK_CONTEXT:(0,n.__)("Click on logo to set as default if you want that logo to be used on default logo for all your stories.","web-stories"),REMOVAL:(0,n.__)("Removing a logo from your settings won't remove it from any stories using that logo.","web-stories"),INSTRUCTIONS:(0,n.__)("Avoid vector files, such as svg or eps. Logos should be at least 96x96 pixels and a perfect square. The background should not be transparent.","web-stories"),SUBMIT:(0,n.__)("Upload logo","web-stories"),ARIA_LABEL:(0,n.__)("Click to upload a new logo","web-stories"),HELPER_UPLOAD:(0,n.__)("Drag a jpg, png, or static gif in this box. Or click “Upload logo” below.","web-stories")};const Rs=function PublisherLogoSettings(e){let{canUploadFiles:t,onAddLogos:a,onRemoveLogo:o,onUpdateDefaultLogo:i,isLoading:l,publisherLogos:s,uploadError:c}=e;const{isRTL:d,allowedImageMimeTypes:u}=E(),p=(0,h.useRef)(),m=(0,h.useRef)(),b=(0,h.useRef)({}),[f,_]=(0,h.useState)(null),[g,S]=(0,h.useState)(null),[T,y]=(0,h.useState)(null),w=1===s.length,v=(0,h.useRef)(s.length),I=(0,h.useCallback)(((e,t)=>{y(-1),o?.(e),S(t),v.current=s.length}),[o,s.length]),O=(0,h.useCallback)((e=>{y(-1),i?.(e)}),[i]);(0,h.useEffect)((()=>{if(Boolean(g?.toString())&&s.length!==v.current){if(0===s.length)return p.current?.getElementsByTagName("input")[0].focus();const e=g>0?s[g-1]:s[0];return _(e.id),b.current[e.id].firstChild.focus(),S(null)}}),[g,s,_]),(0,Nt.default)({containerRef:p,gridRef:m,itemRefs:b,isRTL:d,currentItemId:f,items:s});const C=(0,h.useCallback)((e=>{_(e)}),[]);return(0,h.useFocusOut)(p,(()=>{_(null),y(null)}),[]),r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,Ns.SECTION_HEADING),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ns.UPLOAD_CONTEXT),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ns.CLICK_CONTEXT),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ns.REMOVAL)),r.createElement("div",{ref:p,"data-testid":"publisher-logos-container"},s.length>0&&r.createElement(ns,{tabIndex:0,ref:m,role:"list","aria-label":(0,n.__)("Viewing existing publisher logos","web-stories")},s.map(((e,t)=>r.createElement(Ps,{key:e.id,ref:t=>{b.current[e.id]=t},contextMenuId:{set:y,value:T},index:t,isFocused:f===e.id,onMenuItemToggle:C,onRemoveLogo:I,onUpdateDefaultLogo:O,publisherLogo:e,setFocusedPublisherLogoId:_,showLogoContextMenu:!w})))),c&&r.createElement(rs,{role:"alert"},c),t&&r.createElement(r.Fragment,null,r.createElement(Aa,{onSubmit:a,id:"settings_publisher_logos",isLoading:l,label:Ns.SUBMIT,isMultiple:!0,ariaLabel:Ns.ARIA_LABEL,instructionalText:Ns.HELPER_UPLOAD,acceptableFormats:Object.values(u)}),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ns.INSTRUCTIONS))))};var xs=a(98415);function TelemetrySettings(e){let{selected:t,onCheckboxSelected:a,disabled:o}=e;const i=(0,h.useMemo)((()=>`telemetry-opt-in-${(0,Jt.default)()}`),[]);return r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,(0,n.__)("Data Sharing Opt-in","web-stories"))),r.createElement("div",null,r.createElement(as,{forwardedAs:"label",htmlFor:i},r.createElement(xs.Checkbox,{id:i,"data-testid":"telemetry-settings-checkbox",disabled:o,onChange:a,checked:Boolean(t)}),r.createElement(os,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,"aria-checked":Boolean(t),forwardedAs:"span"},r.createElement(hr.default,{mapping:{a:r.createElement("a",{href:(0,n.__)("https://policies.google.com/privacy","web-stories"),rel:"noreferrer",target:"_blank","aria-label":(0,n.__)("Learn more by visiting Google Privacy Policy","web-stories")})}},(0,n.__)("Check the box to help us improve the Web Stories plugin by allowing tracking of product usage stats. All data are treated in accordance with <a>Google Privacy Policy</a>.","web-stories"))))))}function MediaOptimizationSettings(e){let{selected:t,onCheckboxSelected:a,disabled:o}=e;const i=(0,h.useMemo)((()=>`media-optimization-${(0,Jt.default)()}`),[]);return r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,(0,n.__)("Video Optimization","web-stories"))),r.createElement("div",null,r.createElement(as,{forwardedAs:"label",htmlFor:i},r.createElement(xs.Checkbox,{id:i,"data-testid":"media-optimization-settings-checkbox",disabled:o,onChange:a,checked:Boolean(t)}),r.createElement(os,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,"aria-checked":Boolean(t),forwardedAs:"span"},(0,n.__)("Automatically optimize videos used in Web Stories. We recommend enabling this feature. Video files that are too large or have an unsupported format (like .mov) will otherwise not display properly.","web-stories")))))}function VideoCacheSettings(e){let{isEnabled:t=!1,updateSettings:a}=e;const o=(0,h.useMemo)((()=>`video-cache-${(0,Jt.default)()}`),[]),i=(0,h.useCallback)((()=>a({videoCache:!t})),[a,t]);return r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,(0,n.__)("Video Cache","web-stories"))),r.createElement("div",null,r.createElement(as,{forwardedAs:"label",htmlFor:o},r.createElement(xs.Checkbox,{id:o,"data-testid":"video-cache-settings-checkbox",onChange:i,checked:Boolean(t)}),r.createElement(os,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,"aria-checked":Boolean(t),forwardedAs:"span"},(0,n.__)("Reduce hosting costs and improve user experience by serving videos from the Google cache.","web-stories")))))}function DataRemovalSettings(e){let{isEnabled:t=!1,updateSettings:a}=e;const o=(0,h.useCallback)((()=>a({dataRemoval:!t})),[a,t]);return r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,(0,n.__)("Plugin Uninstall","web-stories"))),r.createElement("div",null,r.createElement(as,{forwardedAs:"label",htmlFor:"data-removal-settings"},r.createElement(xs.Checkbox,{id:"data-removal-settings","data-testid":"data-removal-settings-checkbox",onChange:o,checked:Boolean(t)}),r.createElement(os,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,"aria-checked":Boolean(t),forwardedAs:"span"},(0,n.__)("Remove all data including stories and saved templates when uninstalling the Web Stories plugin.","web-stories")))))}const Ms={LABEL:(0,n.__)("Stories Archives","web-stories"),SECTION_HEADING:(0,n.__)("Stories Archives","web-stories"),ARCHIVE_CONTENT:(0,n.__)("By default WordPress automatically creates an archive page, displaying your latest stories in your theme's layout.","web-stories"),ARCHIVE_CONTENT_2:(0,n.__)("You can customize or disable this behavior.","web-stories"),SUB_TEXT_CUSTOM:(0,n.__)("Choose a page to serve as your Web Stories archive. Use the Web Stories block to add stories to this page.","web-stories")},Ds=[{label:(0,n._x)("Default","archive type","web-stories"),value:Rl.DEFAULT},{label:(0,n.__)("Disabled","web-stories"),value:Rl.DISABLED},{label:(0,n.__)("Create your own","web-stories"),value:Rl.CUSTOM}],Bs=m.default.div.withConfig({displayName:"archive__SearchWrapper",componentId:"sc-u9kj1r-0"})(["padding-top:12px;"]);function ArchiveSettings(e){let{archive:t=Rl.DEFAULT,archiveURL:a,defaultArchiveURL:o,archivePageId:i,updateSettings:l,searchPages:s,getPageById:c}=e;const[d,u]=(0,h.useState)(a),[p,m]=(0,h.useState)(i?{value:i}:void 0),[b,f]=(0,h.useState)([]),_=(0,h.useCallback)(((e,t)=>{u(a);const o=t===Rl.CUSTOM?i:0;m(o),l({archive:t,archivePageId:o})}),[l,i,a]),g=(0,h.useCallback)(((e,t)=>{const a=Number(t.value);a!==i&&(m(a?{value:a}:void 0),l({archivePageId:a}))}),[i,l]);(0,h.useEffect)((()=>{let e=!0;return i&&Rl.CUSTOM===t&&(async()=>{const{title:t,link:a}=await c(i);if(e&&t){const e={value:i,label:t};f((t=>[e,...t])),m(e),u(a)}})(),()=>{e=!1}}),[t,i,c]);const E=(0,h.useDebouncedCallback)((async e=>{await(0,y.trackEvent)("archive_page_search",{search_type:"dashboard",search_term:e}),f(await s(e))}),300);return r.createElement(Zl,null,r.createElement("div",null,r.createElement(ql,null,Ms.SECTION_HEADING),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ms.ARCHIVE_CONTENT),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ms.ARCHIVE_CONTENT_2)),r.createElement("div",null,r.createElement(Lr.DropDown,{ariaLabel:Ms.LABEL,options:Ds,selectedValue:t,onMenuItemClick:_,fillWidth:!0}),Rl.DISABLED===t&&r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{code:r.createElement("code",null)}},(0,M.default)(
/* translators: %s: archive url. */
(0,n.__)("Turn off the default archive page at <code>%s</code>. Users will see a 404 Not Found page when trying to access the default archive page.","web-stories"),d))),Rl.CUSTOM===t&&r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ms.SUB_TEXT_CUSTOM),Rl.CUSTOM===t&&r.createElement(Bs,null,r.createElement(Search,{placeholder:(0,n.__)("Select page","web-stories"),selectedValue:p,options:b,handleSearchValueChange:E,emptyText:(0,n.__)("No pages available","web-stories"),onMenuItemClick:g})),Rl.DISABLED!==t&&r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:d,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,as:"a"}),code:r.createElement("code",null)}},i&&d!==o?(0,M.default)(
/* translators: 1. current archive url, 2. default archive url. */
(0,n.__)("Visit archive page at <a>%1$s</a>. <code>%2$s</code> will automatically redirect to this page.","web-stories"),d,o):(0,M.default)(
/* translators: %s: archive url. */
(0,n.__)("Visit archive page at <a>%1$s</a>.","web-stories"),d)))))}ArchiveSettings.defaultProps={archive:Rl.DEFAULT};var Fs=a(98240),Hs=a(41044);function Us(){return Us=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},Us.apply(this,arguments)}const Gs={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary",QUATERNARY:"quaternary",POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent"};function Ys(e){return 9*(e-1)}const zs=m.default.div.withConfig({displayName:"notificationBubble__Bubble",componentId:"sc-1w06lrc-0"})([""," position:relative;height:","px;width:","px;",";"],(e=>{let{theme:t,variant:a}=e;return(0,m.css)(["color:",";background-color:",";border-radius:",";"],t.colors.fg.primary,t.colors.bg[a],t.borders.radius.round)}),24,(e=>{let{digitLen:t}=e;return 24+Ys(t)}),(e=>{let{digitLen:t,$isSmall:a}=e;return a&&(0,m.css)(["height:","px;width:","px;"],20,20+Ys(t))})),js=m.default.span.withConfig({displayName:"notificationBubble__Inner",componentId:"sc-1w06lrc-1"})([""," "," ",";font-weight:",";color:",";user-select:none;"],Fs.fullSizeAbsolute,Hs.centerContent,(e=>{let{$isSmall:t,theme:a}=e;return La.expandTextPreset(((e,a)=>{let{paragraph:o}=e;return o[t?a.X_SMALL:a.SMALL]}))({theme:a})}),(e=>{let{theme:t}=e;return t.typography.weight.bold}),(e=>{let{$invertColor:t,theme:a}=e;return t?a.colors.inverted.fg.primary:a.colors.fg.primary})),Vs=/^ua-\d+-\d+$/;const $s=(0,m.default)((e=>{let{notificationCount:t,isSmall:a,variant:o=Gs.ACCENT,invertTextColor:n,...i}=e;return r.createElement(zs,Us({variant:o,$isSmall:a,digitLen:t?.toString().length||1},i),r.createElement(js,{$invertColor:n,$isSmall:a},t))})).withConfig({displayName:"googleAnalytics__StyledNotificationBubble",componentId:"sc-svg62t-0"})(["display:inline-block;margin-left:10px;"]),Ws={CONTEXT:(0,n.__)("The story editor will append a default, configurable AMP analytics configuration to your story. If you’re interested in going beyond what the default configuration, read this <a>article</a>.","web-stories"),CONTEXT_LINK:"https://blog.amp.dev/2019/08/28/analytics-for-your-amp-stories/",SECTION_HEADING:(0,n.__)("Google Analytics","web-stories"),PLACEHOLDER:(0,n.__)("Enter your Google Analytics Tracking ID","web-stories"),ARIA_LABEL:(0,n.__)("Enter your Google Analytics Tracking ID","web-stories"),INPUT_ERROR:(0,n.__)("Invalid ID format","web-stories"),SUBMIT_BUTTON:(0,n.__)("Save","web-stories"),SITE_KIT_NOT_INSTALLED:(0,n.__)("Install <a>Site Kit by Google</a> to easily enable Google Analytics for Web Stories.","web-stories"),SITE_KIT_INSTALLED:(0,n.__)("Use Site Kit by Google to easily<a>activate Google Analytics</a> for Web Stories.","web-stories"),SITE_KIT_IN_USE:(0,n.__)("Site Kit by Google has already enabled Google Analytics for your Web Stories, all changes to your analytics tracking should occur there.","web-stories")};const Zs=function GoogleAnalyticsSettings(e){let{googleAnalyticsId:t,handleUpdateAnalyticsId:a,usingLegacyAnalytics:o,handleMigrateLegacyAnalytics:i,siteKitStatus:l={}}=e;const[s,c]=(0,h.useState)(t),[d,u]=(0,h.useState)(""),p=s!==t&&!d,m=!p,{analyticsActive:b,installed:f,analyticsLink:_}=l;(0,h.useEffect)((()=>{c(t)}),[t]);const g=(0,h.useCallback)((e=>{const{value:t}=e.target;c(t),0===t.length||function(){return Boolean((arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase().match(Vs))}(t)?u(""):u(Ws.INPUT_ERROR)}),[]),E=(0,h.useCallback)((()=>{p&&a(s)}),[p,s,a]),S=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),E())}),[E]),T=(0,h.useCallback)((e=>{e.preventDefault(),i(),(0,y.trackEvent)("migrate_story_auto_analytics")}),[i]),w=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_auto_analytics_link")),[]),v=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_site_kit_link")),[]),I=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_analytics_docs")),[]),O=(0,h.useMemo)((()=>b?null:r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:_,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,onClick:v})}},f?Ws.SITE_KIT_INSTALLED:Ws.SITE_KIT_NOT_INSTALLED)),[b,f,_,v]);return r.createElement(Zl,{onSubmit:e=>e.preventDefault()},r.createElement("div",null,r.createElement(ql,{htmlFor:"gaTrackingID",as:"h3"},Ws.SECTION_HEADING,o&&r.createElement($s,{notificationCount:1,isSmall:!0})),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},O),o&&r.createElement(r.Fragment,null,r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:"https://wp.stories.google/docs/seo/",rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,onClick:w})}},(0,n.__)("An improved analytics configuration is now available. <a>Learn more</a>.","web-stories"))),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,onClick:T},(0,n.__)("Migrate","web-stories"))))),b?r.createElement("div",null,r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},Ws.SITE_KIT_IN_USE)):r.createElement("div",null,r.createElement(ms,null,r.createElement(bs,{htmlFor:"gaTrackingId"},Ws.ARIA_LABEL),r.createElement(fs,{"aria-label":Ws.ARIA_LABEL,id:"gaTrackingId",value:s,onChange:g,onKeyDown:S,placeholder:Ws.PLACEHOLDER,hasError:Boolean(d),hint:d,disabled:b}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:m,onClick:E},Ws.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Ws.CONTEXT_LINK,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,as:"a",onClick:I})}},Ws.CONTEXT))))};var qs=a(71469),Ks=a(37136),Xs=a(96921);const Qs=function ConfirmationDialog(e){let{onClose:t,onPrimary:a}=e;return r.createElement(m.ThemeProvider,{theme:l.theme},r.createElement(_a.Dialog,{isOpen:!0,onClose:t,title:(0,n.__)("Delete Font","web-stories"),actions:r.createElement(r.Fragment,null,r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL,onClick:()=>t()},(0,n.__)("Cancel","web-stories")),r.createElement(Mt.Button,{type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.SMALL,onClick:()=>a()},(0,n.__)("Delete Font","web-stories")))},r.createElement(Ta.Text,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},(0,n.__)("Deleting a font will delete it from every previous story it’s in. Would you like to proceed?","web-stories"))))};const Js=async function(e){const{load:t}=await Promise.all([a.e(4422),a.e(2794)]).then(a.bind(a,44422)),o=await t(e);return{name:o.names.fullName.en,family:o.names.fullName.en,weights:[400],styles:["regular"],variants:[[0,400]],service:"custom",fallbacks:["sans-serif"],metrics:{upm:o.unitsPerEm,asc:o.ascender,des:o.descender,tAsc:o.tables.os2.sTypoAscender,tDes:o.tables.os2.sTypoDescender,tLGap:o.tables.os2.sTypoLineGap,wAsc:o.tables.os2.usWinAscent,wDes:o.tables.os2.usWinDescent,xH:o.tables.os2.sxHeight,capH:o.tables.os2.sCapHeight,yMin:o.tables.head.yMin,yMax:o.tables.head.yMax,hAsc:o.tables.hhea.ascender,hDes:o.tables.hhea.descender,lGap:o.tables.hhea.lineGap}}},ec={ADD_CONTEXT:(0,n.__)("Add and manage your custom and brand fonts via link here. They’ll appear in your font list in the editor.","web-stories"),REMOVAL:(0,n.__)("Removing a font from this settings page will remove it from your font list in all stories.","web-stories"),SECTION_HEADING:(0,n.__)("Custom Fonts","web-stories"),LABEL:(0,n.__)("Insert Font URL","web-stories"),INPUT_CONTEXT:(0,n.__)("Insert a public URL to a font file. Allowed formats are .otf, .ttf, .woff.","web-stories"),INPUT_ERROR:(0,n.__)("Invalid URL format","web-stories"),SUBMIT_BUTTON:(0,n.__)("Add Font","web-stories"),FONTS_HEADING:(0,n.__)("Current Fonts","web-stories"),FONTS_CONTEXT:(0,n.__)("Deleting fonts will delete them from your in-editor font list and all previous stories.","web-stories")},tc=(0,m.default)(us).withConfig({displayName:"customFonts__AddButton",componentId:"sc-4md0nd-0"})(["min-width:90px;margin-top:32px;"]),ac=m.default.div.withConfig({displayName:"customFonts__InputsWrapper",componentId:"sc-4md0nd-1"})(["margin-top:8px;"]),oc=m.default.div.withConfig({displayName:"customFonts__FontsWrapper",componentId:"sc-4md0nd-2"})(["margin-top:34px;"]),rc=(0,m.default)(Ta.Text).withConfig({displayName:"customFonts__ListHeading",componentId:"sc-4md0nd-3"})(["margin-bottom:10px;display:inline-block;"]),nc=m.default.div.withConfig({displayName:"customFonts__FontsList",componentId:"sc-4md0nd-4"})(["padding:12px 0;border:",";:focus-within{","}"],(e=>{let{theme:t}=e;return`1px solid ${t.colors.divider.primary}`}),(e=>{let{theme:t}=e;return Vt.focusCSS(t.colors.border.focus)})),ic=(0,m.default)(Mt.Button).withConfig({displayName:"customFonts__DeleteButton",componentId:"sc-4md0nd-5"})(["visibility:hidden;opacity:0;transition:visibility 0s,opacity ease-in-out 300ms;&:focus{","}"],(e=>{let{theme:t}=e;return Vt.focusCSS(t.colors.border.focus)})),lc=m.default.div.withConfig({displayName:"customFonts__FontRow",componentId:"sc-4md0nd-6"})(["padding:0 12px;display:flex;height:32px;width:100%;justify-content:space-between;transition:background-color ease-in-out 300ms;&[aria-selected='true'],&:hover,&:focus{background-color:",";button{visibility:visible;opacity:1;}}"],(e=>{let{theme:t}=e;return t.colors.bg.secondary})),sc=m.default.div.withConfig({displayName:"customFonts__FontData",componentId:"sc-4md0nd-7"})(["line-height:32px;white-space:nowrap;display:flex;font-size:14px;max-width:calc(100% - 32px);"]),cc=(0,m.default)(Ta.Text).attrs({as:"span"}).withConfig({displayName:"customFonts__StyledText",componentId:"sc-4md0nd-8"})([""]),dc=(0,m.default)(cc).withConfig({displayName:"customFonts__FontUrl",componentId:"sc-4md0nd-9"})(["color:",";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),uc=m.default.div.withConfig({displayName:"customFonts__Divider",componentId:"sc-4md0nd-10"})(["width:4px;height:4px;background-color:",";border-radius:",";margin:0 6px;align-self:center;"],(e=>{let{theme:t}=e;return t.colors.standard.black}),(e=>{let{theme:t}=e;return t.borders.radius.round})),pc=[".otf",".ttf",".woff"];const mc=function CustomFontsSettings(e){let{customFonts:t=[],addCustomFont:a,deleteCustomFont:o}=e;const i=(0,an.default)(),[l,s]=(0,h.useState)(""),[c,d]=(0,h.useState)(""),[u,p]=(0,h.useState)(!1),[m,b]=(0,h.useState)(null),f=!c&&l,_=(0,h.useRef)(null),g=(0,h.useRef)([]),[E,S]=(0,h.useState)(0),[T,w]=(0,h.useState)(),{showSnackbar:v}=(0,un.useSnackbar)(),I=(0,h.useCallback)((e=>{const{value:t}=e.target;s(t),0===t.length||(0,Ks.isValidUrl)((0,Ks.withProtocol)(t))?d(""):d(ec.INPUT_ERROR)}),[]),O=(0,h.useCallback)((async()=>{try{await o(m),i((0,n.__)("Font deleted","web-stories"))}catch(e){(0,y.trackError)("remove_custom_font",e?.message),v({"aria-label":Cl.REMOVE_FONT.MESSAGE,message:Cl.REMOVE_FONT.MESSAGE,dismissible:!0})}finally{b(null),p(!1),d("")}}),[o,m,v,i]),C=(0,h.useCallback)((async()=>{if(f){const e=(0,Ks.withProtocol)(l);try{await fetch(e,{method:"HEAD"})}catch(e){return(0,y.trackError)("add_custom_font",e?.message),void d((0,n.__)("Please ensure correct CORS settings for allowing font usage on this site.","web-stories"))}let t;try{if((0,y.trackEvent)("add_custom_font",{url:e}),t=await Js(e),!t.family)return void d((0,n.__)("Something went wrong, please try again.","web-stories"))}catch(e){return(0,y.trackError)("add_custom_font",e?.message),void d((0,M.default)(
/* translators: %s: list of allowed font types. */
(0,n.__)("Getting font data failed, please ensure the URL points directly to a %s file.","web-stories"),(0,qs.default)(pc)))}try{await a({...t,url:e}),s("")}catch(e){(0,y.trackError)("add_custom_font",e?.message),d((0,M.default)(
/* translators: %s: font name. */
(0,n.__)("A font with the name %s already exists.","web-stories"),t.family))}}}),[a,f,l]),A=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),C())}),[C]);(0,h.useEffect)((()=>{const e=g.current[`row-${E}`];e&&(e.focus(),w(e.id))}),[E]);const L=e=>E===e,k=(0,h.useCallback)((e=>{const{key:a}=e;"ArrowUp"===a?(e.preventDefault(),S((e=>Math.max(0,e-1)))):"ArrowDown"===a&&(e.preventDefault(),S((e=>Math.min(t.length-1,e+1))))}),[t]);return r.createElement(Zl,{onSubmit:e=>e.preventDefault()},r.createElement("div",null,r.createElement(ql,{as:"h3"},ec.SECTION_HEADING),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},ec.ADD_CONTEXT),r.createElement(es,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},ec.REMOVAL)),r.createElement(ac,null,r.createElement(ms,null,r.createElement(fs,{value:l,onChange:I,onKeyDown:A,hasError:Boolean(c),hint:c,label:ec.LABEL}),r.createElement(tc,{type:Dt.BUTTON_TYPES.PRIMARY,size:Dt.BUTTON_SIZES.SMALL,disabled:!f,onClick:C},ec.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},ec.INPUT_CONTEXT),t?.length>0&&r.createElement(oc,null,r.createElement(rc,{forwardedAs:"span"},ec.FONTS_HEADING),r.createElement(nc,{ref:_,role:"listbox",tabIndex:0,onKeyDown:k,"aria-activedescendant":T||t[0]?.id},t.map(((e,t)=>{let{id:a,family:o,url:i}=e;return r.createElement(lc,{id:`font-${a}`,ref:e=>g.current[`row-${t}`]=e,key:o,role:"option",onClick:()=>{S(t)},"aria-selected":L(t)},r.createElement(sc,null,r.createElement(cc,null,o),r.createElement(uc,null),r.createElement(dc,null,i)),r.createElement(Tooltip,{hasTail:!0,title:(0,n.__)("Delete font","web-stories")},r.createElement(ic,{"aria-label":(0,M.default)(
/*translators: %s: font family. */
(0,n.__)("Delete %s","web-stories"),o),type:Dt.BUTTON_TYPES.TERTIARY,size:Dt.BUTTON_SIZES.SMALL,variant:Dt.BUTTON_VARIANTS.SQUARE,onClick:()=>{b(a),p(!0)}},r.createElement(Xs.default,null))))}))),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},ec.FONTS_CONTEXT))),u&&r.createElement(Qs,{onClose:()=>p(!1),onPrimary:O}))};var bc=a(42096);const fc=/[\w-]+\.myshopify\.com/i;function hc(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return Boolean(e.toLowerCase().match(fc))}const _c=m.default.div.withConfig({displayName:"shopify__Loading",componentId:"sc-ur0gaq-0"})(["position:relative;margin-top:10px;"]),gc=m.default.div.withConfig({displayName:"shopify__Spinner",componentId:"sc-ur0gaq-1"})(["position:absolute;top:0;"]),Ec={HOST_CONTEXT:(0,M.default)(
/* translators: 1: first example. 2: second example. */
(0,n.__)("Without <code>%1$s</code> or <code>%2$s</code>. Example: %3$s. <a>Find your URL</a>.","web-stories"),"https://","www.","yourstore.myshopify.com"),HOST_CONTEXT_LINK:(0,n.__)("https://help.shopify.com/en/manual/domains","web-stories"),HOST_PLACEHOLDER:(0,n.__)("Enter your .myshopify.com domain","web-stories"),HOST_LABEL:(0,n.__)("Shopify Domain","web-stories"),ACCESS_TOKEN_CONTEXT:(0,n.__)("<a>Learn how to get one</a>.","web-stories"),ACCESS_TOKEN_CONTEXT_LINK:(0,n.__)("https://help.shopify.com/en/manual/apps/custom-apps#get-the-api-credentials-for-a-custom-app","web-stories"),ACCESS_TOKEN_PLACEHOLDER:(0,n.__)("Enter your API access token","web-stories"),ACCESS_TOKEN_LABEL:(0,n.__)("Storefront API Access Token","web-stories"),INPUT_ERROR:(0,n.__)("Invalid format","web-stories"),SUBMIT_BUTTON:(0,n.__)("Save","web-stories"),CONNECTION_TEST_BUTTON:(0,n.__)("Test connection","web-stories"),CONNECTION_CHECKING:(0,n.__)("Testing connection…","web-stories"),CONNECTION_SUCCESS:(0,n.__)("Connection successful","web-stories"),CONNECTION_ERROR_DEFAULT:(0,n.__)("Connection failed. Please try again.","web-stories")};const Sc=function ShopifySettings(e){let{host:t,accessToken:a,handleUpdateHost:o,handleUpdateAccessToken:i}=e;const l=(0,an.default)(),[s,c]=(0,h.useState)(t),[d,u]=(0,h.useState)(""),p=s!==t&&!d,m=!p,[b,f]=(0,h.useState)(a),[_,g]=(0,h.useState)(""),S=b!==a&&!_,T=!S,{apiCallbacks:{getProducts:w}}=E(),[v,I]=(0,h.useState)(!1),[O,C]=(0,h.useState)(""),[A,L]=(0,h.useState)(!1);(0,h.useEffect)((()=>{c(t)}),[t]),(0,h.useEffect)((()=>{f(a)}),[a]);const k=(0,h.useCallback)((e=>{const{value:t}=e.target;c(t),0===t.length||hc(t)?u(""):u(Ec.INPUT_ERROR)}),[]),P=(0,h.useCallback)((e=>{const{value:t}=e.target;hc(t)&&c(t.match(fc)[0])}),[]),N=(0,h.useCallback)((()=>{p&&o(s)}),[p,s,o]),R=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),N())}),[N]),x=(0,h.useCallback)((e=>{const{value:t}=e.target;g(""),f(t)}),[]),M=(0,h.useCallback)((()=>{S&&i(b)}),[S,b,i]),D=(0,h.useCallback)((e=>{"Enter"===e.key&&(e.preventDefault(),M())}),[M]),B=(0,h.useCallback)((async()=>{L(!1),I(!0),l(Ec.CONNECTION_CHECKING),(0,y.trackEvent)("test_shopping_connection");try{await w((new Date).getTime()),C(Ec.CONNECTION_SUCCESS),l(Ec.CONNECTION_SUCCESS)}catch(e){(0,y.trackError)("test_shopping_connection",e?.message),L(!0),C(Ec.CONNECTION_ERROR_DEFAULT),l(Ec.CONNECTION_ERROR_DEFAULT)}finally{I(!1)}}),[w,l]),F=s&&!d&&b&&!_&&!v,H=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_shopify_docs")),[]);return r.createElement(r.Fragment,null,r.createElement(ms,null,r.createElement(bs,{htmlFor:"shopifyHost"},Ec.HOST_LABEL),r.createElement(fs,{"aria-label":Ec.HOST_LABEL,id:"shopifyHost",name:"shopifyHost","data-testid":"shopifyHost",value:s,onChange:k,onKeyDown:R,onBlur:P,placeholder:Ec.HOST_PLACEHOLDER,hasError:Boolean(d),hint:d}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:m,onClick:N,"data-testid":"shopifyHostButton"},Ec.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Ec.HOST_CONTEXT_LINK,rel:"noreferrer",target:"_blank",onClick:H,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},Ec.HOST_CONTEXT)),r.createElement(ms,null,r.createElement(bs,{htmlFor:"shopifyAccessToken"},Ec.ACCESS_TOKEN_LABEL),r.createElement(fs,{id:"shopifyAccessToken","aria-label":Ec.ACCESS_TOKEN_LABEL,name:"shopifyAccessToken","data-testid":"shopifyAccessToken",value:b,onChange:x,onKeyDown:D,placeholder:Ec.ACCESS_TOKEN_PLACEHOLDER,hasError:Boolean(_),hint:_}),r.createElement(us,{type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:T,onClick:M,"data-testid":"shopifyAccessTokenButton"},Ec.SUBMIT_BUTTON)),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:Ec.ACCESS_TOKEN_CONTEXT_LINK,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL})}},Ec.ACCESS_TOKEN_CONTEXT)),r.createElement(ps,{onFocus:()=>C(""),type:Dt.BUTTON_TYPES.SECONDARY,size:Dt.BUTTON_SIZES.SMALL,disabled:!F,onClick:B},v?Ec.CONNECTION_CHECKING:Ec.CONNECTION_TEST_BUTTON),v&&r.createElement(_c,null,r.createElement(gc,null,r.createElement(bc.default,{size:24}))),O&&r.createElement(Ql,{"data-testid":"api-status","aria-label":(0,n.__)("API connection status","web-stories"),hasError:A,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},O))},Tc={SLOT_ID_LABEL:(0,n.__)("Shopping provider","web-stories")};const yc=function ShoppingProviderDropDown(e){let{vendors:t,shoppingProvider:a,handleUpdate:o}=e;const n=[];return Object.entries(t).forEach((e=>{let[t,a]=e;return n.push({label:a,value:t})})),r.createElement(Lr.DropDown,{ariaLabel:Tc.SLOT_ID_LABEL,options:n,selectedValue:a,onMenuItemClick:(e,t)=>o(t),fillWidth:!0})},wc={SECTION_HEADING:(0,n.__)("Shopping","web-stories"),SHOPPING_PROVIDER_HELPER_MESSAGE:(0,n.__)("Once configured you can add products from this provider.","web-stories"),HELPER_MESSAGE:(0,n.__)("Connect your store so you can easily add products to your stories.","web-stories"),WOOCOMMERCE_INSTALL:(0,n.__)("Install <a>WooCommerce</a> to easily add shoppable products to Web Stories.","web-stories"),WOOCOMMERCE_ACTIVE:(0,n.__)("Activate <a>WooCommerce</a> to easily add shoppable products to Web Stories.","web-stories"),WOOCOMMERCE_MANAGE:(0,n.__)("Manage products in <a>WooCommerce</a> to make them available in Web Stories.","web-stories")};const vc=function Shopping(e){let{updateSettings:t,shoppingProvider:a,shopifyHost:o,shopifyAccessToken:n,vendors:i,woocommerce:l}=e;const s=(0,h.useCallback)((e=>{t({shoppingProvider:e}),(0,y.trackEvent)("change_shopping_provider",{name:e})}),[t]),c=(0,h.useCallback)((e=>t({shopifyHost:e})),[t]),d=(0,h.useCallback)((e=>t({shopifyAccessToken:e})),[t]),u=(0,h.useCallback)((e=>(0,y.trackClick)(e,"click_woocommerce_link")),[]),{canManage:p,installed:m,active:b,link:f}=l;let _;return!1===m?_=wc.WOOCOMMERCE_INSTALL:!1===b?_=wc.WOOCOMMERCE_ACTIVE:!0===p&&(_=wc.WOOCOMMERCE_MANAGE),r.createElement(hs,{onSubmit:e=>e.preventDefault()},r.createElement("div",null,r.createElement(ql,null,wc.SECTION_HEADING),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},wc.HELPER_MESSAGE),a===Ml&&_&&f&&r.createElement(ts,{"data-testid":"woocommerceMessage",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(Kl,{href:f,rel:"noreferrer",target:"_blank",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL,onClick:u})}},_))),r.createElement("div",null,r.createElement(yc,{vendors:i,shoppingProvider:a,handleUpdate:s}),r.createElement(ts,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.SMALL},wc.SHOPPING_PROVIDER_HELPER_MESSAGE),a===Dl&&r.createElement(Sc,{handleUpdateHost:c,handleUpdateAccessToken:d,host:o,accessToken:n})))};const Ic=function EditorSettings(){const{fetchSettings:e,updateSettings:t,googleAnalyticsId:a,usingLegacyAnalytics:o,adSensePublisherId:i,adSenseSlotId:l,adManagerSlotId:s,adNetwork:c,uploadMedia:d,newlyCreatedMediaIds:u,isMediaLoading:p,videoCache:m,dataRemoval:b,archive:f,archivePageId:_,searchPages:g,getPageById:S,customFonts:T,addCustomFont:w,deleteCustomFont:v,fetchCustomFonts:I,publisherLogos:O,addPublisherLogo:C,fetchPublisherLogos:A,removePublisherLogo:L,setPublisherLogoAsDefault:k,shoppingProvider:P,shopifyHost:N,shopifyAccessToken:R}=Ul((e=>{let{actions:{fontsApi:{addCustomFont:t,deleteCustomFont:a,fetchCustomFonts:o},settingsApi:{fetchSettings:r,updateSettings:n},pagesApi:{searchPages:i,getPageById:l},mediaApi:{uploadMedia:s},publisherLogosApi:{fetchPublisherLogos:c,addPublisherLogo:d,removePublisherLogo:u,setPublisherLogoAsDefault:p}},state:{settings:{googleAnalyticsId:m,usingLegacyAnalytics:b,adSensePublisherId:f,adSenseSlotId:h,adManagerSlotId:_,adNetwork:g,videoCache:E,dataRemoval:S,archive:T,archivePageId:y,shoppingProvider:w,shopifyHost:v,shopifyAccessToken:I},media:{isLoading:O,newlyCreatedMediaIds:C},publisherLogos:{publisherLogos:A},customFonts:L}}=e;return{fetchSettings:r,updateSettings:n,googleAnalyticsId:m,usingLegacyAnalytics:b,adSensePublisherId:f,adSenseSlotId:h,adManagerSlotId:_,adNetwork:g,uploadMedia:s,isMediaLoading:O,newlyCreatedMediaIds:C,videoCache:E,dataRemoval:S,archive:T,archivePageId:y,searchPages:i,getPageById:l,customFonts:L,addCustomFont:t,deleteCustomFont:a,fetchCustomFonts:o,fetchPublisherLogos:c,addPublisherLogo:d,removePublisherLogo:u,setPublisherLogoAsDefault:p,publisherLogos:A,shoppingProvider:w,shopifyHost:v,shopifyAccessToken:I}})),{capabilities:{canUploadFiles:x,canManageSettings:D}={},plugins:{siteKit:B={},woocommerce:F={}},maxUpload:H,maxUploadFormatted:U,allowedImageMimeTypes:G,archiveURL:Y,defaultArchiveURL:z,vendors:j}=E(),{disabled:V,toggleWebStoriesTrackingOptIn:$,optedIn:W}=jl(),{disabled:Z,toggleWebStoriesMediaOptimization:q,mediaOptimization:K}=function(){const{showSnackbar:e}=(0,un.useSnackbar)(),{currentUser:t,toggleWebStoriesMediaOptimization:a}=Ul((e=>{let{state:{currentUser:t},actions:{usersApi:{toggleWebStoriesMediaOptimization:a}}}=e;return{currentUser:t,toggleWebStoriesMediaOptimization:a}})),o=Boolean(t.data.meta?.webStoriesMediaOptimization),r=(0,h.useCallback)((()=>{a(),(0,y.trackEvent)("video_optimization_optin",{status:o?"off":"on"}),e({"aria-label":Ol.SETTINGS.UPDATED,message:Ol.SETTINGS.UPDATED,dismissible:!0})}),[o,e,a]);return{mediaOptimization:o,disabled:t.isUpdating,toggleWebStoriesMediaOptimization:r}}(),[X,Q]=(0,h.useState)("");(0,h.useEffect)((()=>{D&&(e(),A(),I())}),[e,A,D,I]),(0,h.useEffect)((()=>{u.length>0&&C(u)}),[u,C]),Vl();const J=(0,h.useCallback)((e=>t({googleAnalyticsId:e})),[t]),ee=(0,h.useCallback)((()=>t({usingLegacyAnalytics:!1})),[t]),te=(0,h.useCallback)((async e=>{let t=!0,a=!0,o=!1;const r=[];if(e.forEach((e=>{t=t&&e.size<=H;const o=G.includes(e.type);a=a&&o,o||r.push(new Promise(((t,a)=>{const o=new Image;o.onload=()=>t(o),o.onerror=()=>a(new Error(e.name)),o.src=URL.createObjectURL(e)})))})),!t){const t=1===e.length?(0,M.default)(
/* translators: %s: max upload size for media */
(0,n.__)("Sorry, this file is too big. Make sure your logo is under %s.","web-stories"),U):(0,M.default)(
/* translators: %s: max upload size for media */
(0,n.__)("Sorry, one or more of these files are too big. Make sure your logos are all under %s.","web-stories"),U);return Q(t)}if(!a){const t=1===e.length?(0,n.__)("Sorry, this file type is not supported. Only jpg, png, and static gifs are supported for publisher logos.","web-stories"):(0,n.__)("Sorry, one or more of these files are of an unsupported file type. Only jpg, png, and static gifs are supported for publisher logos.","web-stories");return Q(t)}const i=await Promise.all(r).catch((()=>{o=!0}));if(o){const t=1===e.length?(0,n.__)("Sorry, there was an error processing your upload. Please try again.","web-stories"):(0,n.__)("Sorry, there was an error processing one or more of your uploads. Please try again.","web-stories");return Q(t)}if(!i.every((e=>{let{height:t,width:a}=e;return t>=96&&a>=96}))){const t=1===e.length?(0,M.default)(
/* translators: 1 = minimum width, 2 = minimum height */
(0,n.__)("Sorry, this file is too small. Make sure your logo is larger than %s.","web-stories"),(0,M.default)("%1$dx%2$dpx",96,96)):(0,M.default)(
/* translators: %s: image dimensions in pixels. */
(0,n.__)("Sorry, one or more files are too small. Make sure your logos are all larger than %s.","web-stories"),(0,M.default)("%1$dx%2$dpx",96,96));return Q(t)}return Q(""),d(e)}),[H,U,d,G]),ae=(0,h.useCallback)((e=>{L(e.id)}),[L]),oe=(0,h.useCallback)((e=>k(e.id)),[k]);return r.createElement(Za.Provider,null,r.createElement($l,{"data-testid":"editor-settings"},r.createElement(dn,{heading:(0,n.__)("Settings","web-stories")}),r.createElement(Za.Scrollable,null,r.createElement(Wl,null,D&&r.createElement(r.Fragment,null,r.createElement(Zs,{googleAnalyticsId:a,handleUpdateAnalyticsId:J,usingLegacyAnalytics:o,handleMigrateLegacyAnalytics:ee,siteKitStatus:B}),r.createElement(Rs,{onAddLogos:te,onRemoveLogo:ae,onUpdateDefaultLogo:oe,publisherLogos:O,canUploadFiles:x,isLoading:p,uploadError:X})),r.createElement(mc,{customFonts:T,addCustomFont:w,deleteCustomFont:v}),r.createElement(TelemetrySettings,{disabled:V,onCheckboxSelected:$,selected:W}),x&&r.createElement(MediaOptimizationSettings,{disabled:Z,onCheckboxSelected:q,selected:K}),D&&r.createElement(r.Fragment,null,r.createElement(VideoCacheSettings,{isEnabled:m,updateSettings:t}),r.createElement(DataRemovalSettings,{isEnabled:b,updateSettings:t}),r.createElement(ArchiveSettings,{archive:f,archiveURL:Y,defaultArchiveURL:z,updateSettings:t,searchPages:g,archivePageId:_,getPageById:S}),r.createElement(As,{updateSettings:t,adNetwork:c,publisherId:i,adSenseSlotId:l,adManagerSlotId:s,siteKitStatus:B}),r.createElement(vc,{updateSettings:t,shoppingProvider:P,shopifyHost:N,shopifyAccessToken:R,vendors:j,woocommerce:F}))))))};function Oc(){const[e,t]=(0,h.useState)({}),[a,o]=(0,h.useState)(!1),{api:{currentUser:r}}=E();(0,h.useEffect)((()=>{var a;Object.keys(e).length||(a=r,sl({path:a}).then(ll.snakeToCamelCaseObjectKeys)).then(t)}),[r,e]);return{api:{toggleWebStoriesTrackingOptIn:(0,h.useCallback)((async()=>{o(!0);try{t(await function(e,t){return sl({path:e,data:{meta:{web_stories_tracking_optin:!t.meta.webStoriesTrackingOptin}},method:"POST"}).then(ll.snakeToCamelCaseObjectKeys)}(r,e))}finally{o(!1)}}),[r,e]),toggleWebStoriesMediaOptimization:(0,h.useCallback)((async()=>{o(!0);try{t(await function(e,t){return sl({path:e,data:{meta:{web_stories_media_optimization:!t.meta.webStoriesMediaOptimization}},method:"POST"}).then(ll.snakeToCamelCaseObjectKeys)}(r,e))}finally{o(!1)}}),[r,e])},currentUser:{data:e,isUpdating:a}}}const Cc="loading_media",Ac="add_media_success",Lc="add_media_failure",kc={error:{},isLoading:!1,newlyCreatedMediaIds:[]};const Pc=function(e,t){switch(t.type){case Cc:return{...e,isLoading:!0,newlyCreatedMediaIds:[]};case Lc:return{...e,error:{...t.payload,id:Date.now()},isLoading:!1};case Ac:return{...e,error:{},isLoading:!1,newlyCreatedMediaIds:t.payload.newlyCreatedMediaIds||e.newlyCreatedMediaIds};default:return e}};function Nc(){const[e,t]=(0,h.useReducer)(Pc,kc),{api:{media:a}}=E();return{media:e,api:{uploadMedia:(0,h.useCallback)((async e=>{t({type:Cc});try{const o=await function(e,t){return Promise.all(Object.values(t).map((t=>{const a=new window.FormData;return a.append("file",t,t.name||t.type.replace("/",".")),sl({path:e,body:a,method:"POST"}).then(ll.snakeToCamelCaseObjectKeys)})))}(a,e);t({type:Ac,payload:{media:o,newlyCreatedMediaIds:o.map((e=>{let{id:t}=e;return t}))}})}catch(a){t({type:Lc,payload:{message:Cl.UPLOAD_PUBLISHER_LOGO[e.length>1?"MESSAGE_PLURAL":"MESSAGE"]}})}}),[a])}}}const Rc="update_settings_success",xc="update_settings_failure",Mc="setting_saved",Dc="fetch_settings_success",Bc="fetch_settings_failure",Fc={error:{},googleAnalyticsId:"",usingLegacyAnalytics:!1,adSensePublisherId:"",adSenseSlotId:"",adManagerSlotId:"",adNetwork:kl,archive:Rl.DEFAULT,archivePageId:0,videoCache:!1,dataRemoval:!1,settingSaved:!1,shoppingProvider:xl,shopifyHost:"",shopifyAccessToken:""};const Hc=function(e,t){switch(t.type){case Mc:return{...e,settingSaved:t.payload};case xc:case Bc:return{...e,error:{...t.payload,id:Date.now()}};case Dc:case Rc:return{...e,error:{},googleAnalyticsId:t.payload.googleAnalyticsId,usingLegacyAnalytics:t.payload.usingLegacyAnalytics,adSensePublisherId:t.payload.adSensePublisherId,adSenseSlotId:t.payload.adSenseSlotId,adManagerSlotId:t.payload.adManagerSlotId,adNetwork:t.payload.adNetwork,videoCache:t.payload.videoCache,dataRemoval:t.payload.dataRemoval,archive:t.payload.archive,archivePageId:t.payload.archivePageId,shoppingProvider:t.payload.shoppingProvider,shopifyHost:t.payload.shopifyHost,shopifyAccessToken:t.payload.shopifyAccessToken};default:return e}},Uc=e=>({googleAnalyticsId:e.web_stories_ga_tracking_id,usingLegacyAnalytics:e.web_stories_using_legacy_analytics,adSensePublisherId:e.web_stories_adsense_publisher_id,adSenseSlotId:e.web_stories_adsense_slot_id,adManagerSlotId:e.web_stories_ad_manager_slot_id,adNetwork:e.web_stories_ad_network,videoCache:e.web_stories_video_cache,dataRemoval:e.web_stories_data_removal,archive:e.web_stories_archive,archivePageId:e.web_stories_archive_page_id,shoppingProvider:e.web_stories_shopping_provider,shopifyHost:e.web_stories_shopify_host,shopifyAccessToken:e.web_stories_shopify_access_token});function Gc(){const[e,t]=(0,h.useReducer)(Hc,Fc),{api:{settings:a}}=E();return{settings:e,api:{fetchSettings:(0,h.useCallback)((async()=>{try{const o=await(e=a,sl({path:e}).then(Uc));t({type:Dc,payload:o})}catch(e){t({type:Bc,payload:{message:Cl.LOAD_SETTINGS.MESSAGE}})}var e}),[a]),updateSettings:(0,h.useCallback)((async e=>{t({type:Mc});try{const o=await function(e,t){const{googleAnalyticsId:a,usingLegacyAnalytics:o,adSensePublisherId:r,adSenseSlotId:n,adManagerSlotId:i,adNetwork:l,videoCache:s,dataRemoval:c,archive:d,archivePageId:u,shoppingProvider:p,shopifyHost:m,shopifyAccessToken:b}=t,f={};void 0!==a&&(f.web_stories_ga_tracking_id=a),void 0!==o&&(f.web_stories_using_legacy_analytics=o),void 0!==r&&(f.web_stories_adsense_publisher_id=r),void 0!==n&&(f.web_stories_adsense_slot_id=n),void 0!==i&&(f.web_stories_ad_manager_slot_id=i),void 0!==l&&(f.web_stories_ad_network=l),void 0!==s&&(f.web_stories_video_cache=Boolean(s)),void 0!==c&&(f.web_stories_data_removal=Boolean(c)),void 0!==d&&(f.web_stories_archive=d),void 0!==u&&(f.web_stories_archive_page_id=u),void 0!==p&&(f.web_stories_shopping_provider=p),void 0!==m&&(f.web_stories_shopify_host=m),void 0!==b&&(f.web_stories_shopify_access_token=b);const h=(0,il.default)(e,f);return sl({path:h,method:"POST"}).then(Uc)}(a,e);t({type:Rc,payload:o}),t({type:Mc,payload:!0})}catch(e){t({type:xc,payload:{message:Cl.UPDATE_EDITOR_SETTINGS.MESSAGE}})}}),[a])}}}function Yc(){const{api:{pages:e}}=E(),t=(0,h.useCallback)((async t=>{try{const{title:a,link:o}=await function(e,t){const a=(0,il.default)(`${e}${t}/`,{_fields:ul});return sl({path:a})}(e,t);return{title:a.rendered,link:o}}catch(e){return null}}),[e]);return{api:{searchPages:(0,h.useCallback)((async t=>{try{const a=await function(e,t){const a=(0,il.default)(e,{per_page:100,search:t,_fields:dl});return sl({path:a})}(e,t);return a.map((e=>{let{id:t,title:a}=e;return{value:t,label:a.rendered}}))}catch(e){return[]}}),[e]),getPageById:t}}}const zc="loading",jc="update_failure",Vc="update_success",$c="fetch_failure",Wc="fetch_success",Zc="remove_failure",qc="remove_success",Kc="add_failure",Xc="add_success",Qc={error:{},isLoading:!1,publisherLogos:[],settingSaved:!1};const Jc=function(e,t){switch(t.type){case zc:return{...e,isLoading:!0,settingSaved:!1};case Kc:case jc:case Zc:case $c:return{...e,error:{...t.payload,id:Date.now()},isLoading:!1,settingSaved:!1};case Wc:return{...e,error:{},isLoading:!1,publisherLogos:[...t.payload.publisherLogos]};case Xc:{const a=[...e.publisherLogos,t.payload.publisherLogo];return{...e,error:{},isLoading:!1,settingSaved:!0,publisherLogos:a}}case Vc:{const a=[...e.publisherLogos].map((e=>(e.active=e.id===t.payload.publisherLogo.id,e)));return{...e,error:{},isLoading:!1,settingSaved:!0,publisherLogos:a}}case qc:{const a=e.publisherLogos.some((e=>{let{id:a,active:o}=e;return a===t.payload.id&&o})),o=[...e.publisherLogos].filter((e=>{let{id:a}=e;return a!==t.payload.id})).map(((e,t)=>(e.active=a?0===t:e.active,e)));return{...e,error:{},isLoading:!1,settingSaved:!0,publisherLogos:o}}default:return e}};function ed(){const[e,t]=(0,h.useReducer)(Jc,Qc),{api:{publisherLogos:a}}=E(),o=(0,h.useCallback)((async()=>{t({type:zc});try{const o=await(e=a,sl({path:e}));Array.isArray(o)?t({type:Wc,payload:{publisherLogos:o}}):t({type:$c,payload:{message:Cl.LOAD_PUBLISHER_LOGOS.MESSAGE}})}catch(e){t({type:$c,payload:{message:Cl.LOAD_PUBLISHER_LOGOS.MESSAGE}})}var e}),[a]),r=(0,h.useCallback)((async e=>{t({type:zc});try{await function(e,t){const a=(0,il.default)(`${e}${t}/`,{_method:"DELETE"});return sl({path:a,method:"POST"})}(a,e),t({type:qc,payload:{id:e}})}catch(e){t({type:$c,payload:{message:Cl.REMOVE_PUBLISHER_LOGO.MESSAGE}})}}),[a]),n=(0,h.useCallback)((async e=>{t({type:zc});try{const n=await(o=a,r=e,sl({path:o,data:{id:r},method:"POST"})),i=Array.isArray(n)?n:[n];for(const e of i)t({type:Xc,payload:{publisherLogo:e}})}catch(e){t({type:Kc,payload:{message:Cl.UPLOAD_PUBLISHER_LOGO.MESSAGE}})}var o,r}),[a]);return{publisherLogos:e,api:{fetchPublisherLogos:o,addPublisherLogo:n,removePublisherLogo:r,setPublisherLogoAsDefault:(0,h.useCallback)((async e=>{t({type:zc});try{const n=await(o=a,r=e,sl({path:`${o}${r}/`,data:{active:!0},method:"POST"}));t({type:Vc,payload:{publisherLogo:n}})}catch(e){t({type:$c,payload:{message:Cl.UPDATE_PUBLISHER_LOGO.MESSAGE}})}var o,r}),[a])}}}function td(){const{api:{fonts:e}}=E(),[t,a]=(0,h.useState)(null),o=(0,h.useCallback)((async()=>{try{const t=(await function(e){const t=(0,il.default)(e,{per_page:100,service:"custom"});return sl({path:t})}(e)).map((e=>{let{id:t,family:a,url:o}=e;return{id:t,family:a,url:o}}));return a(t),t}catch{return null}}),[e]),r=(0,h.useCallback)((async o=>{const r=await function(e,t){const a=(0,il.default)(`${e}${t}/`,{_method:"DELETE"});return sl({path:a,method:"POST"})}(e,o),n=t.filter((e=>e.id!==o));return a(n),r}),[t,e]),n=(0,h.useCallback)((async o=>{const r=await function(e,t){return sl({path:e,data:t,method:"POST"})}(e,o),{id:n,family:i,url:l}=r,s={id:n,family:i,url:l};return a([s,...t]),s}),[t,e]);return{customFonts:t,api:{addCustomFont:n,deleteCustomFont:r,fetchCustomFonts:o}}}const ad=function EditorSettingsProvider(e){let{children:t}=e;const{customFonts:a,api:o}=td(),{currentUser:n,api:i}=Oc(),{media:l,api:s}=Nc(),{settings:c,api:d}=Gc(),{api:u}=Yc(),{publisherLogos:p,api:m}=ed(),b={state:{media:l,settings:c,currentUser:n,customFonts:a,publisherLogos:p},actions:{fontsApi:o,mediaApi:s,settingsApi:d,usersApi:i,pagesApi:u,publisherLogosApi:m}};return r.createElement(Hl.Provider,{value:b},t)};var od=a(18969);function rd(){return rd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},rd.apply(this,arguments)}const nd=(0,m.default)(bo.Headline).withConfig({displayName:"banner__Title",componentId:"sc-13q35ui-0"})(["grid-area:title;padding-left:8px;"]),id=m.default.div.withConfig({displayName:"banner__Content",componentId:"sc-13q35ui-1"})(["grid-area:content;margin-bottom:4px;max-width:408px;min-width:50%;"]),ld=(0,m.default)(Mt.Button).withConfig({displayName:"banner__CloseButton",componentId:"sc-13q35ui-2"})(["grid-area:closeButton;justify-self:end;align-self:flex-start;"]),sd=m.default.div.withConfig({displayName:"banner__Container",componentId:"sc-13q35ui-3"})(["display:grid;width:100%;min-height:60px;grid-template-columns:104px 1fr auto;grid-column-gap:32px;grid-template-areas:'title content closeButton';align-items:baseline;padding:6px 8px;background-color:",";background-image:url('","');border-radius:",";",""],(e=>{let{theme:t}=e;return t.colors.gray[5]}),(e=>{let{backgroundUrl:t}=e;return t}),(e=>{let{theme:t}=e;return t.borders.radius.medium}),(e=>{let{isDashboard:t}=e;return t&&(0,m.css)(["max-height:184px;border-radius:0;grid-template-columns:1fr 32px;grid-template-rows:3;grid-column-gap:0;grid-template-areas:'. closeButton' 'title title' 'content content';text-align:center;","{padding-left:0;margin-top:-10px;}","{margin:8px auto 18px;max-width:480px;}"],nd,id)})),cd=(0,h.forwardRef)(((e,t)=>{let{backgroundUrl:a,children:o,closeButtonLabel:n,isDashboard:i,title:l,onClose:s,...c}=e;return r.createElement(sd,rd({ref:t,backgroundUrl:a,isDashboard:i},c),r.createElement(nd,{as:"h2",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES[i?"X_SMALL":"XX_SMALL"]},l),r.createElement(ld,{type:Dt.BUTTON_TYPES.TERTIARY,variant:Dt.BUTTON_VARIANTS.SQUARE,size:Dt.BUTTON_SIZES.SMALL,"aria-label":n,onClick:s},r.createElement(od.default,{"aria-hidden":!0})),r.createElement(id,null,o))}));cd.displayName="Banner";const dd=a.p+"images/631db33b339209fd6ab0.png";function ud(){return ud=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},ud.apply(this,arguments)}const pd=m.default.label.attrs({htmlFor:"telemetry-banner-opt-in"}).withConfig({displayName:"telemetryBanner__Label",componentId:"sc-inh4j2-0"})(["display:flex;cursor:pointer;"]),md=(0,m.default)(Ta.Text).withConfig({displayName:"telemetryBanner__LabelText",componentId:"sc-inh4j2-1"})(["margin-bottom:16px;margin-left:8px;color:",";"],(e=>{let{theme:t}=e;return t.colors.fg.secondary})),bd=(0,m.default)(Ta.Text).withConfig({displayName:"telemetryBanner__VisitSettingsText",componentId:"sc-inh4j2-2"})(["color:",";"],(e=>{let{theme:t}=e;return t.colors.fg.tertiary})),fd=(0,m.default)(ea.Link).withConfig({displayName:"telemetryBanner__NavLink",componentId:"sc-inh4j2-3"})(["display:inline-block;margin:0;"]),hd=(0,h.forwardRef)(((e,t)=>{let{visible:a=!0,disabled:o=!1,onChange:i=(()=>{}),onClose:l=(()=>{}),checked:s=!1}=e;const c=(0,h.useRef)(),d=(0,h.useRef)(!1),u=s?(0,n.__)("Your selection has been updated. Thank you for helping to improve the editor!","web-stories"):(0,n.__)("Help improve the editor!","web-stories");return(0,h.useEffect)((()=>{d.current&&c.current.focus()})),a?r.createElement(cd,{backgroundUrl:dd,closeButtonLabel:(0,n.__)("Dismiss telemetry banner","web-stories"),onClose:l,title:u,ref:t,isDashboard:!0},r.createElement(pd,null,r.createElement(xs.Checkbox,{id:"telemetry-banner-opt-in",checked:s,disabled:o,onChange:()=>{i(),d.current=!0},onBlur:()=>{d.current=!1},ref:c}),r.createElement(md,{forwardedAs:"span","aria-checked":s,size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(fd,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL,href:(0,n.__)("https://policies.google.com/privacy","web-stories"),rel:"noreferrer",target:"_blank","aria-label":(0,n.__)("Learn more by visiting Google Privacy Policy","web-stories")})}},(0,n.__)("Check the box to help us improve the Web Stories plugin by allowing tracking of product usage stats. All data are treated in accordance with <a>Google Privacy Policy</a>.","web-stories")))),r.createElement(bd,{forwardedAs:"span",size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL},r.createElement(hr.default,{mapping:{a:r.createElement(fd,{size:ka.THEME_CONSTANTS.TYPOGRAPHY.PRESET_SIZES.X_SMALL,href:co(Al),"aria-label":(0,n.__)("Settings","web-stories")})}},(0,n.__)("You can update your selection later by visiting <a>Settings</a>.","web-stories")))):null}));function TelemetryBannerContainer(e){const{bannerVisible:t,closeBanner:a,optedIn:o,disabled:n,toggleWebStoriesTrackingOptIn:i}=jl(),l=(0,h.useRef)(),s=(0,h.useRef)(t);return(0,h.useLayoutEffect)((()=>{t&&!1===s.current&&l.current?s.current=!0:!t&&s.current&&(s.current=!1)}),[t]),r.createElement(hd,ud({ref:l,visible:t,checked:o,disabled:n,onChange:i,onClose:a},e))}function TelemetryBanner(){const{currentPath:e}=so((e=>{let{state:t}=e;return{currentPath:t.currentPath}})),t=(0,h.useRef)(null),[,a]=(0,h.useState)(!1);return(0,h.useEffect)((()=>{[Fe.DASHBOARD,Fe.TEMPLATES_GALLERY].includes(e)&&(t.current=document.getElementById("body-view-options-header"),a((e=>!e)))}),[e,a]),t.current?(0,h.createPortal)(r.createElement(TelemetryBannerContainer,null),t.current):null}hd.displayName="TelemetryOptInBanner";const _d=function(){return Fl(),r.createElement(ad,null,r.createElement(tl,{additionalRoutes:[{path:Al,component:r.createElement(Ic,null)}]}),r.createElement(TelemetryBanner,null))};window.webStories=window.webStories||{},window.webStories.initializeStoryDashboard=(e,t)=>{const a=document.getElementById(e);(0,al.setAppElement)(a),(0,mt.updateSettings)(t.locale),(0,y.initializeTracking)("Dashboard",!1),nl.default.forEach(rl.registerElementType);const i={...t,apiCallbacks:(0,ol.default)(o,t),leftRailSecondaryNavigation:Ll,documentTitleSuffix:(0,n.__)("Web Stories − WordPress","web-stories"),styleConstants:{topOffset:32,leftOffset:36},containerId:"wpbody"};(0,h.render)(r.createElement(h.StrictMode,null,r.createElement(fr,{config:i},r.createElement(Bl,null),r.createElement(_d,null))),a)}}},i={};function __webpack_require__(e){var t=i[e];if(void 0!==t)return t.exports;var a=i[e]={exports:{}};return n[e].call(a.exports,a,a.exports,__webpack_require__),a.exports}__webpack_require__.m=n,__webpack_require__.amdO={},e=[],__webpack_require__.O=(t,a,o,r)=>{if(!a){var n=1/0;for(c=0;c<e.length;c++){for(var[a,o,r]=e[c],i=!0,l=0;l<a.length;l++)(!1&r||n>=r)&&Object.keys(__webpack_require__.O).every((e=>__webpack_require__.O[e](a[l])))?a.splice(l--,1):(i=!1,r<n&&(n=r));if(i){e.splice(c--,1);var s=o();void 0!==s&&(t=s)}}return t}r=r||0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[a,o,r]},__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,__webpack_require__.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var r=Object.create(null);__webpack_require__.r(r);var n={};t=t||[null,a({}),a([]),a(a)];for(var i=2&o&&e;"object"==typeof i&&!~t.indexOf(i);i=a(i))Object.getOwnPropertyNames(i).forEach((t=>n[t]=()=>e[t]));return n.default=()=>e,__webpack_require__.d(r,n),r},__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.f={},__webpack_require__.e=e=>Promise.all(Object.keys(__webpack_require__.f).reduce(((t,a)=>(__webpack_require__.f[a](e,t),t)),[])),__webpack_require__.u=e=>1814===e?"1814.js":({8:"chunk-web-stories-template-5",69:"chunk-web-stories-template-60-metaData",274:"chunk-web-stories-template-56",354:"chunk-web-stories-template-19",410:"chunk-web-stories-template-24",533:"chunk-web-stories-template-42-metaData",824:"chunk-web-stories-template-36",827:"chunk-web-stories-template-27-metaData",884:"chunk-web-stories-template-18-metaData",907:"chunk-web-stories-template-57",1049:"chunk-web-stories-template-37",1066:"chunk-web-stories-template-44-metaData",1197:"chunk-web-animations-js",1231:"chunk-web-stories-template-12",1340:"chunk-web-stories-template-30-metaData",1380:"chunk-web-stories-template-33-metaData",1403:"chunk-web-stories-template-37-metaData",1738:"chunk-web-stories-template-32",1789:"chunk-web-stories-template-43",1813:"chunk-web-stories-template-10-metaData",1847:"chunk-web-stories-template-12-metaData",1858:"chunk-web-stories-template-1",1970:"chunk-web-stories-template-22-metaData",2068:"chunk-web-stories-template-46",2167:"chunk-web-stories-template-32-metaData",2191:"chunk-web-stories-template-49-metaData",2235:"chunk-web-stories-template-51-metaData",2246:"chunk-web-stories-template-45-metaData",2319:"chunk-web-stories-template-31-metaData",2338:"chunk-web-stories-template-25",2374:"chunk-web-stories-template-2-metaData",2454:"chunk-web-stories-template-6",2558:"chunk-web-stories-template-53-metaData",2776:"chunk-web-stories-template-9-metaData",2794:"chunk-opentype",2830:"chunk-web-stories-template-36-metaData",2880:"chunk-web-stories-template-8",2894:"chunk-web-stories-template-34-metaData",3041:"chunk-web-stories-template-15-metaData",3194:"chunk-web-stories-template-29-metaData",3245:"chunk-web-stories-template-28",3289:"chunk-web-stories-template-43-metaData",3304:"chunk-web-stories-template-49",3441:"chunk-web-stories-template-45",3529:"chunk-web-stories-template-39",3710:"chunk-web-stories-template-35",3772:"chunk-web-stories-template-60",3777:"chunk-web-stories-template-34",3864:"chunk-web-stories-template-4-metaData",3969:"chunk-web-stories-template-9",4051:"chunk-web-stories-template-40-metaData",4142:"chunk-web-stories-template-29",4178:"chunk-web-stories-template-24-metaData",4386:"chunk-web-stories-template-41",4585:"chunk-web-stories-template-38-metaData",4874:"chunk-web-stories-template-35-metaData",4991:"chunk-web-stories-templates",5016:"chunk-web-stories-template-21-metaData",5040:"chunk-web-stories-template-16",5157:"chunk-web-stories-template-33",5312:"chunk-web-stories-template-14",5372:"chunk-web-stories-template-6-metaData",5397:"chunk-web-stories-template-8-metaData",5432:"chunk-web-stories-template-26",5535:"chunk-web-stories-template-15",5543:"chunk-web-stories-template-31",5553:"chunk-web-stories-template-20-metaData",5570:"chunk-web-stories-template-54-metaData",5573:"chunk-web-stories-template-52-metaData",5575:"chunk-resize-observer-polyfill",5748:"chunk-web-stories-template-54",5835:"chunk-web-stories-template-30",5985:"chunk-getStoryMarkup",6053:"chunk-web-stories-template-16-metaData",6188:"chunk-web-stories-template-42",6204:"chunk-web-stories-template-0-metaData",6271:"chunk-web-stories-template-39-metaData",6305:"chunk-web-stories-template-5-metaData",6311:"chunk-web-stories-template-23-metaData",6353:"chunk-web-stories-template-1-metaData",6406:"chunk-web-stories-template-4",6428:"chunk-web-stories-template-13",6500:"chunk-web-stories-template-0",6517:"chunk-web-stories-template-52",6539:"chunk-web-stories-template-58-metaData",6592:"chunk-web-stories-template-51",6641:"chunk-web-stories-template-28-metaData",6766:"chunk-web-stories-template-19-metaData",6841:"chunk-web-stories-template-58",6852:"chunk-web-stories-template-27",7131:"chunk-web-stories-template-20",7314:"chunk-web-stories-template-25-metaData",7343:"chunk-web-stories-template-47",7346:"chunk-web-stories-template-7",7399:"chunk-web-stories-template-38",7441:"chunk-web-stories-template-48",7502:"chunk-web-stories-template-23",7528:"chunk-web-stories-template-14-metaData",7586:"chunk-web-stories-template-40",7588:"chunk-web-stories-template-55-metaData",7685:"chunk-web-stories-template-59",7798:"chunk-web-stories-template-50-metaData",7799:"chunk-web-stories-template-3",7863:"chunk-web-stories-template-47-metaData",7952:"chunk-web-stories-template-3-metaData",8022:"chunk-web-stories-template-26-metaData",8189:"chunk-web-stories-template-56-metaData",8203:"chunk-web-stories-template-44",8257:"chunk-web-stories-template-22",8344:"chunk-web-stories-template-10",8422:"chunk-web-stories-template-41-metaData",8551:"chunk-web-stories-template-18",8624:"chunk-focus-visible",8768:"chunk-web-stories-template-11-metaData",8856:"chunk-web-stories-template-48-metaData",9074:"chunk-web-stories-template-7-metaData",9233:"chunk-web-stories-template-53",9288:"chunk-web-stories-template-55",9302:"chunk-web-stories-template-17-metaData",9375:"chunk-web-stories-template-57-metaData",9393:"chunk-web-stories-template-59-metaData",9557:"chunk-web-stories-template-13-metaData",9591:"chunk-web-stories-template-50",9603:"chunk-web-stories-template-17",9607:"chunk-web-stories-template-2",9700:"chunk-web-stories-template-11",9738:"chunk-web-stories-template-46-metaData",9811:"chunk-web-stories-template-21"}[e]||e)+".js?v="+{8:"724e73b6a6ada1c5e993",69:"21aa74125b2c2959dcc4",274:"3248a26d8032fc3c2996",354:"a63627310b563483ea8d",410:"4d787aaaa3ac9961e142",533:"db6a9fb17bd6e4c593b1",824:"bda7a8fe249c66933887",827:"ff30ebcba2e71d234321",884:"37b098e625b0acb65570",907:"a72298d061627bb136aa",1049:"f68cf72dec49ed88dad5",1066:"7d5893fd447d2974e731",1197:"dc4963196de24cc34e2d",1231:"5f65fbd17b04cadd8579",1340:"0163e452136bd78a3798",1380:"9b7d1195c96f011abaa8",1403:"e8910d0c4745d36bc620",1738:"6d6d001307d401121aa4",1789:"69bc181b523a630f4612",1813:"ebcf05cd6342aa3709fa",1847:"335c52ea30f415e73180",1858:"ae2c9467ed1340db1e71",1970:"b861a72edf60b4877372",2068:"2ebbc19089306941de4c",2167:"9e4c1f603d9708b88d4e",2191:"cda49dac3c08396b936c",2235:"d84277893fb411e10150",2246:"17dc58be3e3e998178f7",2319:"d2e43b72ec08cabb9d01",2338:"63a73e641562d12a9a05",2374:"e88065104b4a15054660",2454:"51794f8a9befe6fdcadf",2558:"ea4c0662d781b1f6e5c8",2776:"75310b75affed1669135",2794:"927fa47fdf971edaedf3",2830:"c54b31c5fb5106c11982",2880:"ce96f7d54113bfd2c684",2894:"45ee6e7ed8afa6ab1c70",3041:"059aea6ab8b1cbb72de7",3194:"d5e684e6d7ee2b4a37d5",3245:"821efe0719895995116c",3289:"8898b3f0c5fbda1bf8ba",3304:"2dddf32329182e05f139",3441:"d24c093eb3080f9f28d2",3529:"95c537694bb114c30764",3710:"1dcbaad1f91495f00dfd",3772:"2c2cdfdb59d6bc2e2fce",3777:"6e3346d2527d596a1d23",3864:"33de65d47481d8fa1f24",3969:"ddd4f82f474ac2f5b15e",4051:"3d65eabcdb9e0b11e39b",4142:"48dc90e5b6b5634f8453",4178:"071dd699139fa40675ea",4386:"863b95e12ba776b23577",4422:"bb914ab1839ba5a3890a",4585:"384f6d295d9c3ecbfcb1",4874:"580dfce4f79275f4c8be",4991:"2a694b4af0f3e247b54d",5016:"6253e057c420cf60b957",5040:"17f1067b8b5f5140d48e",5157:"2526ea899c83941b28f1",5312:"aec8a63fe95448793304",5372:"c9dbe02b11d55a909ee9",5397:"de7c0de569ff4472e6cd",5432:"9bfc2a756737e121af28",5535:"90bacbd3484ca6ecf5b5",5543:"ca2fd075bfb119ca42a1",5553:"de07939ccb72268caaa6",5570:"e9c8856f8b3fdfd007bd",5573:"cfe35d368315434f6da1",5575:"217892772b4338f0c52d",5748:"6dd8a8893981d8a8abd8",5835:"045edb9bedd01ed39596",5985:"70fb05b93c6fea68d66c",6053:"1bc5a3c05eca9973f58b",6188:"19c7cb198d3d2150e6ab",6204:"86af7ddb9938e66c09d3",6271:"184ed83e2be6e544a75e",6305:"3f4402ace541ebc0ac40",6311:"73fbec456179679144b3",6353:"6e2db4e02f3136717c8e",6406:"be2f7382094a706a3b15",6428:"44d2c5934c1e757a0d53",6500:"8a1934679376676598e2",6517:"5b4e53bd794d8c368924",6539:"90709c69ae810f479cda",6592:"b0e73ee22d70b89a5806",6641:"8cab9cac3cf73afdd83b",6766:"364980d9bf2de9cd365c",6841:"901a7817b0a8996bc337",6852:"bd4cf79884b84715258d",7131:"9ad98b27868b2a3b88cf",7314:"e93cebcb7555820b2377",7343:"d3b05422ff2be599aa06",7346:"33e86766872d56fe5534",7399:"77c922cd8e3d61e84a50",7441:"673b948fc244ba38dc83",7502:"b2f13219400b13aba08e",7528:"7de2805335446069960c",7586:"91ec00b76620029c2162",7588:"4b7e940a9d9b57855e9d",7685:"6520fa02360e80bc38c0",7798:"07fe2790296969e2984a",7799:"f0baa46690a5d7a23c27",7863:"96700aa82a00d5173fed",7952:"c972620c40309bbd12a4",8022:"1cb77dc5608a3fdfd73a",8189:"d38169bc0481e9fb210d",8203:"baeee370415cd42e68cf",8257:"6b4a09cbfcd42ca7ce67",8344:"d36764e72e180c394bbe",8422:"c382dd1e11272126152e",8551:"0c7a981a828b5a51c7ab",8624:"1389926372b6c5df79e5",8768:"2b4b8e29fff25fa9cd55",8856:"6a92d53a3f5f9404a1f9",9074:"3db406e8a7a844c47ef1",9233:"7f24434b855214fcdb05",9288:"e7de052436381a98e5d5",9302:"41a305dca048c015fa0f",9375:"9ea5293a44e9ab37f432",9393:"9b202bfb9161eb2c7a3c",9557:"27ff44fb5ae6588c9ee6",9591:"ada4ea16a71f67a7377b",9603:"61f03c7b9d2b27831c2e",9607:"29ada0759a4991dc9537",9700:"eaf83936760d751b4d93",9738:"2a4a47346751814ca46e",9811:"b32355356f914091e21f"}[e],__webpack_require__.miniCssF=e=>{},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o={},r="web-stories-wp:",__webpack_require__.l=(e,t,a,n)=>{if(o[e])o[e].push(t);else{var i,l;if(void 0!==a)for(var s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var d=s[c];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==r+a){i=d;break}}i||(l=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,__webpack_require__.nc&&i.setAttribute("nonce",__webpack_require__.nc),i.setAttribute("data-webpack",r+a),i.src=e),o[e]=[t];var u=(t,a)=>{i.onerror=i.onload=null,clearTimeout(p);var r=o[e];if(delete o[e],i.parentNode&&i.parentNode.removeChild(i),r&&r.forEach((e=>e(a))),t)return t(a)},p=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),l&&document.head.appendChild(i)}},__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.p="",(()=>{var e={402:0};__webpack_require__.f.j=(t,a)=>{var o=__webpack_require__.o(e,t)?e[t]:void 0;if(0!==o)if(o)a.push(o[2]);else{var r=new Promise(((a,r)=>o=e[t]=[a,r]));a.push(o[2]=r);var n=__webpack_require__.p+__webpack_require__.u(t),i=new Error;__webpack_require__.l(n,(a=>{if(__webpack_require__.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var r=a&&("load"===a.type?"missing":a.type),n=a&&a.target&&a.target.src;i.message="Loading chunk "+t+" failed.\n("+r+": "+n+")",i.name="ChunkLoadError",i.type=r,i.request=n,o[1](i)}}),"chunk-"+t,t)}},__webpack_require__.O.j=t=>0===e[t];var t=(t,a)=>{var o,r,[n,i,l]=a,s=0;if(n.some((t=>0!==e[t]))){for(o in i)__webpack_require__.o(i,o)&&(__webpack_require__.m[o]=i[o]);if(l)var c=l(__webpack_require__)}for(t&&t(a);s<n.length;s++)r=n[s],__webpack_require__.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return __webpack_require__.O(c)},a=globalThis.webpackChunkweb_stories_wp=globalThis.webpackChunkweb_stories_wp||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=__webpack_require__.O(void 0,[6527,6029,815],(()=>__webpack_require__(98442)));l=__webpack_require__.O(l)})();