@lanaco/lnc-react-ui 4.0.38 → 4.0.40

package/dist/BlogsSectionWithFilters.js

@@ -1,22 +1,22 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { n as p } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as b } from "./consts-C1uHV4xc.js";
-import { u as C } from "./useDetectMobile-BC6EGaBc.js";
-import { m as s, t as N, k as u } from "./utils-DtRLzzTZ.js";
-import { T } from "./style-6tSw9aqK.js";
-import $ from "./Button.js";
-import W from "./Link.js";
-import { S as B } from "./index-CT6_7UFb.js";
-const M = p.div`
+import { jsxs as l, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as u, Suspense as M, memo as W, useMemo as z } from "react";
+import { n as f } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { M as y } from "./consts-C1uHV4xc.js";
+import { u as P } from "./useDetectMobile-BC6EGaBc.js";
+import { m as p, t as R, k as v } from "./utils-DtRLzzTZ.js";
+import { T as j } from "./style-CiePxaJ_.js";
+import A from "./Button.js";
+import E from "./Link.js";
+import { S as F } from "./index-5cttM4t7.js";
+const I = f.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${y + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, w = p.div`
+`, C = f.div`
   display: flex;
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
@@ -45,16 +45,16 @@ const M = p.div`
     min-height: 3.3125rem;
     max-height: 3.3125rem;
     border-radius: 0.75rem;
-    background-color: ${s("-90deg")};
+    background-color: ${p("-90deg")};
   }
 
   & a {
     margin-top: auto;
   }
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${y + "px"}) {
   }
-`, k = p.div`
+`, N = f.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -68,114 +68,143 @@ const M = p.div`
   & .skeleton-title {
     height: 1.5rem;
     width: 80%;
-    background-color: ${s("-90deg")};
+    background-color: ${p("-90deg")};
   }
 
   & .skeleton-action {
     height: 1.25rem;
     width: 20%;
-    background-color: ${s("-90deg")};
+    background-color: ${p("-90deg")};
   }
 
   & .text-wr {
     font-weight: 400;
     font-size: 0.875rem;
     color: var(--gray-700, #4e555f);
-    ${N(3)}
+    ${R(3)}
   }
-`;
-g(({}, o) => /* @__PURE__ */ i(w, { className: "blog-card", children: [
-  /* @__PURE__ */ i(k, { children: [
+`, L = u(({}, i) => /* @__PURE__ */ l(C, { className: "blog-card", children: [
+  /* @__PURE__ */ l(N, { children: [
     /* @__PURE__ */ t("div", { className: "skeleton-title" }),
     /* @__PURE__ */ t("div", { className: "text-wr" }),
     /* @__PURE__ */ t("div", { className: "skeleton-action" })
   ] }),
   /* @__PURE__ */ t("div", { className: "skeleton-img" })
-] }));
-const f = g((o, v) => {
-  const { title: l, image: m, text: r, buttonText: d, onCardClick: a } = o;
+] })), O = u((i, n) => {
+  const { title: o, image: m, text: r, buttonText: c, onCardClick: a } = i;
   return (
     // <SimpleBlogCardHorizontalSkeleton />
-    /* @__PURE__ */ i(w, { className: "blog-card", onClick: a, children: [
-      /* @__PURE__ */ i(k, { children: [
-        /* @__PURE__ */ t("div", { className: "text-wr-title", children: l }),
+    /* @__PURE__ */ l(C, { className: "blog-card", onClick: a, children: [
+      /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ t("div", { className: "text-wr-title", children: o }),
         /* @__PURE__ */ t("div", { className: "text-wr", children: r }),
-        /* @__PURE__ */ t(W, { color: "gray", onClick: a, children: d })
+        /* @__PURE__ */ t(E, { color: "gray", onClick: a, children: c })
       ] }),
       /* @__PURE__ */ t("img", { src: m })
     ] })
   );
-}), L = g((o, v) => {
+}), _ = ({ limit: i = 3, isLoading: n = !1, keyPrefix: o }) => /* @__PURE__ */ t(h, { children: Array.from({ length: i }, (m, r) => /* @__PURE__ */ t(
+  L,
+  {
+    isLoading: n
+  },
+  `${o}-skeleton-product-card-${r}`
+)) }), D = ({
+  children: i,
+  fallbackComponent: n = /* @__PURE__ */ t(h, {}),
+  isLoading: o = !1,
+  limit: m,
+  keyPrefix: r
+}) => /* @__PURE__ */ t(M, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ t(
+  _,
+  {
+    isLoading: o,
+    limit: m,
+    keyPrefix: r
+  }
+) : i }), S = W(O), Y = u((i, n) => {
   const {
-    icon: l,
+    icon: o,
     title: m,
     items: r,
-    buttonText: d,
+    buttonText: c,
     limit: a = 3,
-    options: n,
-    onActionClick: S = () => {
+    options: d,
+    onButtonAction: b = () => {
+    },
+    buttonLink: T,
+    onSelectOption: k = () => {
     },
-    onSelectOption: h = () => {
+    isLoading: $ = !1,
+    onSelectCard: s = () => {
     }
-  } = o, y = C();
-  return /* @__PURE__ */ i(T, { children: [
-    /* @__PURE__ */ i("div", { className: "regular-title", children: [
-      /* @__PURE__ */ i("div", { className: "regular-title-text", children: [
-        u(l) && /* @__PURE__ */ t("i", { className: l }),
+  } = i, w = P(), B = z(() => /* @__PURE__ */ t(h, { children: w === !0 ? r == null ? void 0 : r.map((e, g) => /* @__PURE__ */ t(
+    S,
+    {
+      title: e == null ? void 0 : e.title,
+      image: e == null ? void 0 : e.image,
+      text: e == null ? void 0 : e.text,
+      titleSlug: e == null ? void 0 : e.titleSlug,
+      buttonText: e == null ? void 0 : e.buttonText,
+      onCardClick: () => s(e)
+    },
+    g
+  )) : r == null ? void 0 : r.slice(0, a).map((e, g) => /* @__PURE__ */ t(
+    S,
+    {
+      title: e == null ? void 0 : e.title,
+      image: e == null ? void 0 : e.image,
+      text: e == null ? void 0 : e.text,
+      titleSlug: e == null ? void 0 : e.titleSlug,
+      buttonText: e == null ? void 0 : e.buttonText,
+      onCardClick: () => s(e)
+    },
+    g
+  )) }), [r, w, a, s]);
+  return /* @__PURE__ */ l(j, { ref: n, children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        v(o) && /* @__PURE__ */ t("i", { className: o }),
         /* @__PURE__ */ t("span", { children: m })
       ] }),
-      u(onSectionClick) && /* @__PURE__ */ t(
-        $,
+      v(b) && /* @__PURE__ */ t(
+        A,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: S,
+          onClick: () => b(T),
           borderRadius: "curved",
-          children: d
+          children: c
         }
       )
     ] }),
-    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ t(
-      B,
+    (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ t(
+      F,
       {
-        items: n,
+        items: d,
         onRemove: (e) => {
-          h(e);
+          k(e);
         },
         onSelect: (e) => {
-          h(e);
+          k(e);
         },
         labelKey: "name",
         valueKey: "code",
         noMargin: !0
       }
     ),
-    /* @__PURE__ */ t(M, { limit: a, children: y === !0 ? r == null ? void 0 : r.map((e, c) => /* @__PURE__ */ t(
-      f,
-      {
-        title: e == null ? void 0 : e.title,
-        image: e == null ? void 0 : e.image,
-        text: e == null ? void 0 : e.text,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
-      },
-      c
-    )) : r == null ? void 0 : r.slice(0, a).map((e, c) => /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ t(I, { limit: a, children: /* @__PURE__ */ t(
+      D,
       {
-        title: e == null ? void 0 : e.title,
-        image: e == null ? void 0 : e.image,
-        text: e == null ? void 0 : e.text,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        buttonText: e == null ? void 0 : e.buttonText,
-        onCardClick: () => onSelectCard(e == null ? void 0 : e.uuid)
-      },
-      c
-    )) })
+        isLoading: $,
+        limit: a,
+        keyPrefix: "explore-landing",
+        children: B
+      }
+    ) })
   ] });
 });
 export {
-  L as default
+  Y as default
 };

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),c=require("./utils-NZLCh-J5.cjs"),o=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),d=require("./consts-CtNoHdBj.cjs"),h=o.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./utils-NZLCh-J5.cjs"),s=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),o=require("./consts-CtNoHdBj.cjs"),h=s.newStyled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -12,7 +12,7 @@
     height: auto;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -22,26 +22,31 @@
       height: auto;
     }
   }
-`,_=o.newStyled.div`
+`,_=s.newStyled.div`
   width: 7.5rem;
   height: 7.5rem;
   background: ${c.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`,g=s.forwardRef(({imageComponent:t,image:n,onSelectCard:a},i)=>r.jsx(h,{children:c.isDefined(t)?t:r.jsx("img",{src:n,className:"wrapper__image",onSelectCard:a})})),w=s.forwardRef(({},t)=>r.jsx(_,{})),m=o.newStyled.div`
+`,g=d.forwardRef(({imageComponent:t,image:n,onSelectCard:a},i)=>r.jsx(h,{children:c.isDefined(t)?t:r.jsx("img",{src:n,className:"wrapper__image",onSelectCard:a})})),m=d.forwardRef(({},t)=>r.jsx(_,{})),w=s.newStyled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 2rem;
 
+  & img {
+    border-radius: 0.75rem;
+  }
+
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     text-align: center;
+    width: 100%;
 
     & .wrapper__title {
       color: var(--gray-950, #14161a);
@@ -75,7 +80,7 @@
     }
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -86,4 +91,4 @@
       }
     }
   }
-`,x=s.forwardRef(({title:t,subtitle:n,items:a=[],onSelectCard:i=()=>{}},f)=>{var l;return r.jsx(m,{children:r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n}),r.jsx("div",{className:"wrapper__content",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,p)=>r.jsx(g,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid),className:"wrapper__item"},`brand-hit-card__${p+1}`)):(l=Array.from("12345"))==null?void 0:l.map((e,p)=>r.jsx(w,{},`brand-hit-card-skeleton__${p+1}`))})]})})});module.exports=x;
+`,x=d.forwardRef(({title:t,subtitle:n,items:a=[],onSelectCard:i=()=>{}},f)=>{var l;return r.jsx(w,{children:r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n}),r.jsx("div",{className:"wrapper__content",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,p)=>r.jsx(g,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid),className:"wrapper__item"},`brand-hit-card__${p+1}`)):(l=Array.from("12345"))==null?void 0:l.map((e,p)=>r.jsx(m,{},`brand-hit-card-skeleton__${p+1}`))})]})})});module.exports=x;

