@bikdotai/bik-component-library 0.0.718-beta.6 → 0.0.718-beta.7

package/dist/cjs/components/button/model.d.ts

@@ -1,77 +0,0 @@
-/// <reference types="react" />
-export type Size = 'chip' | 'small' | 'medium' | 'large';
-export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular' | 'text' | 'ai';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    'data-test'?: string;
-    /**
-     * Font fize of the text
-     * @default default 'small'
-     */
-    size?: Size;
-    /**
-     * Text to render inside the button
-     * @default ''
-     */
-    buttonText?: string;
-    /**
-     * Whether the button is pressable or not
-     * @default true
-     */
-    disabled?: boolean;
-    /**
-     * Type of the button
-     * @default 'primary'
-     */
-    buttonType?: Type;
-    /**
-     * The icon component that needs to be render, if text also exists, this would be Trailing component
-     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
-     * @default undefined
-     */
-    IconComponent?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * The icon component that is to the right of the buttonText
-     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
-     * @default undefined
-     */
-    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * Custom styles to be applied to the LeadingIcon
-     * @default undefined
-     */
-    LeadingIconStyles?: React.CSSProperties;
-    /**
-     * The icon component that is the left of the buttonText
-     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
-     * @default undefined
-     */
-    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * the button container styling that needs to be override the default one
-     * @default null
-     */
-    style?: React.CSSProperties;
-    /**
-     * Indicates if button is loading and a loading indicator should be shown.
-     * When the button is loading the width of the button should not change.
-     */
-    isLoading?: boolean;
-    /**
-     * Indicates if the styling of the button should be inverse
-     */
-    inverse?: boolean;
-    /**
-     * Will take the width of the parent.
-     * @default false
-     */
-    matchParentWidth?: boolean;
-    subtitle?: string;
-    version?: '1.0' | '2.0';
-    darkMode?: boolean;
-    activated?: boolean;
-    error?: boolean;
-    buttonTextColor?: string;
-    customIconColor?: string;
-    buttonColor?: string;
-    buttonFontSize?: number;
-}

package/dist/cjs/components/button/themes.d.ts

@@ -1,52 +0,0 @@
-import { Size, Type } from './model';
-export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean, buttonColor?: string) => string;
-export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
-export declare const getDisabledTextColor: (inverse?: boolean) => string;
-export declare const getPadding: (type: Type, size: Size) => "0px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const getBorderColor: (type: Type, inverse?: boolean, error?: boolean) => string;
-export declare const getBorder: (version: '1.0' | '2.0', type: Type, size: Size, inverse?: boolean, error?: boolean) => string;
-export declare const getLinearGradientValue: (size: Size) => string;
-/**
- * Adjusts the brightness of a given hex color by a specified percentage.
- * Below function is used to generate a hover effect for button backgrounds.
- *
- * @param {string} color - The hex color code to be adjusted (e.g., "#ff0000").
- * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.
- * @returns {string} - The adjusted hex color code.
- *
- * @example
- * // Darken the color #ff0000 (red) by 10%
- * const darkerRed = getHoverButtonBackgroundCustom("#ff0000", 10);
- * console.log(darkerRed); // Output might be "#e60000"
- */
-export declare const getHoverButtonBackgroundCustom: (color: string, percent: number) => string;
-/**
- * Generates a new color by adjusting the brightness of the given color by a specified percentage.
- *
- * @param color - The original color in hexadecimal format (e.g., "#RRGGBB").
- * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.
- * @returns The new color in hexadecimal format after adjusting the brightness.
- *
- * @example
- * // Lighten the color by 20%
- * const newColor = getLoadingButtonBackgroundCustom("#ff0000", 20); // "#ff3333"
- *
- * @example
- * // Darken the color by 10%
- * const newColor = getLoadingButtonBackgroundCustom("#00ff00", -10); // "#00e600"
- */
-export declare const getLoadingButtonBackgroundCustom: (color: string, percent: number) => string;
-export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => string;
-export declare const getHoverButtonTextDecorationStyle: (type: Type, disabled?: boolean) => string;
-export declare const generateInverseHoverBackground: (type: Type, disabled?: boolean) => string;
-export declare const generateDisabledStyling: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getDashedBorderStyling: (type: Type, size: Size, borderColor?: string) => string;
-export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean) => string | undefined;
-export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean, buttonColor?: string) => string;
-export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
-export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean, darkMode?: boolean) => string | undefined;

