@bikdotai/bik-component-library 0.0.678-beta.rn-2 → 0.0.678-beta.rn-4
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/cjs/components/template-preview/WhatsApp/ChatUI.style.js +8 -8
- package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js +4 -4
- package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +1 -1
- package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js +4 -4
- package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreview.js +1 -1
- package/dist/esm/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js +3 -3
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
|
|
2
2
|
background: ${r.COLORS.surface.standard};
|
|
3
3
|
border-top-left-radius: ${e=>e.isCarouselCard?"12px":"0px"};
|
|
4
4
|
border-top-right-radius: 12px;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
border: 2px solid
|
|
10
10
|
${e=>e.hasError?`${r.COLORS.content.negative}`:e.showBorder?`${r.COLORS.stroke.brand}`:`${r.COLORS.stroke.primary}`};
|
|
11
11
|
border: ${e=>e.showDashedBorder&&`2px dashed ${r.COLORS.content.brand}`};
|
|
12
|
-
height: 100
|
|
12
|
+
height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
:hover {
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
${r.COLORS.stroke.brand};
|
|
19
19
|
box-shadow: ${e=>!e.isPreview&&"4px 4px 12px rgba(0, 0, 0, 0.25)"};
|
|
20
20
|
}
|
|
21
|
-
`,
|
|
21
|
+
`,d=i.default(t.Caption)`
|
|
22
22
|
color: ${r.COLORS.content.secondary};
|
|
23
23
|
max-width: 80px;
|
|
24
24
|
text-overflow: ellipsis;
|
|
25
25
|
white-space: nowrap;
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
text-wrap: wrap;
|
|
28
|
-
`,s=i.default(
|
|
28
|
+
`,s=i.default(d)`
|
|
29
29
|
max-width: 200px;
|
|
30
|
-
`,
|
|
30
|
+
`,p=i.default.div`
|
|
31
31
|
border-radius: 8px;
|
|
32
32
|
display: flex;
|
|
33
33
|
flex-direction: column;
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
min-height: 152px;
|
|
37
37
|
margin-bottom: 4px;
|
|
38
38
|
margin: 0px 8px;
|
|
39
|
-
`,
|
|
39
|
+
`,n=i.default.div`
|
|
40
40
|
padding: 12px;
|
|
41
41
|
display: flex;
|
|
42
42
|
flex-direction: row;
|
|
43
43
|
justify-content: center;
|
|
44
44
|
align-items: center;
|
|
45
45
|
border-top: 1px solid ${r.COLORS.stroke.primary};
|
|
46
|
-
`,
|
|
46
|
+
`,l=i.default.div`
|
|
47
47
|
display: flex;
|
|
48
48
|
flex-direction: row;
|
|
49
49
|
justify-content: space-between;
|
|
@@ -66,4 +66,4 @@
|
|
|
66
66
|
position: absolute;
|
|
67
67
|
top: 16px;
|
|
68
68
|
right: 16px;
|
|
69
|
-
`,exports.ChatBtnContainer=
|
|
69
|
+
`,exports.ChatBtnContainer=n,exports.Container=a,exports.FooterText=s,exports.FooterWrapper=l,exports.MediaContainer=p,exports.TimeStamp=d;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),i=require("./ChatHeader.js"),o=require("./ChatUI.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(r);const p=n.default.div`
|
|
2
2
|
background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
|
|
3
3
|
border: ${e=>e.showHeader?0:1}px solid
|
|
4
|
-
${
|
|
4
|
+
${s.COLORS.stroke.primary};
|
|
5
5
|
border-radius: 4px;
|
|
6
6
|
background-repeat: no-repeat;
|
|
7
7
|
background-position: center;
|
|
8
8
|
background-size: cover;
|
|
9
9
|
position: relative;
|
|
10
10
|
`,l=n.default(t.TitleRegular)`
|
|
11
|
-
color: ${
|
|
12
|
-
`;exports.WhatsappLikePreview=r=>3===
|
|
11
|
+
color: ${s.COLORS.content.primary};
|
|
12
|
+
`;exports.WhatsappLikePreview=r=>3===a.getPreviewPropLen(r)?e.jsx(e.Fragment,{children:r.zeroStateComponent}):e.jsx(e.Fragment,{children:e.jsxs(p,Object.assign({style:r.containerStyle,showHeader:r.showHeader},{children:[r.showHeader&&e.jsx(i.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!r.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(l,{children:"Preview"})})),e.jsx(o.default,Object.assign({showHeader:r.showHeader},r))]}))]}))});
|
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
|
|
9
9
|
`,c=u.default(a.TitleRegular)`
|
|
10
10
|
color: ${i.COLORS.content.primary};
|
|
11
|
-
`;exports.WhatsappLikePreviewV2=t=>{const{hideDeviceContainerInPreview:s}=r.useTemplateModalContext();return 3===o.getPreviewPropLen(t)?e.jsx(e.Fragment,{children:t.zeroStateComponent}):s?e.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t)):e.jsx(e.Fragment,{children:e.jsxs(d,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsx(n.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":`16px ${t.isWhatsappCarousel?"0px":"56px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`,height:
|
|
11
|
+
`;exports.WhatsappLikePreviewV2=t=>{const{hideDeviceContainerInPreview:s}=r.useTemplateModalContext();return 3===o.getPreviewPropLen(t)?e.jsx(e.Fragment,{children:t.zeroStateComponent}):s?e.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t)):e.jsx(e.Fragment,{children:e.jsxs(d,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsx(n.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":`16px ${t.isWhatsappCarousel?"0px":"56px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"}},{children:[!t.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(c,{children:"Preview"})})),e.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t))]}))]}))})};
|
|
@@ -9,7 +9,7 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
|
|
|
9
9
|
border: 2px solid
|
|
10
10
|
${e=>e.hasError?`${o.content.negative}`:e.showBorder?`${o.stroke.brand}`:`${o.stroke.primary}`};
|
|
11
11
|
border: ${e=>e.showDashedBorder&&`2px dashed ${o.content.brand}`};
|
|
12
|
-
height: 100
|
|
12
|
+
height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
:hover {
|
|
@@ -36,14 +36,14 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
|
|
|
36
36
|
min-height: 152px;
|
|
37
37
|
margin-bottom: 4px;
|
|
38
38
|
margin: 0px 8px;
|
|
39
|
-
`,
|
|
39
|
+
`,a=e.div`
|
|
40
40
|
padding: 12px;
|
|
41
41
|
display: flex;
|
|
42
42
|
flex-direction: row;
|
|
43
43
|
justify-content: center;
|
|
44
44
|
align-items: center;
|
|
45
45
|
border-top: 1px solid ${o.stroke.primary};
|
|
46
|
-
`,
|
|
46
|
+
`,p=e.div`
|
|
47
47
|
display: flex;
|
|
48
48
|
flex-direction: row;
|
|
49
49
|
justify-content: space-between;
|
|
@@ -66,4 +66,4 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
|
|
|
66
66
|
position: absolute;
|
|
67
67
|
top: 16px;
|
|
68
68
|
right: 16px;
|
|
69
|
-
`;export{
|
|
69
|
+
`;export{a as ChatBtnContainer,t as Container,d as FooterText,p as FooterWrapper,s as MediaContainer,i as TimeStamp};
|
|
@@ -9,4 +9,4 @@ import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import t from"st
|
|
|
9
9
|
position: relative;
|
|
10
10
|
`,m=t(i)`
|
|
11
11
|
color: ${a.content.primary};
|
|
12
|
-
`,c=t=>{const i=s(t);return e(r,3===i?{children:t.zeroStateComponent}:{children:o(p,Object.assign({style:t.containerStyle,showHeader:t.showHeader},{children:[t.showHeader&&e(n,{}),o("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":"16px 56px 12px 16px"
|
|
12
|
+
`,c=t=>{const i=s(t);return e(r,3===i?{children:t.zeroStateComponent}:{children:o(p,Object.assign({style:t.containerStyle,showHeader:t.showHeader},{children:[t.showHeader&&e(n,{}),o("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!t.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(m,{children:"Preview"})})),e(d,Object.assign({showHeader:t.showHeader},t))]}))]}))})};export{c as WhatsappLikePreview};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{useTemplateModalContext as s}from"../../template-context-mapper/context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as a}from"../../template-context-mapper/utils/constants.js";import{TitleRegular as i}from"../../TypographyStyle.js";import{COLORS as p}from"../../../constants/Theme.js";import{getPreviewPropLen as n}from"../utils/getPreviewPropLen.js";import m from"./ChatHeader.js";import{ChatUIV2 as c}from"./ChatUiV2.js";const
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{useTemplateModalContext as s}from"../../template-context-mapper/context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as a}from"../../template-context-mapper/utils/constants.js";import{TitleRegular as i}from"../../TypographyStyle.js";import{COLORS as p}from"../../../constants/Theme.js";import{getPreviewPropLen as n}from"../utils/getPreviewPropLen.js";import m from"./ChatHeader.js";import{ChatUIV2 as c}from"./ChatUiV2.js";const l=o.div`
|
|
2
2
|
background-image: ${e=>e.isWhatsappCarousel?"none":`url(${a})`};
|
|
3
3
|
border-radius: 4px;
|
|
4
4
|
background-repeat: no-repeat;
|
|
@@ -6,6 +6,6 @@ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"st
|
|
|
6
6
|
background-size: cover;
|
|
7
7
|
position: relative;
|
|
8
8
|
height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
|
|
9
|
-
`,
|
|
9
|
+
`,d=o(i)`
|
|
10
10
|
color: ${p.content.primary};
|
|
11
|
-
`,
|
|
11
|
+
`,h=o=>{const{hideDeviceContainerInPreview:a}=s();return 3===n(o)?e(t,{children:o.zeroStateComponent}):a?e(c,Object.assign({showHeader:o.showHeader},o)):e(t,{children:r(l,Object.assign({style:o.containerStyle,showHeader:o.showHeader,isWhatsappCarousel:o.isWhatsappCarousel},{children:[o.showHeader&&e(m,{}),r("div",Object.assign({style:{padding:"small"===o.size?"12px 32px 12px 12px":`16px ${o.isWhatsappCarousel?"0px":"56px"} ${o.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"}},{children:[!o.hidePreviewText&&e("div",Object.assign({style:{marginBottom:16}},{children:e(d,{children:"Preview"})})),e(c,Object.assign({showHeader:o.showHeader},o))]}))]}))})};export{h as WhatsappLikePreviewV2};
|