package/dist/BrandHitsSection.js

@@ -37,10 +37,10 @@ const s = d.div`
     height: 4.5rem;
   }
 `, w = o(
-  ({ imageComponent: t, image: n, onSelectCard: e }, i) => /* @__PURE__ */ a(s, { children: g(t) ? t : /* @__PURE__ */ a(
+  ({ imageComponent: t, image: i, onSelectCard: e }, n) => /* @__PURE__ */ a(s, { children: g(t) ? t : /* @__PURE__ */ a(
     "img",
     {
-      src: n,
+      src: i,
       className: "wrapper__image",
       onSelectCard: e
     }
@@ -51,11 +51,16 @@ const s = d.div`
   align-items: flex-start;
   gap: 2rem;
 
+  & img {
+    border-radius: 0.75rem;
+  }
+
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     text-align: center;
+    width: 100%;
 
     & .wrapper__title {
       color: var(--gray-950, #14161a);
@@ -101,18 +106,18 @@ const s = d.div`
     }
   }
 `, k = o(
-  ({ title: t, subtitle: n, items: e = [], onSelectCard: i = () => {
+  ({ title: t, subtitle: i, items: e = [], onSelectCard: n = () => {
   } }, u) => {
     var h;
     return /* @__PURE__ */ a(x, { children: /* @__PURE__ */ m("div", { className: "wrapper__heading", children: [
       t && /* @__PURE__ */ a("div", { className: "wrapper__title", children: t }),
-      n && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: n }),
+      i && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: i }),
       /* @__PURE__ */ a("div", { className: "wrapper__content", children: e && (e == null ? void 0 : e.length) > 0 ? e == null ? void 0 : e.map((r, p) => /* @__PURE__ */ a(
         w,
         {
           image: r == null ? void 0 : r.image,
           imageComponent: r == null ? void 0 : r.imageComponent,
-          onSelectCard: () => i == null ? void 0 : i(r == null ? void 0 : r.uuid),
+          onSelectCard: () => n == null ? void 0 : n(r == null ? void 0 : r.uuid),
           className: "wrapper__item"
         },
         `brand-hit-card__${p + 1}`

package/dist/CalorieCalculatorSection.cjs

@@ -210,7 +210,7 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
   }
-`,S=b.newStyled.div`
+`,k=b.newStyled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -260,9 +260,8 @@
   display: inline-flex;
   align-items: center;
   cursor: pointer;
-  background: var(--white);
+  background: var(--white, #fff);
   border-radius: 30px;
-  padding: 0.25em 0.5em;
   user-select: none;
   font-family: Arial, sans-serif;
   font-weight: bold;
@@ -291,7 +290,7 @@
     top: 0;
     bottom: 0;
     left: ${c=>c.checked?"3rem":"3px"};
-    background: var(--success-600);
+    background: var(--success-600, #059669);
     border-radius: 30px;
     transition: left 0.3s;
     width: fit-content;
@@ -301,11 +300,11 @@
     pointer-events: none;
     font-weight: normal;
     font-size: 0.9rem;
-    color: var(--white);
+    color: var(--white, #fff);
     padding: 0 0.75rem;
     min-height: 2.5rem;
     max-height: 2.5rem;
-    border: 1px solid var(--success-600);
+    border: 1px solid var(--success-600, #059669);
   }
 
   .text {
@@ -315,7 +314,7 @@
     display: flex;
     gap: 0.5rem;
     padding: 0.75rem;
-    border: 1px solid var(--gray-95012);
+    border: 1px solid var(--gray-95012, #14161a1f);
     border-radius: 30px;
     min-height: 2.5rem;
     max-height: 2.5rem;
@@ -330,4 +329,4 @@
     align-items: center;
     gap: 0.38rem;
   }
-`,E=o.forwardRef((c,j)=>{var g,m,x,p,h,v,N,w;const{onChange:d=()=>{},items:a=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],...l}=c,s=e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(g=a==null?void 0:a.at(0))==null?void 0:g.icon}),e.jsx("span",{children:(m=a==null?void 0:a.at(0))==null?void 0:m.name})]}),n=e.jsxs("div",{className:"cont",children:[e.jsx("span",{children:(x=a==null?void 0:a.at(1))==null?void 0:x.name}),e.jsx("i",{className:(p=a==null?void 0:a.at(1))==null?void 0:p.icon})]}),[t,r]=o.useState(!1),i=u=>{var C,T;r(u.target.checked),d&&d(u.target.checked===!0?(C=a==null?void 0:a.at(1))==null?void 0:C.value:(T=a==null?void 0:a.at(0))==null?void 0:T.value)};return e.jsxs(ee,{checked:t,...l,children:[e.jsx("input",{type:"checkbox",checked:t,onChange:i}),e.jsx("span",{className:"knob",children:t?n:s}),e.jsxs("span",{className:"text",children:[e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(h=a==null?void 0:a.at(0))==null?void 0:h.icon}),t===!0&&e.jsx("span",{className:"hidden-txt",children:(v=a==null?void 0:a.at(0))==null?void 0:v.name})]}),e.jsxs("div",{className:"cont",children:[t!==!0&&e.jsx("span",{className:"hidden-txt",children:(N=a==null?void 0:a.at(1))==null?void 0:N.name}),e.jsx("i",{className:(w=a==null?void 0:a.at(1))==null?void 0:w.icon})]})]})]})});E.propTypes={value:I.PropTypes.any,handleClick:I.PropTypes.func,color:I.PropTypes.string};const te=o.forwardRef((c,j)=>{var w;const{yearsText:d,heightText:a,weightText:l,genderText:s="Gender",calculateText:n="Calculate",closeText:t="Close calculator",onClose:r=()=>{},genders:i=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],activityLevels:g=[{name:"Very low",code:"veryLow"},{name:"Moderate",code:"moderate"},{name:"Very active",code:"veryActive"}],activityLevelText:m,goalText:x,goals:p=[{name:"Lose weight",code:"loseWeight",icon:"mng-lnc-weight-scale"},{name:"Maintaining",code:"maintaining",icon:"mng-lnc-move"},{name:"Gain muscle",code:"gainMuscle",icon:"mng-lnc-muscule"}],onCalculate:h=()=>{}}=c,v=o.useRef({year:null,height:null,weight:null,gender:(w=i==null?void 0:i.at(0))==null?void 0:w.value,activityLevel:null,goal:null}),N=()=>{h==null||h(v==null?void 0:v.current)};return e.jsxs(K,{children:[e.jsxs(J,{className:"calorie-calculating",children:[e.jsx("div",{className:"grid-label",children:s}),e.jsx("div",{children:e.jsx(E,{items:i,onChange:u=>v.current.gender=u})}),e.jsx(ae,{text:d,onChange:u=>v.current.year=u}),e.jsx(ne,{text:a,onChange:u=>v.current.height=u}),e.jsx(re,{text:l,onChange:u=>v.current.weight=u}),e.jsx(ie,{text:m,activityLevels:g,onChange:u=>v.current.activityLevel=u}),e.jsx(le,{text:x,goals:p,onChange:u=>v.current.goal=u})]}),e.jsxs("div",{className:"btns-footer",children:[e.jsx(z,{type:"button",color:"neutral",size:"medium",onClick:()=>{N()},children:n}),e.jsx(z,{type:"button",btnType:"basic",color:"gray",size:"medium",onClick:()=>r==null?void 0:r(),children:t})]})]})}),ae=o.forwardRef((c,j)=>{const{text:d="Years",onChange:a=()=>{}}=c,[l,s]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:115,min:0,step:1,value:l,color:"success",defaultValue:0,onChange:n=>{var t,r;s((t=n==null?void 0:n.target)==null?void 0:t.value),a==null||a((r=n==null?void 0:n.target)==null?void 0:r.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:n=>{var t,r,i,g,m,x,p;!isNaN((t=n==null?void 0:n.target)==null?void 0:t.value)&&+((r=n==null?void 0:n.target)==null?void 0:r.value)>=0&&s(((g=(i=n==null?void 0:n.target)==null?void 0:i.value)==null?void 0:g.length)>1?(x=(m=n==null?void 0:n.target)==null?void 0:m.value)==null?void 0:x.replace(/^0+/,""):(p=n==null?void 0:n.target)==null?void 0:p.value)},value:l==null?void 0:l.toString()})]})]})}),ne=o.forwardRef((c,j)=>{const{text:d="Height",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:273,min:0,step:1,value:s,defaultValue:0,color:"success",onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{type:"text",tabIndex:2,className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),re=o.forwardRef((c,j)=>{const{text:d="Weight",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:400,min:0,step:1,value:s,color:"success",defaultValue:0,onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),ie=o.forwardRef((c,j)=>{const{text:d="Activity level",activityLevels:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:t==null?void 0:t.name},r))})]})}),le=o.forwardRef((c,j)=>{const{text:d="Goal",goals:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group group-activity",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:e.jsxs("div",{className:"btn-cnt",children:[e.jsx("i",{className:t==null?void 0:t.icon}),e.jsx("span",{children:t==null?void 0:t.name})]})},r))})]})}),se=o.forwardRef((c,j)=>{const{caloriesText:d="Calories",carbsText:a="Carbs",proteinText:l="Protein",fatsText:s="Fats",calculateAgainText:n="Calculate again",calories:t,carbs:r,protein:i,fats:g,onGoBack:m=()=>{}}=c;return e.jsxs(Q,{children:[e.jsxs(U,{children:[e.jsxs(S,{color:"var(--warning-600)",children:[e.jsx("i",{className:"mng-lnc-fire"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[t," kcal"]}),e.jsx("div",{className:"subtext",children:d})]})]}),e.jsxs(S,{color:"var(--secondary-400)",children:[e.jsx("i",{className:"mng-lnc-leaf"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[r,"g"]}),e.jsx("div",{className:"subtext",children:a})]})]}),e.jsxs(S,{color:"var(--info-500)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[i,"g"]}),e.jsx("div",{className:"subtext",children:l})]})]}),e.jsxs(S,{color:"var(--warning-300)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[g,"g"]}),e.jsx("div",{className:"subtext",children:s})]})]})]}),e.jsxs("div",{className:"dropdown-group",children:[e.jsx("div",{className:"vertical-line"}),e.jsx(X,{color:"neutral",control:e.jsx(Z,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:e.jsx(F,{icon:"star",onClick:m,children:n})})]})]})}),ce=o.forwardRef((c,j)=>{const{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,genders:p,activityLevels:h,activityLevelText:v,goalText:N,goals:w,title:u="Daily calorie calculator",subtitle:C="Lorem ipsum dolor sit amet",list:T=["Ovdje može pisati zašto je bitno da znamo kolika nam je dnevna kalorijska potreba.","Ovdje može pisati zašto je bitno da znamo kolikanam je dnevna kalorijska potreba.","From certified dealers from all over Europe"],buttonText:_="Calculate calorie needs"}=c,[R,k]=o.useState(1),[f,B]=o.useState(0),M=({gender:q,year:O,height:P,weight:W,activityLevel:$,goal:G})=>{const A=H.calculateCalories({gender:q,age:O,heightCm:P,weightKg:W,activityLevel:$,goal:G});B(A),k(3)};return e.jsxs(D,{ref:j,children:[e.jsxs(Y,{children:[e.jsx("div",{className:"header-title",children:u}),e.jsx("div",{className:"header-subtitle",children:C})]}),R===1&&e.jsx(V,{buttonText:_,onBannerClick:()=>{k(2)},list:T}),R===2&&e.jsx(te,{yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,onClose:()=>k(1),genders:p,activityLevels:h,activityLevelText:v,goalText:N,goals:w,onCalculate:M}),R===3&&e.jsx(se,{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,onGoBack:()=>k(2),calories:f==null?void 0:f.calories,fats:f==null?void 0:f.fat,carbs:f==null?void 0:f.carbs,protein:f==null?void 0:f.protein})]})}),oe=o.forwardRef((c,j)=>e.jsx(ce,{ref:j,...c}));module.exports=oe;
+`,E=o.forwardRef((c,v)=>{var g,m,x,p,h,f,N,w;const{onChange:d=()=>{},items:a=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],...l}=c,s=e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(g=a==null?void 0:a.at(0))==null?void 0:g.icon}),e.jsx("span",{children:(m=a==null?void 0:a.at(0))==null?void 0:m.name})]}),n=e.jsxs("div",{className:"cont",children:[e.jsx("span",{children:(x=a==null?void 0:a.at(1))==null?void 0:x.name}),e.jsx("i",{className:(p=a==null?void 0:a.at(1))==null?void 0:p.icon})]}),[t,r]=o.useState(!1),i=u=>{var C,T;r(u.target.checked),d&&d(u.target.checked===!0?(C=a==null?void 0:a.at(1))==null?void 0:C.value:(T=a==null?void 0:a.at(0))==null?void 0:T.value)};return e.jsxs(ee,{ref:v,checked:t,...l,children:[e.jsx("input",{type:"checkbox",checked:t,onChange:i}),e.jsx("span",{className:"knob",children:t?n:s}),e.jsxs("span",{className:"text",children:[e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(h=a==null?void 0:a.at(0))==null?void 0:h.icon}),t===!0&&e.jsx("span",{className:"hidden-txt",children:(f=a==null?void 0:a.at(0))==null?void 0:f.name})]}),e.jsxs("div",{className:"cont",children:[t!==!0&&e.jsx("span",{className:"hidden-txt",children:(N=a==null?void 0:a.at(1))==null?void 0:N.name}),e.jsx("i",{className:(w=a==null?void 0:a.at(1))==null?void 0:w.icon})]})]})]})});E.propTypes={value:I.PropTypes.any,handleClick:I.PropTypes.func,color:I.PropTypes.string};const te=o.forwardRef((c,v)=>{var w;const{yearsText:d,heightText:a,weightText:l,genderText:s="Gender",calculateText:n="Calculate",closeText:t="Close calculator",onClose:r=()=>{},genders:i=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],activityLevels:g=[{name:"Very low",code:"veryLow"},{name:"Moderate",code:"moderate"},{name:"Very active",code:"veryActive"}],activityLevelText:m,goalText:x,goals:p=[{name:"Lose weight",code:"loseWeight",icon:"mng-lnc-weight-scale"},{name:"Maintaining",code:"maintaining",icon:"mng-lnc-move"},{name:"Gain muscle",code:"gainMuscle",icon:"mng-lnc-muscule"}],onCalculate:h=()=>{}}=c,f=o.useRef({year:null,height:null,weight:null,gender:(w=i==null?void 0:i.at(0))==null?void 0:w.value,activityLevel:null,goal:null}),N=()=>{h==null||h(f==null?void 0:f.current)};return e.jsxs(K,{children:[e.jsxs(J,{className:"calorie-calculating",children:[e.jsx("div",{className:"grid-label",children:s}),e.jsx("div",{children:e.jsx(E,{items:i,onChange:u=>f.current.gender=u})}),e.jsx(ae,{text:d,onChange:u=>f.current.year=u}),e.jsx(ne,{text:a,onChange:u=>f.current.height=u}),e.jsx(re,{text:l,onChange:u=>f.current.weight=u}),e.jsx(ie,{text:m,activityLevels:g,onChange:u=>f.current.activityLevel=u}),e.jsx(le,{text:x,goals:p,onChange:u=>f.current.goal=u})]}),e.jsxs("div",{className:"btns-footer",children:[e.jsx(z,{type:"button",color:"neutral",size:"medium",onClick:()=>{N()},children:n}),e.jsx(z,{type:"button",btnType:"basic",color:"gray",size:"medium",onClick:()=>r==null?void 0:r(),children:t})]})]})}),ae=o.forwardRef((c,v)=>{const{text:d="Years",onChange:a=()=>{}}=c,[l,s]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:115,min:0,step:1,value:l,color:"success",defaultValue:0,onChange:n=>{var t,r;s((t=n==null?void 0:n.target)==null?void 0:t.value),a==null||a((r=n==null?void 0:n.target)==null?void 0:r.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:n=>{var t,r,i,g,m,x,p;!isNaN((t=n==null?void 0:n.target)==null?void 0:t.value)&&+((r=n==null?void 0:n.target)==null?void 0:r.value)>=0&&s(((g=(i=n==null?void 0:n.target)==null?void 0:i.value)==null?void 0:g.length)>1?(x=(m=n==null?void 0:n.target)==null?void 0:m.value)==null?void 0:x.replace(/^0+/,""):(p=n==null?void 0:n.target)==null?void 0:p.value)},value:l==null?void 0:l.toString()})]})]})}),ne=o.forwardRef((c,v)=>{const{text:d="Height",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:273,min:0,step:1,value:s,defaultValue:0,color:"success",onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{type:"text",tabIndex:2,className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),re=o.forwardRef((c,v)=>{const{text:d="Weight",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:400,min:0,step:1,value:s,color:"success",defaultValue:0,onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),ie=o.forwardRef((c,v)=>{const{text:d="Activity level",activityLevels:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:t==null?void 0:t.name},r))})]})}),le=o.forwardRef((c,v)=>{const{text:d="Goal",goals:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group group-activity",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:e.jsxs("div",{className:"btn-cnt",children:[e.jsx("i",{className:t==null?void 0:t.icon}),e.jsx("span",{children:t==null?void 0:t.name})]})},r))})]})}),se=o.forwardRef((c,v)=>{const{caloriesText:d="Calories",carbsText:a="Carbs",proteinText:l="Protein",fatsText:s="Fats",calculateAgainText:n="Calculate again",calories:t,carbs:r,protein:i,fats:g,onGoBack:m=()=>{}}=c;return e.jsxs(Q,{children:[e.jsxs(U,{children:[e.jsxs(k,{color:"var(--warning-600)",children:[e.jsx("i",{className:"mng-lnc-fire"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[t," kcal"]}),e.jsx("div",{className:"subtext",children:d})]})]}),e.jsxs(k,{color:"var(--secondary-400)",children:[e.jsx("i",{className:"mng-lnc-leaf"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[r,"g"]}),e.jsx("div",{className:"subtext",children:a})]})]}),e.jsxs(k,{color:"var(--info-500)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[i,"g"]}),e.jsx("div",{className:"subtext",children:l})]})]}),e.jsxs(k,{color:"var(--warning-300)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[g,"g"]}),e.jsx("div",{className:"subtext",children:s})]})]})]}),e.jsxs("div",{className:"dropdown-group",children:[e.jsx("div",{className:"vertical-line"}),e.jsx(X,{color:"neutral",control:e.jsx(Z,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:e.jsx(F,{icon:"star",onClick:m,children:n})})]})]})}),ce=o.forwardRef((c,v)=>{const{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,genders:p,activityLevels:h,activityLevelText:f,goalText:N,goals:w,title:u="Daily calorie calculator",subtitle:C="Lorem ipsum dolor sit amet",list:T=["Ovdje može pisati zašto je bitno da znamo kolika nam je dnevna kalorijska potreba.","Ovdje može pisati zašto je bitno da znamo kolikanam je dnevna kalorijska potreba.","From certified dealers from all over Europe"],buttonText:_="Calculate calorie needs"}=c,[R,S]=o.useState(1),[j,B]=o.useState(0),M=({gender:q,year:O,height:P,weight:W,activityLevel:$,goal:A})=>{const G=H.calculateCalories({gender:q,age:O,heightCm:P,weightKg:W,activityLevel:$,goal:A});B(G),S(3)};return e.jsxs(D,{ref:v,children:[e.jsxs(Y,{children:[e.jsx("div",{className:"header-title",children:u}),e.jsx("div",{className:"header-subtitle",children:C})]}),R===1&&e.jsx(V,{buttonText:_,onButtonAction:()=>{S(2)},list:T}),R===2&&e.jsx(te,{yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,onClose:()=>S(1),genders:p,activityLevels:h,activityLevelText:f,goalText:N,goals:w,onCalculate:M}),R===3&&e.jsx(se,{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,onGoBack:()=>S(2),calories:j==null?void 0:j.calories,fats:j==null?void 0:j.fat,carbs:j==null?void 0:j.carbs,protein:j==null?void 0:j.protein})]})}),oe=o.forwardRef((c,v)=>e.jsx(ce,{ref:v,...c}));module.exports=oe;