@lanaco/lnc-react-ui 4.0.26 → 4.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index2.cjs CHANGED
@@ -1,25 +1,48 @@
1
- "use strict";const i=require("react/jsx-runtime"),y=require("react"),S=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./consts-dNz9tpt4.cjs"),f=require("./Button.cjs"),a=require("./utils-CE6bljYe.cjs"),C=require("./useDetectMobile-rBe0FiP2.cjs"),h=require("./style-C3OB0uad.cjs"),d=require("./index-LdP7U1Yl.cjs"),j=S.newStyled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),p=require("react"),j=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./consts-dNz9tpt4.cjs"),f=require("./useDetectMobile-rBe0FiP2.cjs"),m=require("./index-C2M7QHPq.cjs"),k=j.newStyled.div`
2
2
  display: grid;
3
- grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
4
- gap: 1.25rem;
3
+ grid-template-columns: repeat(2, 1fr);
4
+ gap: 0;
5
+
6
+ & .text-item {
7
+ max-height: ${e=>e.height};
8
+ min-height: ${e=>e.height};
9
+ max-width: 27rem;
10
+ margin: auto;
11
+ }
12
+
13
+ & img {
14
+ object-fit: cover;
15
+ width: 100%;
16
+ max-height: ${e=>e.height};
17
+ min-height: ${e=>e.height};
18
+ }
19
+
20
+ & .img-1 {
21
+ border-radius: 0.75rem 0.75rem 0.75rem 0;
22
+ }
23
+
24
+ & .img-2 {
25
+ border-radius: 0.75rem 0rem 0.75rem 0.75rem;
26
+ }
5
27
 
6
28
  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
7
- display: flex;
8
- gap: 1rem;
9
- overflow-x: auto;
29
+ grid-template-columns: repeat(1, 1fr);
30
+ gap: 1.5rem;
10
31
 
11
- -webkit-overflow-scrolling: touch;
12
- ::-webkit-scrollbar {
13
- -webkit-appearance: none;
32
+ & .img-item {
33
+ width: 100%;
34
+ min-height: 11.25rem;
35
+ max-height: 11.25rem;
14
36
  }
15
- -ms-overflow-style: none;
16
- /* Internet Explorer 10+ */
17
- scrollbar-width: none;
18
- /* Firefox */
19
-
20
- &::-webkit-scrollbar {
21
- display: none;
22
- /* Safari and Chrome */
37
+
38
+ & .img1,
39
+ .img2 {
40
+ border-radius: 0.75rem;
41
+ }
42
+
43
+ & .text-item {
44
+ min-height: unset;
45
+ max-height: unset;
23
46
  }
24
47
  }
25
- `,q=y.forwardRef((t,u)=>{const{icon:n,title:p,buttonLink:s,items:r,buttonText:m,limit:l=4,onSelectCard:c=()=>{},onButtonAction:g=()=>{}}=t,b=C.useDetectMobile();return i.jsxs(h.RegulatTitleSectionWrapper,{ref:u,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[a.isDefinedNotEmptyString(n)&&i.jsx("i",{className:n}),i.jsx("span",{children:p})]}),a.isDefinedNotEmptyString(s)&&i.jsx(f,{type:"button",btnType:"tinted",color:"gray",onClick:()=>g(s),borderRadius:"curved",children:m})]}),i.jsx(j,{limit:l,children:b===!0?r==null?void 0:r.map((e,o)=>i.jsx(d.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c(e==null?void 0:e.uuid)},o)):r==null?void 0:r.slice(0,l).map((e,o)=>i.jsx(d.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>c(e==null?void 0:e.uuid)},o))})]})});module.exports=q;
48
+ `,q=p.forwardRef((e,T)=>{const{image1:s,image2:i,title1:n,title2:o,text1:g,text2:a,subtitle1:c,subtitle2:u,buttonText1:h,buttonText2:x,buttonLink1:l,buttonLink2:d,rowHeight:b="12.65625rem"}=e,r=f.useDetectMobile();return t.jsxs(k,{height:b,children:[t.jsx(m.TextBlockV1,{className:"text-item",title:n,subtitle:c,description:g,buttonText:h,buttonLink:l}),t.jsx("img",{className:"img-item img-1",src:s}),r!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(m.TextBlockV1,{className:"text-item",title:o,subtitle:u,description:a,buttonText:x,buttonLink:d}),r===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=q;
package/dist/index2.js CHANGED
@@ -1,99 +1,100 @@
1
- import { jsxs as n, jsx as i } from "react/jsx-runtime";
2
- import { forwardRef as y } from "react";
3
- import { n as S } from "./emotion-styled.browser.esm-BiK8DcgW.js";
4
- import { M as w } from "./consts-DNVz1x1I.js";
5
- import h from "./Button.js";
6
- import { k as s } from "./utils-DtEdJZWa.js";
7
- import { u as C } from "./useDetectMobile-BookNOsk.js";
8
- import { R as k } from "./style-Ch-xOasu.js";
9
- import { D as m } from "./index-jVpIwR2G.js";
10
- const v = S.div`
1
+ import { jsxs as b, jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as f } from "react";
3
+ import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
4
+ import { M as T } from "./consts-DNVz1x1I.js";
5
+ import { u as k } from "./useDetectMobile-BookNOsk.js";
6
+ import { T as r } from "./index-DcYg32le.js";
7
+ const L = w.div`
11
8
  display: grid;
12
- grid-template-columns: ${(o) => `repeat(${o.limit}, minmax(0, 1fr))`};
13
- gap: 1.25rem;
9
+ grid-template-columns: repeat(2, 1fr);
10
+ gap: 0;
14
11
 
15
- @media (max-width: ${w + "px"}) {
16
- display: flex;
17
- gap: 1rem;
18
- overflow-x: auto;
12
+ & .text-item {
13
+ max-height: ${(t) => t.height};
14
+ min-height: ${(t) => t.height};
15
+ max-width: 27rem;
16
+ margin: auto;
17
+ }
18
+
19
+ & img {
20
+ object-fit: cover;
21
+ width: 100%;
22
+ max-height: ${(t) => t.height};
23
+ min-height: ${(t) => t.height};
24
+ }
19
25
 
20
- -webkit-overflow-scrolling: touch;
21
- ::-webkit-scrollbar {
22
- -webkit-appearance: none;
26
+ & .img-1 {
27
+ border-radius: 0.75rem 0.75rem 0.75rem 0;
28
+ }
29
+
30
+ & .img-2 {
31
+ border-radius: 0.75rem 0rem 0.75rem 0.75rem;
32
+ }
33
+
34
+ @media (max-width: ${T + "px"}) {
35
+ grid-template-columns: repeat(1, 1fr);
36
+ gap: 1.5rem;
37
+
38
+ & .img-item {
39
+ width: 100%;
40
+ min-height: 11.25rem;
41
+ max-height: 11.25rem;
23
42
  }
24
- -ms-overflow-style: none;
25
- /* Internet Explorer 10+ */
26
- scrollbar-width: none;
27
- /* Firefox */
28
43
 
29
- &::-webkit-scrollbar {
30
- display: none;
31
- /* Safari and Chrome */
44
+ & .img1,
45
+ .img2 {
46
+ border-radius: 0.75rem;
47
+ }
48
+
49
+ & .text-item {
50
+ min-height: unset;
51
+ max-height: unset;
32
52
  }
33
53
  }
34
- `, T = y((o, p) => {
54
+ `, y = f((t, N) => {
35
55
  const {
36
- icon: l,
37
- title: u,
38
- buttonLink: a,
39
- items: r,
40
- buttonText: f,
41
- limit: d = 4,
42
- onSelectCard: c = () => {
43
- },
44
- onButtonAction: g = () => {
45
- }
46
- } = o, b = C();
47
- return /* @__PURE__ */ n(k, { ref: p, children: [
48
- /* @__PURE__ */ n("div", { className: "regular-title", children: [
49
- /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
50
- s(l) && /* @__PURE__ */ i("i", { className: l }),
51
- /* @__PURE__ */ i("span", { children: u })
52
- ] }),
53
- s(a) && /* @__PURE__ */ i(
54
- h,
55
- {
56
- type: "button",
57
- btnType: "tinted",
58
- color: "gray",
59
- onClick: () => g(a),
60
- borderRadius: "curved",
61
- children: f
62
- }
63
- )
64
- ] }),
65
- /* @__PURE__ */ i(v, { limit: d, children: b === !0 ? r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ i(
66
- m,
56
+ image1: o,
57
+ image2: i,
58
+ title1: s,
59
+ title2: a,
60
+ text1: g,
61
+ text2: n,
62
+ subtitle1: h,
63
+ subtitle2: u,
64
+ buttonText1: d,
65
+ buttonText2: l,
66
+ buttonLink1: c,
67
+ buttonLink2: x,
68
+ rowHeight: p = "12.65625rem"
69
+ } = t, m = k();
70
+ return /* @__PURE__ */ b(L, { height: p, children: [
71
+ /* @__PURE__ */ e(
72
+ r,
67
73
  {
68
- title: e == null ? void 0 : e.title,
69
- price: e == null ? void 0 : e.price,
70
- currency: e == null ? void 0 : e.currency,
71
- image: e == null ? void 0 : e.image,
72
- sellerUuid: e == null ? void 0 : e.sellerUuid,
73
- uuid: e == null ? void 0 : e.uuid,
74
- isSponsored: e == null ? void 0 : e.isSponsored,
75
- imageComponent: e == null ? void 0 : e.imageComponent,
76
- onSelectCard: () => c(e == null ? void 0 : e.uuid)
77
- },
78
- t
79
- )) : r == null ? void 0 : r.slice(0, d).map((e, t) => /* @__PURE__ */ i(
80
- m,
74
+ className: "text-item",
75
+ title: s,
76
+ subtitle: h,
77
+ description: g,
78
+ buttonText: d,
79
+ buttonLink: c
80
+ }
81
+ ),
82
+ /* @__PURE__ */ e("img", { className: "img-item img-1", src: o }),
83
+ m !== !0 && /* @__PURE__ */ e("img", { className: "img-item img-2", src: i }),
84
+ /* @__PURE__ */ e(
85
+ r,
81
86
  {
82
- title: e == null ? void 0 : e.title,
83
- price: e == null ? void 0 : e.price,
84
- currency: e == null ? void 0 : e.currency,
85
- image: e == null ? void 0 : e.image,
86
- sellerUuid: e == null ? void 0 : e.sellerUuid,
87
- uuid: e == null ? void 0 : e.uuid,
88
- location: e == null ? void 0 : e.location,
89
- isSponsored: e == null ? void 0 : e.isSponsored,
90
- imageComponent: e == null ? void 0 : e.imageComponent,
91
- onSelectCard: () => c(e == null ? void 0 : e.uuid)
92
- },
93
- t
94
- )) })
87
+ className: "text-item",
88
+ title: a,
89
+ subtitle: u,
90
+ description: n,
91
+ buttonText: l,
92
+ buttonLink: x
93
+ }
94
+ ),
95
+ m === !0 && /* @__PURE__ */ e("img", { className: "img-item img-2", src: i })
95
96
  ] });
96
97
  });
97
98
  export {
98
- T as default
99
+ y as default
99
100
  };
package/dist/index3.cjs CHANGED
@@ -1,31 +1,81 @@
1
- "use strict";const r=require("react/jsx-runtime"),w=require("react"),h=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),q=require("./consts-dNz9tpt4.cjs"),y=require("./useDetectMobile-rBe0FiP2.cjs"),s=require("./index-BlV3tdJ8.cjs"),S=require("./index-C2M7QHPq.cjs"),j=h.newStyled.div`
2
- display: grid;
3
- grid-template-columns: repeat(6, 1fr);
4
- gap: 1.25rem;
5
-
6
- & .text-block-v1 {
7
- grid-column: 1 / 4;
8
- max-width: 27rem;
9
- margin: auto;
1
+ "use strict";const t=require("react/jsx-runtime"),w=require("react"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./consts-dNz9tpt4.cjs"),$=require("./Button.cjs"),y=require("./useDetectMobile-rBe0FiP2.cjs"),j=i.newStyled.div`
2
+ display: flex;
3
+ border-radius: 0.75rem;
4
+ background-color: ${e=>e.bgcolor||"transparent"};
5
+ overflow: hidden;
6
+ max-height: ${e=>e.height||"22.5rem"};
7
+ min-height: ${e=>e.height||"22.5rem"};
8
+ background-color: ${e=>e.bgcolor||"transparent"};
9
+
10
+ & button {
11
+ width: fit-content;
12
+ }
13
+
14
+ ${e=>e.hasBorder===!0&&`border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
15
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
16
+
17
+ `}
18
+
19
+ & img {
20
+ object-fit: cover;
21
+ max-width: ${e=>e.imgW||"22.5rem"};
22
+ min-width: ${e=>e.imgW||"22.5rem"};
23
+ max-height: ${e=>e.height||"22.5rem"};
24
+ min-height: ${e=>e.height||"22.5rem"};
10
25
  }
11
26
 
12
- @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
13
- grid-template-columns: repeat(2, 1fr);
27
+ ${e=>e.hasBorder===!0&&`border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
28
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
29
+
30
+ `}
14
31
 
15
- & .text-block-v1 {
16
- grid-column: 1 / 3;
17
- max-width: unset;
18
- margin: unset;
32
+ @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
33
+ gap: 1.5rem;
34
+ flex-direction: column;
35
+ min-height: unset;
36
+ max-height: unset;
37
+
38
+ & button {
39
+ width: fit-content;
19
40
  }
20
41
 
21
- & .simple-product-card {
22
- max-width: unset;
23
- min-width: unset;
24
- width: unset;
42
+ & img {
43
+ max-width: 100%;
44
+ min-width: 100%;
45
+ max-height: ${e=>e.imgHMob||"12.1rem"};
46
+ min-height: ${e=>e.imgHMob||"12.1rem"};
25
47
  }
48
+ }
49
+ `,M=i.newStyled.div`
50
+ padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
51
+ display: flex;
52
+ gap: 2rem;
53
+ flex-direction: ${e=>e.isHorizontalContent===!0?"row":"column"};
54
+ flex: 1;
26
55
 
27
- & .img-wrapper {
56
+ ${e=>e.isHorizontalContent===!0&&"justify-content: space-between;"}
28
57
 
29
- }
58
+ @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
59
+ padding: 0;
60
+ flex-direction: column;
61
+ }
62
+ `,v=i.newStyled.div`
63
+ display: flex;
64
+ flex-direction: column;
65
+ gap: 0.25rem;
66
+
67
+ & .header-title {
68
+ font-size: 1.75rem;
69
+ font-weight: 600;
70
+ }
71
+
72
+ & .header-subtitle {
73
+ color: var(--gray-950, #14161a);
74
+ font-size: 1rem;
75
+ font-weight: 500;
76
+ }
77
+
78
+ @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
79
+ flex-direction: column;
30
80
  }
31
- `,k=w.forwardRef((n,o)=>{var c;const{title:d,subtitle:l,description:m,buttonText:a,buttonLink:p,items:t,onButtonAction:g=()=>{},onSelectCard:i=()=>{}}=n,b=y.useDetectMobile();return r.jsxs(j,{ref:o,limit:6,children:[r.jsx(S.TextBlockV1,{subtitle:l,title:d,description:m,buttonText:a,buttonLink:p,onButtonAction:g,className:"text-block-v1"}),b===!0?(c=t==null?void 0:t.slice(0,4))==null?void 0:c.map((e,u)=>r.jsx(s.SimpleProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},u)):t==null?void 0:t.map((e,u)=>r.jsx(s.SimpleProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},u))]})});module.exports=k;
81
+ `,B=w.forwardRef((e,S)=>{const{title:d,subtitle:l,buttonText:m,image:o,imagePosition:n="right",noImageForMobile:a=!1,height:h,imageWidth:c,imageHeightMob:g,smallPadding:x=!1,isHorizontalContent:u=!1,backgroundColor:p,hasBorder:b=!1,onBannerClick:f}=e,s=y.useDetectMobile();return t.jsxs(j,{bgcolor:p,height:h,imgW:c,imgHMob:g,hasBorder:b,children:[n!=="right"&&!(a===!0&&s===!0)&&t.jsx("img",{src:o}),t.jsxs(M,{isHorizontalContent:u,smallPadding:x,children:[t.jsxs(v,{children:[t.jsx("div",{className:"header-title",children:d}),t.jsx("div",{className:"header-subitle",children:l})]}),t.jsx($,{size:"medium",color:"neutral",type:"button",onClick:f,children:m})]}),n==="right"&&!(a===!0&&s===!0)&&t.jsx("img",{src:o})]})});module.exports=B;
package/dist/index3.js CHANGED
@@ -1,93 +1,143 @@
1
- import { jsxs as w, jsx as u } from "react/jsx-runtime";
2
- import { forwardRef as b } from "react";
3
- import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
4
- import { M as y } from "./consts-DNVz1x1I.js";
5
- import { u as k } from "./useDetectMobile-BookNOsk.js";
6
- import { S as m } from "./index-DGl-lSfF.js";
7
- import { T as S } from "./index-DcYg32le.js";
8
- const v = h.div`
9
- display: grid;
10
- grid-template-columns: repeat(6, 1fr);
11
- gap: 1.25rem;
1
+ import { jsxs as t, jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as $ } from "react";
3
+ import { n as r } from "./emotion-styled.browser.esm-BiK8DcgW.js";
4
+ import { M as o } from "./consts-DNVz1x1I.js";
5
+ import v from "./Button.js";
6
+ import { u as y } from "./useDetectMobile-BookNOsk.js";
7
+ const M = r.div`
8
+ display: flex;
9
+ border-radius: 0.75rem;
10
+ background-color: ${(e) => e.bgcolor || "transparent"};
11
+ overflow: hidden;
12
+ max-height: ${(e) => e.height || "22.5rem"};
13
+ min-height: ${(e) => e.height || "22.5rem"};
14
+ background-color: ${(e) => e.bgcolor || "transparent"};
12
15
 
13
- & .text-block-v1 {
14
- grid-column: 1 / 4;
15
- max-width: 27rem;
16
- margin: auto;
16
+ & button {
17
+ width: fit-content;
17
18
  }
18
19
 
19
- @media (max-width: ${y + "px"}) {
20
- grid-template-columns: repeat(2, 1fr);
20
+ ${(e) => e.hasBorder === !0 && `border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
21
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
21
22
 
22
- & .text-block-v1 {
23
- grid-column: 1 / 3;
24
- max-width: unset;
25
- margin: unset;
23
+ `}
24
+
25
+ & img {
26
+ object-fit: cover;
27
+ max-width: ${(e) => e.imgW || "22.5rem"};
28
+ min-width: ${(e) => e.imgW || "22.5rem"};
29
+ max-height: ${(e) => e.height || "22.5rem"};
30
+ min-height: ${(e) => e.height || "22.5rem"};
31
+ }
32
+
33
+ ${(e) => e.hasBorder === !0 && `border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
34
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
35
+
36
+ `}
37
+
38
+ @media (max-width: ${o + "px"}) {
39
+ gap: 1.5rem;
40
+ flex-direction: column;
41
+ min-height: unset;
42
+ max-height: unset;
43
+
44
+ & button {
45
+ width: fit-content;
26
46
  }
27
47
 
28
- & .simple-product-card {
29
- max-width: unset;
30
- min-width: unset;
31
- width: unset;
48
+ & img {
49
+ max-width: 100%;
50
+ min-width: 100%;
51
+ max-height: ${(e) => e.imgHMob || "12.1rem"};
52
+ min-height: ${(e) => e.imgHMob || "12.1rem"};
32
53
  }
54
+ }
55
+ `, C = r.div`
56
+ padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
57
+ display: flex;
58
+ gap: 2rem;
59
+ flex-direction: ${(e) => e.isHorizontalContent === !0 ? "row" : "column"};
60
+ flex: 1;
33
61
 
34
- & .img-wrapper {
62
+ ${(e) => e.isHorizontalContent === !0 && "justify-content: space-between;"}
35
63
 
36
- }
64
+ @media (max-width: ${o + "px"}) {
65
+ padding: 0;
66
+ flex-direction: column;
67
+ }
68
+ `, H = r.div`
69
+ display: flex;
70
+ flex-direction: column;
71
+ gap: 0.25rem;
72
+
73
+ & .header-title {
74
+ font-size: 1.75rem;
75
+ font-weight: 600;
76
+ }
77
+
78
+ & .header-subtitle {
79
+ color: var(--gray-950, #14161a);
80
+ font-size: 1rem;
81
+ font-weight: 500;
82
+ }
83
+
84
+ @media (max-width: ${o + "px"}) {
85
+ flex-direction: column;
37
86
  }
38
- `, I = b((l, c) => {
39
- var o;
87
+ `, I = $((e, B) => {
40
88
  const {
41
- title: d,
42
- subtitle: a,
43
- description: n,
44
- buttonText: s,
45
- buttonLink: p,
46
- items: e,
47
- onButtonAction: g = () => {
48
- },
49
- onSelectCard: i = () => {
89
+ title: l,
90
+ subtitle: h,
91
+ buttonText: g,
92
+ image: a,
93
+ imagePosition: n = "right",
94
+ noImageForMobile: m = !1,
95
+ height: s,
96
+ imageWidth: c,
97
+ imageHeightMob: x,
98
+ smallPadding: p = !1,
99
+ isHorizontalContent: u = !1,
100
+ backgroundColor: b,
101
+ hasBorder: f = !1,
102
+ onBannerClick: w
103
+ } = e, d = y();
104
+ return /* @__PURE__ */ t(
105
+ M,
106
+ {
107
+ bgcolor: b,
108
+ height: s,
109
+ imgW: c,
110
+ imgHMob: x,
111
+ hasBorder: f,
112
+ children: [
113
+ n !== "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: a }),
114
+ /* @__PURE__ */ t(
115
+ C,
116
+ {
117
+ isHorizontalContent: u,
118
+ smallPadding: p,
119
+ children: [
120
+ /* @__PURE__ */ t(H, { children: [
121
+ /* @__PURE__ */ i("div", { className: "header-title", children: l }),
122
+ /* @__PURE__ */ i("div", { className: "header-subitle", children: h })
123
+ ] }),
124
+ /* @__PURE__ */ i(
125
+ v,
126
+ {
127
+ size: "medium",
128
+ color: "neutral",
129
+ type: "button",
130
+ onClick: w,
131
+ children: g
132
+ }
133
+ )
134
+ ]
135
+ }
136
+ ),
137
+ n === "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: a })
138
+ ]
50
139
  }
51
- } = l, f = k();
52
- return /* @__PURE__ */ w(v, { ref: c, limit: 6, children: [
53
- /* @__PURE__ */ u(
54
- S,
55
- {
56
- subtitle: a,
57
- title: d,
58
- description: n,
59
- buttonText: s,
60
- buttonLink: p,
61
- onButtonAction: g,
62
- className: "text-block-v1"
63
- }
64
- ),
65
- f === !0 ? (o = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : o.map((t, r) => /* @__PURE__ */ u(
66
- m,
67
- {
68
- title: t == null ? void 0 : t.title,
69
- price: t == null ? void 0 : t.price,
70
- currency: t == null ? void 0 : t.currency,
71
- image: t == null ? void 0 : t.image,
72
- sellerUuid: t == null ? void 0 : t.sellerUuid,
73
- uuid: t == null ? void 0 : t.uuid,
74
- onSelectCard: () => i == null ? void 0 : i(t == null ? void 0 : t.uuid)
75
- },
76
- r
77
- )) : e == null ? void 0 : e.map((t, r) => /* @__PURE__ */ u(
78
- m,
79
- {
80
- title: t == null ? void 0 : t.title,
81
- price: t == null ? void 0 : t.price,
82
- currency: t == null ? void 0 : t.currency,
83
- image: t == null ? void 0 : t.image,
84
- sellerUuid: t == null ? void 0 : t.sellerUuid,
85
- uuid: t == null ? void 0 : t.uuid,
86
- onSelectCard: () => i == null ? void 0 : i(t == null ? void 0 : t.uuid)
87
- },
88
- r
89
- ))
90
- ] });
140
+ );
91
141
  });
92
142
  export {
93
143
  I as default