1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2749],{4034(e,r,t){t.r(r);var s=t(3718),n=t(3926),c=t(9450),o=t(3496),a=t(9131),i=t(7435),l=t(9471),d=t(3948),u=t(7671);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,s)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach(function(r){(0,s.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var f=function(e){var r=e.currentCategory,t=e.loadWebStories,s=e.loadAllWebStories,n=r?t:s;return(0,u.jsxs)("div",{className:"mb-40",children:[(0,u.jsx)("div",{className:"block-header mb-24"}),(0,u.jsx)("div",{className:"storiescard-cont",children:n.records&&n.records.map(function(e){var r=(0,d.Bd)(e.media_ids.verticle_pic_id,n.media);return(0,u.jsx)(o.C,{type:"AMPCards",data:e,media:r},(0,d.M4)())})})]})},p=function(e){var r=(0,i.A)(),t=r.tt,s=r.lang,c=r.supportedLangs,o=e.allCategories,a=e.currentCategory,m=e.changeWebStory,p=a?a.id:"all";(0,l.useEffect)(function(){var e=document.querySelector(".stories-tab"),r=document.querySelector(".stories-tab .active");null!==e&&null!==r&&(e.scrollLeft=r.offsetLeft-20)},[]);var j="en"!==s?"/ampstories/".concat(c[s].toLowerCase()):"/ampstories";return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{className:"stories-tab",children:[(0,u.jsx)(n.A,{to:j,className:"all"===p?"active":"",onClick:function(){return m()},children:t("common.all")}),o.map(function(e){var r="/ampstories".concat(e.slug);return(0,u.jsx)(n.A,{to:r,className:a&&e.id===a.id?"active":"",role:"button",onClick:function(){return m(e)},children:(0,u.jsx)("h2",{children:e.name})},(0,d.M4)())})]}),(0,u.jsx)(f,b({},e))]})};const j=function(e){for(var r,t,s=(0,i.A)().tt,n=e.breadcrumbs,o=e.loadAllWebStories,l=e.currentCategory,m=(r=o.records,t="category_id",r.reduce(function(e,r){var s=r[t];return e[s]||(e[s]=[]),e[s].push(r),e},{})),f=[],j=Object.keys(m),h=function(){var e=j[v],r=o.categories.find(function(r){return r.id===parseInt(e,10)&&"section"===r.type});r&&f.push(r)},v=0;v<j.length;v++)h();return(0,u.jsxs)("div",{className:"container amp-stories",children:[(0,u.jsx)(c.r,{breadcrumbs:n}),(0,u.jsx)("div",{className:"block-header mb-24 mt-20",children:(0,u.jsxs)("h1",{className:"block-header-title font-22 storiesnow",children:[(0,u.jsx)("i",{children:s("common.webstories")})," ",(0,u.jsxs)("span",{children:[s("common.now"),"."]})," "]})}),(0,u.jsx)("p",{className:"mt-30 mb-30",children:s("misc.experience")}),l&&!(0,d.__)(e,"loadWebStories","records","length")&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.W3,{}),(0,u.jsx)(a.fH,{})]}),(0,d.__)(e,"loadAllWebStories","records","length")>0?(0,u.jsx)(p,b(b({},e),{},{groupByrecords:m,allCategories:f})):null]})};t.d(r,["default",0,j])}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.