'use client';
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useEditorMode as l,splitStyle as i,composeAdvanceStyle as a,useBlogsQuery as r,useArticlesQuery as o,flattenConnection as d,filterToolbarPreview as n,ArticleListProvider as s,ArticleProvider as c,isEmptyChildren as m,cls as g,makeStyleResponsive as p,getResponsiveValueByScreen as h,getGradientBgrStyleByDevice as u,getStyleBackgroundByDevice as b,makeStyleWithDefault as f,makeWidth as w}from"@gem-sdk/core";import T from"../../grid/components/ChildrenDroppable.js";import y from"../../common/components/Loading.js";import{useState as A}from"react";import D from"./ArticleNotFound.js";let v=v=>{let S=l(),{styles:O,setting:k,className:I,children:E,builderProps:L,advanced:P,builderAttrs:G,style:_}=v??{},{articleSetting:x,numberOfArticle:C}=k??{},{articleIds:M,articlePickType:N}=x??{},{border:j,rounded:z,hasBoxShadow:B,boxShadow:F}=P??{},[R]=i(["pos","top","left","bottom","right","z","d"],_),U=a({border:j,rounded:z,hasBoxShadow:B,boxShadow:F,"spacing-setting":P?.["spacing-setting"]}),$={first:M?.length||50,where:{baseIDIn:[...x?.articleIds??[]]},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},V={first:1,where:{baseID:x?.blogId},orderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"},articlesOrderBy:{direction:"DESC",field:"PLATFORM_UPDATED_AT"}},[H,q]=A(!0),J=r("latest"===N?V:null,{revalidateOnMount:!0}),K=o("manually"===N?$:null,{revalidateOnMount:!0}),Q=J.data?.blogs?.edges?.[0]?.node,W="manually"===N?K.isLoading:J.isLoading,X="manually"===N?K.isValidating:J.isValidating,Y="manually"===N?K.error:J.error,Z=J?.data?.blogs?.edges?.[0]?.node,ee="latest"===N?d(Z?.articles):d(K?.data?.articles),et=(e,t)=>({...e??{},blog:{title:t?.title??"",handle:t?.handle??""}}),el="latest"===N?ee?.filter((e,t)=>t<+(C||4)).map(e=>et(e,Z)):"manually"===N&&x?.articleIds?.length?M?.map(e=>{let t=ee?.find(t=>t?.baseID===e);return et(t,t?.blogs?.edges?.[0]?.node)}).filter(Boolean):ee.filter((e,t)=>t<(x?.numOfSelectedArticles||4)).map(e=>et(e,e?.blogs?.edges?.[0]?.node));return el?.length||W||"edit"!=S?e("div",{...G,className:L?.builderData?.uid,style:R,children:[X||W?t(y,{}):Y?e("div",{children:["Error: ",Y?.message]}):el?.length?t(s,{styles:{horizontalGutter:O?.horizontalGutter,verticalGutter:O?.verticalGutter,spacing:O?.spacing,width:O?.width,height:O?.height},settings:{slidesToShow:k?.slideToShow??{desktop:4,tablet:3,mobile:1}},articles:el,children:t("div",{"data-id":L?.uid,className:"gp-relative",children:t("div",{style:{...U,...f("w",w(O?.width),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...p("rg",O?.horizontalGutter),...p("cg",O?.verticalGutter),...b(k?.background),...u(k?.background),...p("gtc",{desktop:`repeat(${h(k?.slideToShow,"desktop")}, minmax(0, 1fr))`,tablet:k?.slideToShow?.tablet&&`repeat(${h(k?.slideToShow,"tablet")}, minmax(0, 1fr))`,mobile:k?.slideToShow?.mobile&&`repeat(${h(k?.slideToShow,"mobile")}, minmax(0, 1fr))`})},className:g(I,"gp-m-auto gp-grid gp-w-full"),children:el.map(e=>t(c,{article:e,readOnly:!0,children:t("div",{"data-component-type":"component","data-component-tag":"Article","data-component-label":"Article","data-component-no-setting":!0,"data-article-id":e?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:m(E)?t(T,{}):E})},e?.id))})})}):t("div",{children:"Articles not found"}),n(E,!0)]}):H?e("div",{...G,className:L?.builderData?.uid,children:[t(D,{blogHandle:Q?.handle,onClose:()=>q(!1),articlePickType:N??"manually",children:E}),n(E,!0)]}):null};export{v as default};