package/dist/cjs/components/button/themes.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};

package/dist/cjs/components/buttonGroup/ButtonGroup.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface ButtonGroupInterface {
-    id: string;
-    title: string;
-    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export interface ButtonGroupProps {
-    id?: string;
-    width?: string;
-    gap?: string;
-    iconWidth?: string;
-    iconHeight?: string;
-    iconPosition?: 'left' | 'right' | 'top';
-    onButtonClick: (buttonId: string) => void;
-    activeButtonId?: string;
-    buttonGroup: Array<ButtonGroupInterface>;
-    size: 'small' | 'medium' | 'large';
-    matchParentWidth?: boolean;
-    borderRadius?: string;
-    backgroundColor?: string;
-}
-export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),e=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=s=>{const[r,u]=i.useState(void 0);i.useEffect((()=>{u(s.activeButtonId||void 0)}),[null==s?void 0:s.activeButtonId]);return t.jsxRuntimeExports.jsx(n.ButtonGroupStyle,Object.assign({className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition},{children:s.buttonGroup.map((i=>{var c,d;const a=null==i?void 0:i.icon;return t.jsxRuntimeExports.jsxs(n.Button,Object.assign({borderRadius:null!==(c=s.borderRadius)&&void 0!==c?c:"4px",matchParentWidth:null===(d=s.matchParentWidth)||void 0===d||d,className:"button",isActive:r===i.id,onClick:()=>(t=>{u(t.id),s.onButtonClick(t.id)})(i),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||o.COLORS.surface.subdued},{children:[(null==s?void 0:s.iconPosition)&&a&&t.jsxRuntimeExports.jsx("div",Object.assign({className:"button__image"},{children:t.jsxRuntimeExports.jsx(a,{color:r===i.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})})),t.jsxRuntimeExports.jsx("div",Object.assign({className:"button__name"},{children:t.jsxRuntimeExports.jsx(e.BodySecondary,Object.assign({style:{color:r===i.id?o.COLORS.background.inverseLight:o.COLORS.content.secondary}},{children:i.title}))}))]}),i.id)}))}))};

package/dist/cjs/components/buttonGroup/ButtonGroupStyle.d.ts

@@ -1,14 +0,0 @@
-export declare const ButtonGroupStyle: import("styled-components").StyledComponent<"div", any, {
-    width: string | undefined;
-    size: 'small' | 'medium' | 'large';
-    gap: string | undefined;
-    iconPosition?: "left" | "right" | "top" | undefined;
-}, never>;
-export declare const Button: import("styled-components").StyledComponent<"div", any, {
-    isActive: boolean;
-    matchParentWidth: boolean;
-    borderRadius: string;
-    iconPosition?: "left" | "right" | "top" | undefined;
-    size: 'small' | 'medium' | 'large';
-    backgroundColor?: string | undefined;
-}, never>;

package/dist/cjs/components/buttonGroup/ButtonGroupStyle.js

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},r={small:"36px",medium:"40px",large:"48px"},s=o.default.div`
-	display: flex;
-	flex-direction: row;
-	width: ${e=>e.width||"100%"};
-	height: ${e=>"top"===e.iconPosition?"auto":e.size?r[e.size]:"36px"};
-	min-height: ${e=>"top"===e.iconPosition?e.size?r[e.size]:"36px":"auto"};
-	gap: ${e=>e.gap||"12px"};
-`,p=o.default.div`
-	display: flex;
-	flex-direction: ${e=>"top"!==e.iconPosition?"left"===e.iconPosition?"row":"row-reverse":"column"};
-	flex: ${e=>e.matchParentWidth?1:"unset"};
-	height: ${e=>"top"===e.iconPosition?"auto":"100%"};
-	min-height: ${e=>"top"===e.iconPosition?"100%":"auto"};
-	background: ${e=>e.isActive?t.COLORS.background.brandLight:e.backgroundColor};
-	border: 1px solid
-		${e=>e.isActive?t.COLORS.background.inverseLight:t.COLORS.stroke.primary};
-	border-radius: ${e=>e.borderRadius};
-	align-items: center;
-	justify-content: center;
-	padding: ${e=>e.size?n[e.size]:"8px 10px"};
-	gap: ${e=>e.iconPosition&&"top"!==e.iconPosition?"10px":"2px"};
-	.button {
-		align-items: center;
-		justify-content: center;
-		&__image {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-		}
-	}
-	:hover {
-		cursor: pointer;
-	}
-`;exports.Button=p,exports.ButtonGroupStyle=s;

