https://blue.kumparan.com/dist/845aae9ef31d8fc471d7.chunk.ff750022b8943758ea13.mod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([["default-src_app_Common_Components_MotionComponents_tsx-src_app_Snap_Hooks_useComposeSnapListD-08bd00"],{"6cf2868b503880778419":(e,n,i)=>{i.d(n,{A:()=>s,X:()=>c});var t=i("d518909bf6561866660f"),a=i("1a370ceb54eb2bfdaefd"),d=i("4181f7cb9ac8274a8700"),o=i("7c1245b4bd6e127eda98");const l=e=>{const n={};return e.filter((e=>{if("FragmentDefinition"!==e.kind)return!0;const i=e.name.value;return!n[i]&&(n[i]=!0,!0)}))};class s extends a.A{}s.defaultContext={deduplicate:!0},s.query={kind:"Document",definitions:l([{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FindAllActiveSnaps"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"filter"}},type:{kind:"NamedType",name:{kind:"Name",value:"ActiveSnapFilter"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"FindAllActiveSnaps"},arguments:[{kind:"Argument",name:{kind:"Name",value:"filter"},value:{kind:"Variable",name:{kind:"Name",value:"filter"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Snap"},directives:[]}]}}]}}].concat(o.Z.definitions)),loc:{start:0,end:140,source:{body:"\n    query FindAllActiveSnaps($filter: ActiveSnapFilter) {\n      FindAllActiveSnaps(filter: $filter) {\n        ...Snap\n      }\n    }\n    \n  ",name:"GraphQL request",locationOffset:{line:1,column:1}}}};const c=e=>{const n=(0,t.c)(5),i=e?.context;let a,o;return n[0]!==i?(a={...i,...s.defaultContext},n[0]=i,n[1]=a):a=n[1],n[2]!==e||n[3]!==a?(o={...e,context:a},n[2]=e,n[3]=a,n[4]=o):o=n[4],(0,d.I)(s.query,o)}},"7c1245b4bd6e127eda98":(e,n,i)=>{i.d(n,{Z:()=>u,s:()=>m});var t=i("8af03086ac6cfaa8205f"),a=i("e67d0313bb50066c3304"),d=i("0220d09c863677bb3640"),o=i("96aa21a4f45eea9512cc"),l=i("c5f6cded364fef9885dc"),s=i("67a2ff508374d216f83a"),c=i("ca84477aaf2c2bddc9ad");const r=e=>{const n={};return e.filter((e=>{if("FragmentDefinition"!==e.kind)return!0;const i=e.name.value;return!n[i]&&(n[i]=!0,!0)}))},m={kind:"Document",definitions:r([{kind:"FragmentDefinition",name:{kind:"Name",value:"SnapItem"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"SnapItem"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"itemID"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"itemType"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"item"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Story"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"MiniStory"},directives:[]}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"QuickStory"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"QuickStory"},directives:[]}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"VideoStory"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"VideoStory"},directives:[]}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"AudioStory"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"MiniAudioStory"},directives:[]}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Topic"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Topic"},directives:[]}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Collection"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"CompactCollection"},directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"snap"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"createdAt"},arguments:[],directives:[]}]}}].concat(a.rY.definitions,d.Z.definitions,o.Jy.definitions,l.DT.definitions,s.Mj.definitions,c.K.definitions)),loc:{start:0,end:469,source:{body:"\n  fragment SnapItem on SnapItem {\n    itemID\n    itemType\n    item {\n      ... on Story {\n        ...MiniStory\n      }\n      ... on QuickStory {\n        ...QuickStory\n      }\n      ... on VideoStory {\n        ...VideoStory\n      }\n      ... on AudioStory {\n        ...MiniAudioStory\n      }\n      ... on Topic {\n        ...Topic\n      }\n      ... on Collection {\n        ...CompactCollection\n      }\n    }\n    snap {\n      id\n    }\n    createdAt\n  }\n  \n  \n  \n  \n  \n  \n",name:"GraphQL request",locationOffset:{line:1,column:1}}}},u={kind:"Document",definitions:r([{kind:"FragmentDefinition",name:{kind:"Name",value:"Snap"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Snap"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"coverMedia"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Media"},directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"edgeItems"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"oldestItem"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"itemID"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"newestItem"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"itemID"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"attribute"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ChannelSnapAttribute"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"object"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"slug"},arguments:[],directives:[]}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CollectionSnapAttribute"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"object"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"slug"},arguments:[],directives:[]}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"TopicSnapAttribute"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"object"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"slug"},arguments:[],directives:[]}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"VideoWidgetSnapAttribute"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"object"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"objectID"},arguments:[],directives:[]}]}}]}}]}}]}}].concat(t.v.definitions)),loc:{start:0,end:618,source:{body:"\n  fragment Snap on Snap {\n    id\n    title\n    type\n    coverMedia {\n      ...Media\n    }\n    edgeItems {\n      oldestItem {\n        itemID\n      }\n      newestItem {\n        itemID\n      }\n    }\n    attribute {\n      ... on ChannelSnapAttribute {\n        object {\n          id\n          slug\n        }\n      }\n      ... on CollectionSnapAttribute {\n        object {\n          id\n          slug\n        }\n      }\n      ... on TopicSnapAttribute {\n        object {\n          id\n          slug\n        }\n      }\n      ... on VideoWidgetSnapAttribute {\n        object {\n          objectID\n        }\n      }\n    }\n  }\n  \n",name:"GraphQL request",locationOffset:{line:1,column:1}}}}},c0c4010f829440eb084e:(e,n,i)=>{i.d(n,{O:()=>u,_:()=>m});var t=i("d518909bf6561866660f"),a=i("f29b77cd1c7382d8894a"),d=i("aab7660251ee0163f01e"),o=i("b75869fa0ee55381231c"),l=i("dd0c0a1b077f507a0153"),s=i("a1ca5acfbf0478960314");const c=a.memo((e=>{const n=(0,t.c)(2);let i;return n[0]!==e?(i=(0,s.jsx)(d.A,{...e}),n[0]=e,n[1]=i):i=n[1],i})),r=a.memo((e=>{const n=(0,t.c)(2);let i;return n[0]!==e?(i=(0,s.jsx)(o.A,{...e}),n[0]=e,n[1]=i):i=n[1],i})),m=l.PY1.create(c),u=l.PY1.create(r)},db915566dededa290f67:(e,n,i)=>{i.d(n,{_c:()=>m,gK:()=>r});var t=i("d518909bf6561866660f"),a=i("1a370ceb54eb2bfdaefd"),d=i("4181f7cb9ac8274a8700"),o=i("932386e35c64271ebcd0"),l=i("7c1245b4bd6e127eda98");const s=e=>{const n={};return e.filter((e=>{if("FragmentDefinition"!==e.kind)return!0;const i=e.name.value;return!n[i]&&(n[i]=!0,!0)}))};class c extends a.A{}c.defaultContext={deduplicate:!0},c.query={kind:"Document",definitions:s([{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FindAllSnapItemsBySnapID"}

