@bikdotai/bik-component-library 0.0.537-beta.10 → 0.0.537-beta.11

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/carousel-preview/CarouselPreview.d.ts

@@ -14,5 +14,5 @@ export declare const CarouselPreview: React.ForwardRefExoticComponent<{
     removeBottomBorder?: boolean | undefined;
     borderRadius?: string | undefined;
     showArrows?: boolean | undefined;
-    borderBottomRadius?: string | undefined;
+    hideBorder?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-slick"),t=require("./CarouselPreview.style.js"),l=require("./CarouselPreviewCard.js"),s=require("../template-context-mapper/context/templateModalContext.js"),n=require("./CustomCarouselArrows.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),u=i(o);const d=a.default.forwardRef((r=>{let{channel:o,template:i,isPreview:a,removeBottomBorder:d,borderRadius:c,showArrows:v,borderBottomRadius:p}=r;var m,C,w;const x=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[1].cards,{sliderRef:j,selectedCarouselIndex:f,cardCount:h,setIsCarouselHovered:b}=s.useTemplateModalContext();return e.jsxs(t.Container,Object.assign({removeBottomBorder:d,borderRadius:c,borderBottomRadius:p},{children:[e.jsx(l.default,{channel:o,currentTemplate:i,carouselCardIndex:-1,isPreview:a,width:"77%"}),!!(null==x?void 0:x.length)&&e.jsx(t.CarouselSlickContainer,Object.assign({cardCount:null!=h?h:0,selectedCarouselIndex:null!=f?f:-1,onMouseEnter:()=>null==b?void 0:b(!0),onMouseLeave:()=>null==b?void 0:b(!1)},{children:e.jsx(u.default,Object.assign({ref:j,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!a,centerMode:!0,arrows:v,adaptiveHeight:!0,nextArrow:e.jsx(n.CustomCarouselRightArrow,{isPreview:null!=a&&a}),prevArrow:e.jsx(n.CustomCarouselLeftArrow,{isPreview:null!=a&&a})},{children:null===(w=null===(C=null==i?void 0:i.components)||void 0===C?void 0:C[1].cards)||void 0===w?void 0:w.map(((r,t)=>{var s,n;const u={components:r.components,mapping:null===(n=null===(s=null==i?void 0:i.mapping)||void 0===s?void 0:s.cards)||void 0===n?void 0:n[t]};return e.jsx(l.default,{channel:o,currentTemplate:u,carouselCardIndex:t,isPreview:a,width:"100%"},t)}))}))}))]}))}));exports.CarouselPreview=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-slick"),t=require("./CarouselPreview.style.js"),l=require("./CarouselPreviewCard.js"),n=require("../template-context-mapper/context/templateModalContext.js"),s=require("./CustomCarouselArrows.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),d=i(o);const u=a.default.forwardRef((r=>{let{channel:o,template:i,isPreview:a,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:p}=r;var m,C,w;const x=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[1].cards,{sliderRef:j,selectedCarouselIndex:f,cardCount:h,setIsCarouselHovered:g}=n.useTemplateModalContext();return e.jsxs(t.Container,Object.assign({removeBottomBorder:u,borderRadius:c,hideBorder:p},{children:[e.jsx(l.default,{channel:o,currentTemplate:i,carouselCardIndex:-1,isPreview:a,width:"77%"}),!!(null==x?void 0:x.length)&&e.jsx(t.CarouselSlickContainer,Object.assign({cardCount:null!=h?h:0,selectedCarouselIndex:null!=f?f:-1,onMouseEnter:()=>null==g?void 0:g(!0),onMouseLeave:()=>null==g?void 0:g(!1)},{children:e.jsx(d.default,Object.assign({ref:j,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!a,centerMode:!0,arrows:v,adaptiveHeight:!0,nextArrow:e.jsx(s.CustomCarouselRightArrow,{isPreview:null!=a&&a}),prevArrow:e.jsx(s.CustomCarouselLeftArrow,{isPreview:null!=a&&a})},{children:null===(w=null===(C=null==i?void 0:i.components)||void 0===C?void 0:C[1].cards)||void 0===w?void 0:w.map(((r,t)=>{var n,s;const d={components:r.components,mapping:null===(s=null===(n=null==i?void 0:i.mapping)||void 0===n?void 0:n.cards)||void 0===s?void 0:s[t]};return e.jsx(l.default,{channel:o,currentTemplate:d,carouselCardIndex:t,isPreview:a,width:"100%"},t)}))}))}))]}))}));exports.CarouselPreview=u;

