@lanaco/lnc-react-ui 4.0.157 → 4.0.160

package/dist/BlogExploreSection.js

@@ -1,19 +1,19 @@
-import { jsxs as l, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as A, Fragment as Y } from "react";
+import { jsxs as l, jsx as n, Fragment as L } from "react/jsx-runtime";
+import { forwardRef as j, Fragment as B } from "react";
 import { P as e } from "./index-CblbdqjE.js";
-import { p as B, s as O } from "./utils-BdsZgOUE.js";
-import P from "./TextInput.js";
-import S from "./Icon.js";
-import ee from "./Link.js";
-import j from "./DropdownMenu.js";
-import F from "./DropdownItem.js";
-import { F as ne } from "./tag-cRMfP-SZ.js";
-import te from "./BlogProductCardsSection.js";
-import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as re } from "./index-CF3HhgvN.js";
-import L from "./BlogListSection.js";
-import { M as ie } from "./consts-BuFChS64.js";
-const ae = E.div`
+import { p as O, s as P } from "./utils-BdsZgOUE.js";
+import ee from "./TextInput.js";
+import k from "./Icon.js";
+import ne from "./Link.js";
+import F from "./DropdownMenu.js";
+import E from "./DropdownItem.js";
+import { F as te } from "./tag-cRMfP-SZ.js";
+import re from "./BlogProductCardsSection.js";
+import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as ie } from "./index-CF3HhgvN.js";
+import A from "./BlogListSection.js";
+import { M as ae } from "./consts-BuFChS64.js";
+const ce = M.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -94,7 +94,7 @@ const ae = E.div`
       }
     }
   }
-`, ce = A(
+`, oe = j(
   ({
     perPageOptions: o = [
       { code: 10, name: "Show 10 items" },
@@ -138,9 +138,9 @@ const ae = E.div`
         `pagination-page__${v}`
       ));
     };
-    return /* @__PURE__ */ l(ae, { className: "pagination", children: [
+    return /* @__PURE__ */ l(ce, { className: "pagination", children: [
       /* @__PURE__ */ n(
-        j,
+        F,
         {
           color: "neutral",
           control: ((_ = o == null ? void 0 : o.find((i) => (i == null ? void 0 : i.code) === f)) == null ? void 0 : _.name) || ((d = o[0]) == null ? void 0 : d.name),
@@ -148,7 +148,7 @@ const ae = E.div`
           zIndex: 1001,
           className: "pagination__per-page",
           children: o == null ? void 0 : o.map((i, a) => /* @__PURE__ */ n(
-            F,
+            E,
             {
               active: (i == null ? void 0 : i.code) === (f == null ? void 0 : f.code),
               className: "sort-by__item",
@@ -165,7 +165,7 @@ const ae = E.div`
           {
             className: `pagination__page ${c === 1 ? "disabled" : ""}`,
             onClick: h,
-            children: /* @__PURE__ */ n(S, { icon: " mng-lnc-chevron--left" })
+            children: /* @__PURE__ */ n(k, { icon: " mng-lnc-chevron--left" })
           }
         ),
         x(),
@@ -174,13 +174,13 @@ const ae = E.div`
           {
             className: `pagination__page ${c === t ? "disabled" : ""}`,
             onClick: p,
-            children: /* @__PURE__ */ n(S, { icon: " mng-lnc-chevron--right" })
+            children: /* @__PURE__ */ n(k, { icon: " mng-lnc-chevron--right" })
           }
         )
       ] })
     ] });
   }
-), oe = E.div`
+), le = M.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -356,7 +356,7 @@ const ae = E.div`
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${B(2)}
+            ${O(2)}
           }
 
           & .item__description {
@@ -371,7 +371,7 @@ const ae = E.div`
     }
   }
 
-  @media (max-width: ${ie + "px"}) {
+  @media (max-width: ${ae + "px"}) {
     flex-direction: column;
 
     & .landing__main-content {
@@ -418,7 +418,7 @@ const ae = E.div`
       display: none;
     }
   }