package/dist/cjs/components/buttonGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './ButtonGroup';

package/dist/cjs/components/card-selection-modal/CardSelectionModal.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type CardSelectionModalProps = {
-    isOpen: boolean;
-    title?: string;
-    subTitle?: string;
-    infoText?: string;
-    cards: SelectionCardData[];
-    onCardSelected: (value: string) => void;
-    onClose: () => void;
-};
-export type SelectionCardData = {
-    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    value: string;
-    title: string;
-    description: string;
-};
-export declare const CardSelectionModal: React.FC<CardSelectionModalProps>;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/info.svg.js"),t=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),r=require("../../constants/Theme.js"),n=require("../TypographyStyle.js");exports.CardSelectionModal=o=>e.jsxRuntimeExports.jsx(i.StyledModal,Object.assign({open:o.isOpen,onClose:o.onClose,headingTitle:o.title,headingSubtitle:o.subTitle,centralContainerStyles:{width:716}},{children:e.jsxRuntimeExports.jsxs(t.StyledCardContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cards__wrapper"},{children:o.cards.map((s=>e.jsxRuntimeExports.jsxs(t.StyledCard,Object.assign({onClick:()=>{o.onCardSelected(s.value)}},{children:[s.icon&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon__container"},{children:e.jsxRuntimeExports.jsx(s.icon,{width:22,color:r.DEFAULT_THEME.colorsV2.content.brand})})),e.jsxRuntimeExports.jsx(n.TitleRegular,{children:s.title}),e.jsxRuntimeExports.jsx(n.BodyCaption,{children:s.description})]}),s.value)))})),o.infoText&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"info__wrapper"},{children:[e.jsxRuntimeExports.jsx(s.default,{width:15,color:r.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsxRuntimeExports.jsx(n.BodySecondary,{children:o.infoText})]}))]})}));

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCard: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),d=require("../../constants/Theme.js");const l=c.default("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXHQuY2FyZHNfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblx0LmluZm9fX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweCAyNHB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjEycHg7XG5cdHBhZGRpbmc6IDE2cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c.default("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",d.DEFAULT_THEME.colorsV2.surface.standard,";border:1px solid ",d.DEFAULT_THEME.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",d.DEFAULT_THEME.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",d.DEFAULT_THEME.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.StyledCard=b,exports.StyledCardContainer=l;

package/dist/cjs/components/card-selection-modal/index.d.ts

@@ -1 +0,0 @@
-export * from './CardSelectionModal';

package/dist/cjs/components/card-selector/CardSelector.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type CardSelectorProps = {
-    id: number;
-    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    title?: string;
-    subtitle?: string;
-    selected: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-    tooltip?: string;
-};
-type CardSelectorInternalProps = CardSelectorProps & {
-    onCardClick: (id: number) => void;
-};
-export declare const CardSelector: React.FC<CardSelectorInternalProps>;
-export {};

package/dist/cjs/components/card-selector/CardSelector.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../constants/Theme.js"),s=require("../spinner/Spinner.js"),i=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),l=require("./CardSelector.styled.js");const o=i=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i.loading?e.jsxRuntimeExports.jsx(l.Loader,{children:e.jsxRuntimeExports.jsx(s.Spinner,{size:"large"})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(null==i?void 0:i.icon)&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsxRuntimeExports.jsx(i.icon,{width:24,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxRuntimeExports.jsxs("div",Object.assign({"data-test":null==i?void 0:i.dataTestId},{children:[i.title&&e.jsxRuntimeExports.jsx(n.TitleSmall,Object.assign({style:{color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:i.title})),i.subtitle&&e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({style:{marginTop:i.title?4:0,color:i.selected?t.COLORS.content.brand:i.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:i.subtitle}))]}))]})});exports.CardSelector=t=>{var s,n,r,d;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.tooltip?e.jsxRuntimeExports.jsx(i.Tooltip,Object.assign({title:t.tooltip},{children:e.jsxRuntimeExports.jsx(l.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(s=t.disabled)&&void 0!==s&&s,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsxRuntimeExports.jsx(o,Object.assign({},t))}))})):e.jsxRuntimeExports.jsx(l.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(r=t.disabled)&&void 0!==r&&r,loading:null!==(d=t.loading)&&void 0!==d&&d,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsxRuntimeExports.jsx(o,Object.assign({},t))}))})};

package/dist/cjs/components/card-selector/CardSelector.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    selected: boolean;
-    disabled: boolean;
-    loading: boolean;
-    isTooltipPresent?: boolean | undefined;
-}, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/card-selector/CardSelector.styled.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(e);const o=d.default.div`
-	width: 100%;
-	display: flex;
-	padding: 16px;
-	border-radius: 4px;
-	gap: 12px;
-	justify-content: ${e=>e.loading?"center":"flex-start"};
-	cursor: ${e=>e.disabled||e.loading?"not-allowed":"pointer"};
-	background-color: ${e=>e.selected?t.COLORS.background.brandLight:t.COLORS.surface.subdued};
-	border: 1px solid
-		${e=>e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.stroke.primary:t.COLORS.content.inactive};
-	:hover {
-		background-color: ${e=>e.isTooltipPresent?t.COLORS.surface.subdued:e.selected?t.COLORS.background.brandLight:e.disabled||e.loading?t.COLORS.surface.subdued:t.COLORS.surface.hovered};
-	}
-`,n=d.default.div`
-	display: flex;
-	justify-content: center;
-	align-items: center;
-`;exports.Container=o,exports.Loader=n;

package/dist/cjs/components/card-selector/CardSelectorGroup.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CardSelectorProps } from './CardSelector';
-export type CardSelectorGroupProps = {
-    gap?: number;
-    align?: 'horizontal' | 'vertical';
-    cards: CardSelectorProps[];
-    onClick: (id: number) => void;
-    'data-test': string;
-};
-export declare const CardSelectorGroup: React.FC<CardSelectorGroupProps>;

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((s=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flex:1}},{children:e.jsxRuntimeExports.jsx(t.CardSelector,{"data-test":i["data-test"],id:s.id,icon:s.icon,title:s.title,subtitle:s.subtitle,selected:s.selected,onCardClick:i.onClick,loading:s.loading,disabled:s.disabled,dataTestId:s.dataTestId,tooltip:s.tooltip})}),s.id)))}));