package/dist/cjs/components/carousel-preview/CarouselPreview.style.d.ts

@@ -2,7 +2,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
     showHeader?: boolean | undefined;
     removeBottomBorder?: boolean | undefined;
     borderRadius?: string | undefined;
-    borderBottomRadius?: string | undefined;
+    hideBorder?: boolean | undefined;
 }, never>;
 export declare const CarouselSlickContainer: import("styled-components").StyledComponent<"div", any, {
     cardCount: number;

package/dist/cjs/components/carousel-preview/CarouselPreview.style.js

@@ -4,7 +4,7 @@
 	border-top-style: solid;
 	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
 	border-top-width: 1px;
-	border-bottom-width: 1px;
+	border-bottom-width: ${e=>e.hideBorder?"0px":"1px"};
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
@@ -12,8 +12,6 @@
 	height: 500px;
 	overflow-y: auto;
 	border-radius: ${e=>{var r;return null!==(r=e.borderRadius)&&void 0!==r?r:"0px"}};
-	border-bottom-right-radius: ${e=>{var r;return null!==(r=e.borderBottomRadius)&&void 0!==r?r:"0px"}};
-	border-bottom-left-radius: ${e=>{var r;return null!==(r=e.borderBottomRadius)&&void 0!==r?r:"0px"}};
 `,d=o.default.div`
 	width: 100%;
 

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/carousel-preview/CarouselPreview.d.ts

@@ -14,5 +14,5 @@ export declare const CarouselPreview: React.ForwardRefExoticComponent<{
     removeBottomBorder?: boolean | undefined;
     borderRadius?: string | undefined;
     showArrows?: boolean | undefined;
-    borderBottomRadius?: string | undefined;
+    hideBorder?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"react";import t from"react-slick";import{Container as n,CarouselSlickContainer as i}from"./CarouselPreview.style.js";import l from"./CarouselPreviewCard.js";import{useTemplateModalContext as s}from"../template-context-mapper/context/templateModalContext.js";import{CustomCarouselRightArrow as d,CustomCarouselLeftArrow as a}from"./CustomCarouselArrows.js";const u=o.forwardRef((o=>{let{channel:u,template:c,isPreview:m,removeBottomBorder:v,borderRadius:p,showArrows:w,borderBottomRadius:f}=o;var C,h,x;const g=null===(C=null==c?void 0:c.components)||void 0===C?void 0:C[1].cards,{sliderRef:b,selectedCarouselIndex:j,cardCount:P,setIsCarouselHovered:B}=s();return e(n,Object.assign({removeBottomBorder:v,borderRadius:p,borderBottomRadius:f},{children:[r(l,{channel:u,currentTemplate:c,carouselCardIndex:-1,isPreview:m,width:"77%"}),!!(null==g?void 0:g.length)&&r(i,Object.assign({cardCount:null!=P?P:0,selectedCarouselIndex:null!=j?j:-1,onMouseEnter:()=>null==B?void 0:B(!0),onMouseLeave:()=>null==B?void 0:B(!1)},{children:r(t,Object.assign({ref:b,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!m,centerMode:!0,arrows:w,adaptiveHeight:!0,nextArrow:r(d,{isPreview:null!=m&&m}),prevArrow:r(a,{isPreview:null!=m&&m})},{children:null===(x=null===(h=null==c?void 0:c.components)||void 0===h?void 0:h[1].cards)||void 0===x?void 0:x.map(((e,o)=>{var t,n;const i={components:e.components,mapping:null===(n=null===(t=null==c?void 0:c.mapping)||void 0===t?void 0:t.cards)||void 0===n?void 0:n[o]};return r(l,{channel:u,currentTemplate:i,carouselCardIndex:o,isPreview:m,width:"100%"},o)}))}))}))]}))}));export{u as CarouselPreview};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"react";import n from"react-slick";import{Container as t,CarouselSlickContainer as i}from"./CarouselPreview.style.js";import l from"./CarouselPreviewCard.js";import{useTemplateModalContext as d}from"../template-context-mapper/context/templateModalContext.js";import{CustomCarouselRightArrow as s,CustomCarouselLeftArrow as a}from"./CustomCarouselArrows.js";const c=o.forwardRef((o=>{let{channel:c,template:u,isPreview:m,removeBottomBorder:v,borderRadius:p,showArrows:w,hideBorder:f}=o;var h,C,x;const g=null===(h=null==u?void 0:u.components)||void 0===h?void 0:h[1].cards,{sliderRef:j,selectedCarouselIndex:P,cardCount:b,setIsCarouselHovered:B}=d();return e(t,Object.assign({removeBottomBorder:v,borderRadius:p,hideBorder:f},{children:[r(l,{channel:c,currentTemplate:u,carouselCardIndex:-1,isPreview:m,width:"77%"}),!!(null==g?void 0:g.length)&&r(i,Object.assign({cardCount:null!=b?b:0,selectedCarouselIndex:null!=P?P:-1,onMouseEnter:()=>null==B?void 0:B(!0),onMouseLeave:()=>null==B?void 0:B(!1)},{children:r(n,Object.assign({ref:j,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!m,centerMode:!0,arrows:w,adaptiveHeight:!0,nextArrow:r(s,{isPreview:null!=m&&m}),prevArrow:r(a,{isPreview:null!=m&&m})},{children:null===(x=null===(C=null==u?void 0:u.components)||void 0===C?void 0:C[1].cards)||void 0===x?void 0:x.map(((e,o)=>{var n,t;const i={components:e.components,mapping:null===(t=null===(n=null==u?void 0:u.mapping)||void 0===n?void 0:n.cards)||void 0===t?void 0:t[o]};return r(l,{channel:c,currentTemplate:i,carouselCardIndex:o,isPreview:m,width:"100%"},o)}))}))}))]}))}));export{c as CarouselPreview};

package/dist/esm/components/carousel-preview/CarouselPreview.style.d.ts

@@ -2,7 +2,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
     showHeader?: boolean | undefined;
     removeBottomBorder?: boolean | undefined;
     borderRadius?: string | undefined;
-    borderBottomRadius?: string | undefined;
+    hideBorder?: boolean | undefined;
 }, never>;
 export declare const CarouselSlickContainer: import("styled-components").StyledComponent<"div", any, {
     cardCount: number;

package/dist/esm/components/carousel-preview/CarouselPreview.style.js

@@ -1,19 +1,17 @@
-import e from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const o=e.div`
+import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const r=e.div`
 	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');
-	border-color: ${r.stroke.primary};
+	border-color: ${o.stroke.primary};
 	border-top-style: solid;
 	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
 	border-top-width: 1px;
-	border-bottom-width: 1px;
+	border-bottom-width: ${e=>e.hideBorder?"0px":"1px"};
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
 	height: 500px;
 	overflow-y: auto;
-	border-radius: ${e=>{var r;return null!==(r=e.borderRadius)&&void 0!==r?r:"0px"}};
-	border-bottom-right-radius: ${e=>{var r;return null!==(r=e.borderBottomRadius)&&void 0!==r?r:"0px"}};
-	border-bottom-left-radius: ${e=>{var r;return null!==(r=e.borderBottomRadius)&&void 0!==r?r:"0px"}};
+	border-radius: ${e=>{var o;return null!==(o=e.borderRadius)&&void 0!==o?o:"0px"}};
 `,t=e.div`
 	width: 100%;
 
@@ -85,4 +83,4 @@ import e from"styled-components";import{COLORS as r}from"../../constants/Theme.j
 		flex-direction: column;
 		margin-left: -49px;
 	}
-`;export{t as CarouselSlickContainer,o as Container};
+`;export{t as CarouselSlickContainer,r as Container};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.537-beta.10",
+	"version": "0.0.537-beta.11",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",