-`, le = A(
+`, se = j(
   ({
     mainTitle: o,
     sideTitle: f,
@@ -437,50 +437,51 @@ const ae = E.div`
     },
     allTagText: a = "All",
     searchPlaceholderText: v = "Search blogs",
-    timeToReadText: k = "{0} min read",
+    timeToReadText: T = "{0} min read",
     getBlogImageUrl: y = () => {
     },
     handleSelectBlog: w = () => {
     },
-    handleSelectBlogTag: T = () => {
+    handleSelectBlogTag: C = () => {
     },
-    handleShareBlog: C = () => {
+    handleShareBlog: I = () => {
     },
     // handleBookmarkBlog = () => {},
-    showAllButtonLink: M,
-    showAllButtonText: D = "Show all products",
-    viewAllButtonText: R = "View all (11)",
-    viewAllButtonLink: se,
-    handleViewAll: U = () => {
+    showAllButtonLink: D,
+    showAllButtonText: R = "Show all products",
+    viewAllButtonText: U = "View all (11)",
+    viewAllButtonLink: de,
+    handleViewAll: V = () => {
     },
-    handleShowAll: V = () => {
+    handleShowAll: q = () => {
     },
-    handleSelectProduct: q = () => {
+    handleSelectProduct: H = () => {
     },
-    getProductImageUrl: H = () => {
+    getProductImageUrl: W = () => {
     },
-    page: W,
+    page: X,
     handlePage: b = () => {
     },
-    perPage: X,
-    handlePerPage: Z = () => {
+    perPage: Z,
+    handlePerPage: G = () => {
     },
     totalPage: N,
-    perPageOptions: G,
-    handleSearch: J = () => {
+    perPageOptions: J,
+    handleSearch: K = () => {
     },
-    onBookmark: I = () => {
+    onBookmark: $ = () => {
     },
-    bookmarkComponent: $ = /* @__PURE__ */ n(z, { children: " " })
-  }, K) => {
-    const Q = (r) => {
+    bookmarkComponent: z = /* @__PURE__ */ n(L, { children: " " }),
+    componentName: S
+  }, Q) => {
+    const Y = (r) => {
       document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), b == null || b(r);
     };
-    return /* @__PURE__ */ l(oe, { ref: K, id: "landing__container", children: [
+    return /* @__PURE__ */ l(le, { ref: Q, id: "landing__container", children: [
       /* @__PURE__ */ l("div", { className: "landing__main-content", children: [
         o && /* @__PURE__ */ n("div", { className: "main-content__title", children: o }),
         g && /* @__PURE__ */ n(
-          ne,
+          te,
           {
             tags: g,
             allTagText: a,
@@ -490,13 +491,13 @@ const ae = E.div`
         ),
         /* @__PURE__ */ l("div", { className: "main-content__actions", children: [
           /* @__PURE__ */ n(
-            P,
+            ee,
             {
               className: "main-content__search",
               placeholder: v,
               debounceTime: 200,
               prefix: /* @__PURE__ */ n(
-                S,
+                k,
                 {
                   icon: " mng-lnc-search",
                   sizeInUnits: "1.25rem",
@@ -504,18 +505,18 @@ const ae = E.div`
                 }
               ),
               color: "neutral",
-              onChange: J
+              onChange: K
             }
           ),
           /* @__PURE__ */ n(
-            j,
+            F,
             {
               color: "neutral",
               control: d == null ? void 0 : d.name,
               zIndex: 1001,
               className: "main-content__sort-by",
               children: _ == null ? void 0 : _.map((r, u) => /* @__PURE__ */ n(
-                F,
+                E,
                 {
                   active: (r == null ? void 0 : r.code) === (d == null ? void 0 : d.code),
                   className: "sort-by__item",
@@ -529,72 +530,75 @@ const ae = E.div`
         ] }),
         /* @__PURE__ */ l("div", { className: "main-content__items", children: [
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-            L,
+            A,
             {
-              timeToReadText: k,
+              timeToReadText: T,
               items: t == null ? void 0 : t.slice(0, 5),
               isLoading: p,
               getImage: y,
               onSelectCard: w,
-              onSelectOption: T,
-              onShare: C,
-              onBookmark: I,
-              bookmarkComponent: $
+              onSelectOption: C,
+              onShare: I,
+              onBookmark: $,
+              bookmarkComponent: z,
+              componentName: S
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           h && (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ n(
-            te,
+            re,
             {
-              buttonText: D,
-              buttonLink: M,
-              onButtonAction: V,
-              onSelectCard: q,
+              buttonText: R,
+              buttonLink: D,
+              onButtonAction: q,
+              onSelectCard: H,
               items: h,
               isLoading: x,
-              getImage: H,
-              isHighlight: !0
+              getImage: W,
+              isHighlight: !0,
+              componentName: S
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-            L,
+            A,
             {
-              timeToReadText: k,
+              timeToReadText: T,
               items: t == null ? void 0 : t.slice(5),
               isLoading: p,
               getImage: y,
               onSelectCard: w,
-              onSelectOption: T,
-              onShare: C,
-              onBookmark: I,
-              bookmarkComponent: $
+              onSelectOption: C,
+              onShare: I,
+              onBookmark: $,
+              bookmarkComponent: z,
+              componentName: S
             }
           )
         ] }),
         N && N > 1 && /* @__PURE__ */ n(
-          ce,
+          oe,
           {
-            perPageOptions: G,
-            perPage: X,
-            handlePerPage: Z,
-            page: W,
-            handlePage: Q,
+            perPageOptions: J,
+            perPage: Z,
+            handlePerPage: G,
+            page: X,
+            handlePage: Y,
             totalPage: N
           }
         )
       ] }),
       /* @__PURE__ */ l("div", { className: "landing__side-content", children: [
         f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
-        m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ l(z, { children: [
-          /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((r, u) => /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ l(
+        m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((r, u) => /* @__PURE__ */ n(B, { children: /* @__PURE__ */ l(
             "div",
             {
               className: "side-content__item",
               onClick: () => w(r),
               children: [
                 /* @__PURE__ */ n(
-                  re,
+                  ie,
                   {
                     src: y(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
                     alt: `Mini blog ${u + 1}`,
@@ -603,18 +607,18 @@ const ae = E.div`
                 ),
                 /* @__PURE__ */ l("div", { className: "item__content", children: [
                   /* @__PURE__ */ n("div", { className: "item__title", children: r == null ? void 0 : r.title }),
-                  /* @__PURE__ */ n("div", { className: "item__description", children: O(r == null ? void 0 : r.publishedAt) })
+                  /* @__PURE__ */ n("div", { className: "item__description", children: P(r == null ? void 0 : r.publishedAt) })
                 ] })
               ]
             }
           ) }, `mini_blg_${u}`)) }),
-          /* @__PURE__ */ n(ee, { onClick: U, className: "side-content__link", children: R })
+          /* @__PURE__ */ n(ne, { onClick: V, className: "side-content__link", children: U })
         ] })
       ] })
     ] });
   }
 );
-le.propTypes = {
+se.propTypes = {
   mainTitle: e.string,
   sideTitle: e.string,
   tags: e.array,
@@ -651,5 +655,5 @@ le.propTypes = {
   handleSearch: e.func
 };
 export {
-  le as default
+  se as default
 };

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-lSjkOR95.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),k=require("./Icon.cjs"),N=require("./IconButton.cjs"),o=require("./utils-Dl9xPH4c.cjs"),q=require("./index-BueKsXT8.cjs"),I=require("./style-lSjkOR95.cjs"),B=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./consts-goSZX3xP.cjs"),C=require("./suspense-large-CFmcSzX-.cjs"),L=B.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -50,7 +50,7 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${s.truncateTextInRows(3)}
+        ${o.truncateTextInRows(3)}
       }
 
       & .wrapper__tags {
@@ -93,7 +93,7 @@
     }
   }
 
-  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -144,7 +144,7 @@
       }
     }
   }
-`,C=l.forwardRef(({blogUuid:c,title:n,imageUrl:o,options:i,publishedAt:p,timeToReadText:g="{0} min read",timeToRead:u=0,numberOfLikes:f=0,numberOfComments:_=0,isBookmarked:d=!1,onSelectCard:h=()=>{},onBookmark:e=()=>{},onShare:m=()=>{},bookmarkComponent:a=r.jsx(r.Fragment,{})},k)=>{const b=()=>s.isDefined(a)?l.cloneElement(a,{key:`bookmark_blog__${c}__${d}`,isBookmarked:d,blogUuid:c,onBookmark:(w,N)=>e(w,N),ref:k,componentName:"ExploreBlogSectionCard"}):r.jsx(r.Fragment,{});return r.jsxs($,{onClick:h,className:"blog-card-item",children:[r.jsx(B.ProductImageWrapper,{src:o,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:n}),r.jsxs("div",{className:"wrapper__tags-action",children:[r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,w)=>r.jsx(R.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${w+1}`)))}),r.jsxs("div",{className:"info__content mobile-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),m()}})]})]})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(p)} • ${s.formatString(g,u)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(f)]}),r.jsxs("div",{children:[r.jsx(y,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(_)]})]})]}),r.jsxs("div",{className:"info__content desktop-only",children:[r.jsx(b,{}),r.jsx(j,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),m()}})]})]})]})]})}),L=v.styled.div`
+`,z=a.forwardRef(({blogUuid:c,title:s,imageUrl:l,options:i,publishedAt:g,timeToReadText:f="{0} min read",timeToRead:u=0,numberOfLikes:_=0,numberOfComments:h=0,isBookmarked:d=!1,onSelectCard:w=()=>{},onBookmark:b=()=>{},onShare:e=()=>{},bookmarkComponent:p=r.jsx(r.Fragment,{}),metadata:t},j)=>{const m=()=>o.isDefined(p)?a.cloneElement(p,{key:`bookmark_blog__${c}__${d}`,isBookmarked:d,blogUuid:c,onBookmark:(y,R)=>b(y,R),ref:j,componentName:"ExploreBlogSectionCard"}):r.jsx(r.Fragment,{}),v=a.useRef();return r.jsxs(L,{ref:v,name:t==null?void 0:t.name,"data-accessor":t==null?void 0:t.accessor,onClick:n=>w(n,v),className:"blog-card-item",children:[r.jsx(q.ProductImageWrapper,{src:l,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:s}),r.jsxs("div",{className:"wrapper__tags-action",children:[r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((n,y)=>r.jsx(I.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${y+1}`)))}),r.jsxs("div",{className:"info__content mobile-only",children:[r.jsx(m,{}),r.jsx(N,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:n=>{n==null||n.stopPropagation(),e()}})]})]})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${o.formatLocaleDateString(g)} • ${o.formatString(f,u)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(k,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),o.getRoundedNumber(_)]}),r.jsxs("div",{children:[r.jsx(k,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),o.getRoundedNumber(h)]})]})]}),r.jsxs("div",{className:"info__content desktop-only",children:[r.jsx(m,{}),r.jsx(N,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:n=>{n==null||n.stopPropagation(),e()}})]})]})]})]})}),T=B.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -168,4 +168,4 @@
       bottom: -1.25rem;
     }
   }