package/dist/cjs/components/card-selector/index.d.ts

@@ -1,3 +0,0 @@
-import { CardSelector } from './CardSelector';
-import { CardSelectorGroup } from './CardSelectorGroup';
-export { CardSelector, CardSelectorGroup };

package/dist/cjs/components/carousel/carousel.d.ts

@@ -1,2 +0,0 @@
-import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
-export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/carousel/carousel.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/chevronLeft.svg.js"),s=require("../../assets/icons/chevronRight.svg.js"),r=require("@trendyol-js/react-carousel"),i=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=()=>e.jsxRuntimeExports.jsx(x,Object.assign({className:"left"},{children:e.jsxRuntimeExports.jsx(t.default,{width:16,height:16,color:"#fff"})})),a=()=>e.jsxRuntimeExports.jsx(x,Object.assign({className:"right"},{children:e.jsxRuntimeExports.jsx(s.default,{width:16,height:16,color:"#fff"})})),x=o(i).default.div`
-	cursor: pointer;
-	margin: 0 8px;
-	width: 50px;
-	height: 50px;
-	border-radius: 25px;
-	display: flex;
-	align-items: center;
-	background-color: rgba(0, 0, 0, 0.4);
-	justify-content: center;
-	position: absolute;
-	z-index: 2;
-	top: 50%;
-	&.left {
-		transform: translate(0%, -50%);
-		left: 0;
-	}
-	&.right {
-		transform: translate(0%, -50%);
-		right: 0;
-	}
-`;exports.Carousel=t=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(r.Carousel,Object.assign({leftArrow:e.jsxRuntimeExports.jsx(n,{}),rightArrow:e.jsxRuntimeExports.jsx(a,{})},t,{children:t.children}))});

package/dist/cjs/components/carousel/index.d.ts

@@ -1 +0,0 @@
-export * from './carousel';

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import 'slick-carousel/slick/slick-theme.css';
-import 'slick-carousel/slick/slick.css';
-import { CHANNEL_TYPE } from "../template-preview/models/Channels";
-import { AllTemplateTypes } from '../template-preview/models/types';
-export declare const CarouselPreview: React.ForwardRefExoticComponent<{
-    channel: CHANNEL_TYPE;
-    template: AllTemplateTypes;
-    showSampleValues?: boolean | undefined;
-    isPreview?: boolean | undefined;
-    removeBottomBorder?: boolean | undefined;
-    borderRadius?: string | undefined;
-    showArrows?: boolean | undefined;
-    hideBorder?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,86 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.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.COLORS.stroke.primary};
-	border-top-style: solid;
-	border-bottom-style: ${e=>e.removeBottomBorder?"unset":"solid"};
-	border-top-width: 1px;
-	border-bottom-width: ${e=>e.hideBorder?"0px":"1px"};
-	background-repeat: no-repeat;
-	background-position: center;
-	background-size: cover;
-	position: relative;
-	height: 100%;
-	overflow-y: auto;
-	border-radius: ${e=>{var r;return null!==(r=e.borderRadius)&&void 0!==r?r:"0px"}};
-`,d=o.default.div`
-	width: 100%;
-
-	// Hides the pre-built right arrow
-	.slick-next:before {
-		content: none;
-	}
-
-	// Hides the pre-built left arrow
-	.slick-prev:before {
-		content: none;
-	}
-
-	// Right arrow styles
-	.slick-next {
-		z-index: 10;
-		border-radius: 50%;
-		align-items: center;
-		justify-content: center;
-		right: 10px;
-		border-radius: 50%;
-		width: 24px;
-		height: 24px;
-		display: flex;
-		background-color: white;
-		box-shadow: 0px 1.5px 6px 0px #0000001f;
-		/* height: 100%; */
-
-		:hover {
-			background: white;
-		}
-	}
-
-	// Left arrow styles
-	.slick-prev {
-		left: 5px;
-		z-index: 10;
-		border-radius: 50%;
-		align-items: center;
-		justify-content: center;
-		border-radius: 50%;
-		width: 24px;
-		height: 24px;
-		display: flex;
-		background-color: white;
-		box-shadow: 0px 1.5px 6px 0px #0000001f;
-
-		:hover {
-			background: white;
-		}
-	}
-
-	.slick-slide {
-		display: flex;
-	}
-
-	.slick-slide > div {
-		width: 100%;
-		height: 100%;
-		padding-bottom: 16px;
-	}
-
-	.slick-track {
-		flex: 1;
-	}
-
-	.slick-list {
-		display: flex;
-		flex-direction: column;
-		margin-left: -49px;
-	}
-`;exports.CarouselSlickContainer=d,exports.Container=i;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { CHANNEL_TYPE } from "../template-preview/models/Channels";
-declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
-    channel: CHANNEL_TYPE;
-    currentTemplate: any;
-    showSampleValues?: boolean | undefined;
-    carouselCardIndex?: number | undefined;
-    isPreview?: boolean | undefined;
-    width?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default CarouselPreviewCard;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:s,showSampleValues:p,carouselCardIndex:n,isPreview:u,width:o}=t;var d,m,c;const{cardWidth:v,template:h,cardIndex:j}=r.useTemplateModalContext(),w=-1==j?i.determineCardIndex(l):j,x=(null!==(c=null===(m=null===(d=null==h?void 0:h.components)||void 0===d?void 0:d[w].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:o||v,height:(null!=n?n:-1)>-1?"100%":"auto"}},{children:e.jsxRuntimeExports.jsx(a.TemplatePreview,{showSampleValues:p,template:s,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:x,height:"100%"}}})}))}));exports.default=s;

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