1,variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"snapID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"FindAllSnapItemsBySnapID"},arguments:[{kind:"Argument",name:{kind:"Name",value:"snapID"},value:{kind:"Variable",name:{kind:"Name",value:"snapID"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"SnapItem"},directives:[]}]}}]}}].concat(l.s.definitions)),loc:{start:0,end:143,source:{body:"\n    query FindAllSnapItemsBySnapID($snapID: ID!) {\n      FindAllSnapItemsBySnapID(snapID: $snapID) {\n        ...SnapItem\n      }\n    }\n    \n  ",name:"GraphQL request",locationOffset:{line:1,column:1}}}};const r=e=>{const n=(0,t.c)(5),i=e?.context;let a,o;return n[0]!==i?(a={...i,...c.defaultContext},n[0]=i,n[1]=a):a=n[1],n[2]!==e||n[3]!==a?(o={...e,context:a},n[2]=e,n[3]=a,n[4]=o):o=n[4],(0,d.I)(c.query,o)},m=e=>{const n=(0,t.c)(5),i=e?.context;let a,d;return n[0]!==i?(a={...i,...c.defaultContext},n[0]=i,n[1]=a):a=n[1],n[2]!==e||n[3]!==a?(d={...e,context:a},n[2]=e,n[3]=a,n[4]=d):d=n[4],(0,o._)(c.query,d)}},f8cc338ddf4de9530827:(e,n,i)=>{i.d(n,{B:()=>k,A:()=>S});var t=i("f29b77cd1c7382d8894a"),a=i("ea11a6f3602d91f2ce66"),d=i("6cf2868b503880778419"),o=i("187b78c408fb9f3d03f7"),l=i("d518909bf6561866660f"),s=i("1a370ceb54eb2bfdaefd"),c=i("4181f7cb9ac8274a8700"),r=i("7c1245b4bd6e127eda98");const m=e=>{const n={};return e.filter((e=>{if("FragmentDefinition"!==e.kind)return!0;const i=e.name.value;return!n[i]&&(n[i]=!0,!0)}))};class u extends s.A{}u.defaultContext={deduplicate:!0},u.query={kind:"Document",definitions:m([{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FindSnapByID"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"id"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"FindSnapByID"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"id"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"Snap"},directives:[]}]}}]}}].concat(r.Z.definitions)),loc:{start:0,end:103,source:{body:"\n    query FindSnapByID($id: ID!) {\n      FindSnapByID(id: $id) {\n        ...Snap\n      }\n    }\n    \n  ",name:"GraphQL request",locationOffset:{line:1,column:1}}}};let k=function(e){return e[e.NOT_FOUND=0]="NOT_FOUND",e[e.INTERNAL_SERVER_ERROR=1]="INTERNAL_SERVER_ERROR",e}({});const S=e=>{const{viewedSnapItems:n,loadingInitialization:i,syncViewedSnapItemsWithLatestSnap:s}=t.useContext(o.A),r=t.useRef(!0),[m,S]=t.useState(!1),[v,p]=t.useState([]),f=t.useMemo((()=>e?e.snapID:null),[e]),{data:N,loading:y,refetch:b,error:g}=(0,d.X)({variables:{filter:{types:[a.hKp.TOPIC,a.hKp.CHANNEL,a.hKp.COLLECTION,a.hKp.CUSTOM,a.hKp.RECAP]}}

1,fetchPolicy:f?"cache-only":"cache-first",notifyOnNetworkStatusChange:!0,ssr:!1,context:{persistedQuery:!1}}),{data:F,loading:I,error:A}=(e=>{const n=(0,l.c)(5),i=e?.context;let t,a;return n[0]!==i?(t={...i,...u.defaultContext},n[0]=i,n[1]=t):t=n[1],n[2]!==e||n[3]!==t?(a={...e,context:t},n[2]=e,n[3]=t,n[4]=a):a=n[4],(0,c.I)(u.query,a)})({variables:{id:f||""},ssr:!0,skip:Boolean(N?.FindAllActiveSnaps)||!f,notifyOnNetworkStatusChange:!0}),D=t.useMemo((()=>{const e=N&&N.FindAllActiveSnaps,n=F&&F.FindSnapByID;return e||(n?[n]:void 0)}),[N,F]),C=t.useCallback((()=>{const e=[],i=[];D&&(D.forEach((t=>{const a=n.get(t.id);a&&a.latestViewSnapContentItemID===t.edgeItems.newestItem?.itemID?i.push(t):e.push(t)})),p([...e,...i]),S(!0))}),[n,D]);t.useEffect((()=>{D&&D.length&&r.current&&!i&&(r.current=!1,C())}),[C,D,i]),t.useEffect((()=>{if(N&&N.FindAllActiveSnaps&&N.FindAllActiveSnaps.length&&!i){const e=N.FindAllActiveSnaps.map((e=>e.id));s(e)}}),[N,i]);const T=t.useCallback((()=>{b()}),[]),_=t.useMemo((()=>I||y||!m||i||D&&D.length&&!v.length||!D&&!g&&!A),[I,y,m,i,D,g,A,v]),h=t.useMemo((()=>{const e=A||g;return e?e.networkError?k.INTERNAL_SERVER_ERROR:e.graphQLErrors&&e.graphQLErrors.find((e=>e.message.includes("NotFound:")))?k.NOT_FOUND:k.INTERNAL_SERVER_ERROR:null}),[A,g]);return{snaps:v,loading:_,error:h,refetchSnap:T}}}}]);