@bikdotai/bik-component-library 0.0.678-beta.rn-3 → 0.0.678-beta.rn-4

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js

@@ -1,4 +1,4 @@
-"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 d=i.default.div`
+"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`
 	background: ${r.COLORS.surface.standard};
 	border-top-left-radius: ${e=>e.isCarouselCard?"12px":"0px"};
 	border-top-right-radius: 12px;
@@ -9,7 +9,7 @@
 	border: 2px solid
 		${e=>e.hasError?`${r.COLORS.content.negative}`:e.showBorder?`${r.COLORS.stroke.brand}`:`${r.COLORS.stroke.primary}`};
 	border: ${e=>e.showDashedBorder&&`2px dashed ${r.COLORS.content.brand}`};
-	height: 100%;
+	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
 	display: flex;
 	flex-direction: column;
 	:hover {
@@ -18,16 +18,16 @@
 			${r.COLORS.stroke.brand};
 		box-shadow: ${e=>!e.isPreview&&"4px 4px 12px rgba(0, 0, 0, 0.25)"};
 	}
-`,a=i.default(t.Caption)`
+`,d=i.default(t.Caption)`
 	color: ${r.COLORS.content.secondary};
 	max-width: 80px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	overflow: hidden;
 	text-wrap: wrap;
-`,s=i.default(a)`
+`,s=i.default(d)`
 	max-width: 200px;
-`,n=i.default.div`
+`,p=i.default.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -36,14 +36,14 @@
 	min-height: 152px;
 	margin-bottom: 4px;
 	margin: 0px 8px;
-`,p=i.default.div`
+`,n=i.default.div`
 	padding: 12px;
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	border-top: 1px solid ${r.COLORS.stroke.primary};
-`,x=i.default.div`
+`,l=i.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
@@ -66,4 +66,4 @@
 	position: absolute;
 	top: 16px;
 	right: 16px;
-`,exports.ChatBtnContainer=p,exports.Container=d,exports.FooterText=s,exports.FooterWrapper=x,exports.MediaContainer=n,exports.TimeStamp=a;
+`,exports.ChatBtnContainer=n,exports.Container=a,exports.FooterText=s,exports.FooterWrapper=l,exports.MediaContainer=p,exports.TimeStamp=d;

package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js

@@ -9,7 +9,7 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
 	border: 2px solid
 		${e=>e.hasError?`${o.content.negative}`:e.showBorder?`${o.stroke.brand}`:`${o.stroke.primary}`};
 	border: ${e=>e.showDashedBorder&&`2px dashed ${o.content.brand}`};
-	height: 100%;
+	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
 	display: flex;
 	flex-direction: column;
 	:hover {
@@ -36,14 +36,14 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
 	min-height: 152px;
 	margin-bottom: 4px;
 	margin: 0px 8px;
-`,p=e.div`
+`,a=e.div`
 	padding: 12px;
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	border-top: 1px solid ${o.stroke.primary};
-`,a=e.div`
+`,p=e.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
@@ -66,4 +66,4 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
 	position: absolute;
 	top: 16px;
 	right: 16px;
-`;export{p as ChatBtnContainer,t as Container,d as FooterText,a as FooterWrapper,s as MediaContainer,i as TimeStamp};
+`;export{a as ChatBtnContainer,t as Container,d as FooterText,p as FooterWrapper,s as MediaContainer,i as TimeStamp};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.678-beta.rn-3",
+	"version": "0.0.678-beta.rn-4",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",