@@ -1,7 +0,0 @@
-import { CustomArrowProps } from 'react-slick';
-export declare const CustomCarouselLeftArrow: (props: CustomArrowProps & {
-    isPreview: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomCarouselRightArrow: (props: CustomArrowProps & {
-    isPreview: boolean;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js"),n=require("../../constants/Theme.js"),l=require("../template-context-mapper/context/templateModalContext.js");exports.CustomCarouselLeftArrow=t=>{const{className:o,style:r,onClick:i,isPreview:a}=t,{selectedCarouselIndex:u,setSelectedCarouselIndex:c}=l.useTemplateModalContext();return e.jsxRuntimeExports.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:i&&(null!=u?u:-1)>-1||a?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=u?u:-1)<1||a||null==c||c((null!=u?u:-1)-1)}},{children:e.jsxRuntimeExports.jsx(s.default,{height:10,width:10,color:n.COLORS.content.primary})}))},exports.CustomCarouselRightArrow=s=>{const{className:o,style:r,onClick:i,isPreview:a}=s,{selectedCarouselIndex:u,setSelectedCarouselIndex:c,cardCount:x}=l.useTemplateModalContext();return e.jsxRuntimeExports.jsx("div",Object.assign({className:o,style:Object.assign(Object.assign({},r),{display:i&&(null!=u?u:-1)>-1||a?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=u?u:-1)>=(null!=x?x:-1)-1||a||null==c||c((null!=u?u:-1)+1)}},{children:e.jsxRuntimeExports.jsx(t.default,{height:10,width:10,color:n.COLORS.content.primary})}))};

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

@@ -1 +0,0 @@
-export * from './CarouselPreview';

package/dist/cjs/components/carousel-secondary/CarouselSecondary.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { CarouselVersion } from './model';
-export interface CarouselProps {
-    pages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> | any>;
-    onComplete: () => void;
-    textAlign?: string;
-    version?: CarouselVersion;
-    onCompleteText?: string;
-}
-export declare const CarouselSecondary: React.FC<CarouselProps>;
-export { CarouselVersion };

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../assets/icons/chevronLeft2.svg.js"),r=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),u=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=l=>{let{pages:c,onComplete:x,textAlign:j,version:d,onCompleteText:g}=l;const[m,C]=n.useState(0),p=n.useRef(null);return n.useEffect((()=>{p.current&&p.current.scrollTo({left:p.current.offsetWidth*m,behavior:"smooth"})}),[m]),e.jsxRuntimeExports.jsxs(u.CarouselContainer,Object.assign({version:d||a.CarouselVersion.V1},{children:[e.jsxRuntimeExports.jsx(u.CarouselBody,Object.assign({ref:p,textAlign:j},{children:c.map(((s,r)=>e.jsxRuntimeExports.jsx(u.CarouselPage,Object.assign({isActive:r===m},{children:s}),r)))})),e.jsxRuntimeExports.jsxs(u.CarouselFooter,Object.assign({version:d||a.CarouselVersion.V1},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{visibility:d===a.CarouselVersion.V2&&0===m?"hidden":"visible"}},{children:e.jsxRuntimeExports.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{C((e=>0===e?e:e-1))},size:d===a.CarouselVersion.V2?"small":"medium",LeadingIcon:d===a.CarouselVersion.V2?s.default:r.default,disabled:!m})})),e.jsxRuntimeExports.jsx(u.PageIndicator,{children:c.map(((s,r)=>e.jsxRuntimeExports.jsx(u.Indicator,{isActive:r===m,version:d||a.CarouselVersion.V1,onClick:()=>{C(r)}},r)))}),e.jsxRuntimeExports.jsx(i.Button,{buttonText:m===c.length-1?g||"Get started":"Next",buttonType:m===c.length-1||d===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{C((e=>e===c.length-1?e:e+1)),m===c.length-1&&x()},size:d===a.CarouselVersion.V2?"small":"medium",TrailingIcon:m<c.length-1?d===a.CarouselVersion.V2?t.default:o.default:void 0,style:d===a.CarouselVersion.V2?{}:{background:"transparent"}})]}))]}))};

package/dist/cjs/components/carousel-secondary/CarouselSecondary.style.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { CarouselVersion } from './model';
-export declare const CarouselContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    version?: CarouselVersion | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CarouselBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    textAlign: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CarouselPage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isActive: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CarouselFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    version?: CarouselVersion | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PageIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Indicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isActive: boolean;
-    version?: CarouselVersion | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;