-`,z=l.memo(C),T=l.forwardRef(({timeToReadText:c="{0} min read",items:n,onSelectCard:o=()=>{},onShare:i=()=>{},onBookmark:p=()=>{},isLoading:g=!1,getImage:u=()=>{},isSeparated:f=!0,bookmarkComponent:_=r.jsx(r.Fragment,{})},d)=>{const h=l.useMemo(()=>n==null?void 0:n.map((e,m)=>{var a;return r.jsx(z,{blogUuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:c,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,isBookmarked:e==null?void 0:e.isBookmarked,onSelectCard:()=>o==null?void 0:o(e),onShare:()=>i==null?void 0:i(e),onBookmark:p,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,bookmarkComponent:_},`blog-card-item__${m+1}__${(a=e==null?void 0:e.isBookmarked)==null?void 0:a.toString()}`)}),[n]);return r.jsx(L,{ref:d,className:f?"separated":"",children:r.jsx(I.SuspenseBlogLarge,{isLoading:g,limit:5,keyPrefix:"blog-section",children:h})})});module.exports=T;
+`,O=a.memo(z),P=a.forwardRef(({timeToReadText:c="{0} min read",items:s,onSelectCard:l=()=>{},onShare:i=()=>{},onBookmark:g=()=>{},isLoading:f=!1,getImage:u=()=>{},isSeparated:_=!0,bookmarkComponent:h=r.jsx(r.Fragment,{}),componentName:d},w)=>{const b=a.useMemo(()=>s==null?void 0:s.map((e,p)=>{var t;return r.jsx(O,{blogUuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,titleSlug:e==null?void 0:e.titleSlug,options:e==null?void 0:e.options,publishedAt:e==null?void 0:e.publishedAt,timeToReadText:c,timeToRead:e==null?void 0:e.timeToRead,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,isSponsored:e==null?void 0:e.isSponsored,isBookmarked:e==null?void 0:e.isBookmarked,onSelectCard:(j,m)=>l==null?void 0:l(e,m),onShare:()=>i==null?void 0:i(e),onBookmark:g,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,bookmarkComponent:h,metadata:{name:d,accessor:e==null?void 0:e.accessor}},`blog-card-item__${p+1}__${(t=e==null?void 0:e.isBookmarked)==null?void 0:t.toString()}`)}),[s]);return r.jsx(T,{ref:w,className:_?"separated":"",children:r.jsx(C.SuspenseBlogLarge,{isLoading:f,limit:5,keyPrefix:"blog-section",children:b})})});module.exports=P;