@bikdotai/bik-component-library 0.0.13-beta.21 → 0.0.13-beta.28

package/dist/esm/components/template-preview/constants/TemplateConstants.d.ts

@@ -5,6 +5,8 @@ export declare const CREATE_TEMPLATE_DOM_IDS: {
     actionButtons: string;
     footer: string;
 };
+export declare const NAME_NOT_FOUND = "Please enter template name";
+export declare const BODY_TEXT_EMPTY = "Template body text cant be empty";
 export declare const REQUIRED_FIELD = "Required field";
 export declare const HEADER_LEN_ERROR = "Maximum 60 characters are allowed";
 export declare const NAME_LEN_ERROR = "Maximum 512 characters allowed";
@@ -12,12 +14,19 @@ export declare const NO_SPECIAL_CHAR = "No special characters allowed";
 export declare const BODY_LEN_ERROR = "Maximum 1,024 characters are allowed";
 export declare const QUICK_REPLY_LEN_ERROR = "Maximum 20 characters are allowed";
 export declare const QUICK_REPLY_NAME_ERROR = "Buttons with same name are not allowed";
+export declare const CUSTOM_LIM_LEN_ERROR = "Maximum characters allowed is 2000 characters";
+export declare const ONE_VAR_ERROR = "Only one variable allowed in text header";
 export declare const VALID_PHONE_NUMBER = "Please enter a valid 10-digit phone number";
+export declare const FOOTER_EMOJI_ERROR = "Emojis are not allowed in footer";
+export declare const HEADER_EMOJI_ERROR = "Emojis are not allowed in header";
 export declare const BUTTON_EMOJI_ERROR = "Emojis are not allowed in button";
 export declare const HEADER_ASSET_LINK_ERROR = "Please attach the required media";
+export declare const TCS_DEFAULT_INPUT_ERROR = "Some input(s) are missing";
 export declare const ONE_VAR_ALLOWED = "Only one variable allowed in text header";
 export declare const HEADER_TEXT_LEN_LIMIT = 60;
 export declare const NAME_LEN_LIMIT = 512;
 export declare const BODY_TEXT_LEN_LIMIT = 1024;
 export declare const QUICK_REPLY_BTN_TEXT_LIMIT = 25;
+export declare const CUSTOM_LINK_LIMIT = 2000;
 export declare const QUICK_REPLY_NAME_LEN_LIMIT = 20;
+export declare const QRB_NONE = "None";

package/dist/esm/components/template-preview/constants/regexPatterns.d.ts

@@ -2,10 +2,10 @@ export declare const lockedVarPattern: RegExp;
 export declare const editableVarPattern: RegExp;
 export declare const placeHolderNamePattern: RegExp;
 export declare const globalVariablePattern: RegExp;
-export declare const templateVariablePattern: RegExp;
 export declare const globalHalfVariablePattern: RegExp;
 export declare const specialCharPattern: RegExp;
 export declare const variablePattern: RegExp;
 export declare const variablePatternGlobal: RegExp;
+export declare const templateVariablePattern: RegExp;
 export declare const previewLinkMDFormatPattern: RegExp;
 export declare const editableBracketPattern: RegExp;

package/dist/esm/components/template-preview/constants/regexPatterns.js

@@ -1 +1 @@
-const a=/\[\[[A-Za-z0-9 ]+\]\]/,z=/\((\(|\[)[A-Za-z0-9 ]+(\]|\))\)/,A=/(\[\[|\(\()(.*)(\)\)|\]\])/,Z=/\{\{[A-Za-z0-9 ]+\}\}/g,g=Z,_=/\{\{[a-zA-Z0-9]+(?=( |\}))(?!\}\})/g,o=/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/,t=/\{\{[A-Za-z0-9 _]+\}\}/,c=/\{\{[A-Za-z0-9 _]+\}\}/g,e=/\[([^[]+)\](\(.*\))/,n=/[((|))]/;export{n as editableBracketPattern,z as editableVarPattern,_ as globalHalfVariablePattern,Z as globalVariablePattern,a as lockedVarPattern,A as placeHolderNamePattern,e as previewLinkMDFormatPattern,o as specialCharPattern,g as templateVariablePattern,t as variablePattern,c as variablePatternGlobal};
+const a=/\[\[[A-Za-z0-9 ]+\]\]/,z=/\((\(|\[)[A-Za-z0-9 ]+(\]|\))\)/,A=/(\[\[|\(\()(.*)(\)\)|\]\])/,Z=/\{\{[A-Za-z0-9 ]+\}\}/g,g=/\{\{[a-zA-Z0-9]+(?=( |\}))(?!\}\})/g,_=/[!@#$%^&*()_+\-={};':"\\|,.<>?]+/,o=/\{\{[A-Za-z0-9 _]+\}\}/,t=/\{\{[A-Za-z0-9 _]+\}\}/g,c=Z,e=/\[([^[]+)\](\(.*\))/,n=/[((|))]/;export{n as editableBracketPattern,z as editableVarPattern,g as globalHalfVariablePattern,Z as globalVariablePattern,a as lockedVarPattern,A as placeHolderNamePattern,e as previewLinkMDFormatPattern,_ as specialCharPattern,c as templateVariablePattern,o as variablePattern,t as variablePatternGlobal};

package/dist/esm/components/template-preview/models/Channels.d.ts

@@ -4,5 +4,6 @@ export declare enum CHANNEL_TYPE {
     TIKTOK = "tiktok",
     EMAIL = "email",
     SMS = "message",
-    WEBPUSH = "webpush"
+    WEBPUSH = "webpush",
+    MESSAGE = "message"
 }

package/dist/esm/components/template-preview/models/Channels.js

@@ -1 +1 @@
-var a;!function(a){a.WHATSAPP="whatsapp",a.INSTAGRAM="instagram",a.TIKTOK="tiktok",a.EMAIL="email",a.SMS="message",a.WEBPUSH="webpush"}(a||(a={}));export{a as CHANNEL_TYPE};
+var a;!function(a){a.WHATSAPP="whatsapp",a.INSTAGRAM="instagram",a.TIKTOK="tiktok",a.EMAIL="email",a.SMS="message",a.WEBPUSH="webpush",a.MESSAGE="message"}(a||(a={}));export{a as CHANNEL_TYPE};

package/dist/esm/components/template-preview/models/EmailTemplate.d.ts

@@ -35,4 +35,5 @@ export type EmailMeta = {
     handleViewTemplate?: () => void;
     emailDisplayContent?: string;
     templateContainerStyles?: React.CSSProperties | undefined;
+    emailHtmlContainerId?: string;
 };

package/dist/esm/components/template-preview/models/TemplateMeta.d.ts

@@ -1,3 +1,4 @@
+import { SingleOption } from "../../dropdown/type";
 export type CUSTOM_VARIABLE = {
     variableName: string;
     type: 'string' | 'link' | 'image';
@@ -40,3 +41,37 @@ export interface QUICK_REPLY_BUTTON {
     flowId: string;
     flowName: string;
 }
+export declare const CUSTOM_URL_NAME: {
+    value: string;
+    label: string;
+    placeHolder: string;
+};
+export type GlobalPlaceholderType = {
+    MARKETING: {
+        customer: baseAPITemplateVariableType[];
+        storeDetails: baseAPITemplateVariableType[];
+        orderDetails: baseAPITemplateVariableType[];
+        abandonedCart: baseAPITemplateVariableType[];
+    };
+    TRANSACTIONAL: {
+        customer: baseAPITemplateVariableType[];
+        storeDetails: baseAPITemplateVariableType[];
+        orderDetails: baseAPITemplateVariableType[];
+        abandonedCart: baseAPITemplateVariableType[];
+    };
+};
+export type baseAPITemplateVariableType = {
+    title: string;
+    default_value: string;
+    placeHolder: string;
+    type?: 'string' | 'url';
+};
+export type globalNormalizedPlaceholdersType = {
+    label: string;
+    options: SingleOption[];
+};
+export interface ButtonPlaceHolderOptions {
+    value: string;
+    label: string;
+    placeHolder: string;
+}

package/dist/esm/components/template-preview/models/TemplateMeta.js

@@ -1 +1 @@
-var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));export{I as ACTIONS_TYPES,N as HEADER_TYPES,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};
+var E,D,N,I;!function(E){E.SEND_GRID="sendgrid",E.BEE="bee"}(E||(E={})),function(E){E.APPROVED="APPROVED",E.DISABLED="DISABLED",E.FLAGGED="FLAGGED",E.PENDING="PENDING",E.DRAFT="DRAFT",E.REJECTED="REJECTED",E.PENDING_DELETION="PENDING_DELETION",E.IN_REVIEW="IN REVIEW",E.PAUSED="PAUSED",E.ACTIVE="ACTIVE",E.LIBRARY="LIBRARY"}(D||(D={})),function(E){E.NONE="NONE",E.TEXT="TEXT",E.IMAGE="IMAGE",E.VIDEO="VIDEO",E.DOCUMENT="DOCUMENT"}(N||(N={})),function(E){E.NONE="NONE",E.CTA_BTN="CTA_BTN",E.QUICK_REPLY="QUICK_REPLY"}(I||(I={}));const A={value:"custom_link",label:"Custom URL",placeHolder:"custom placeholder"};export{I as ACTIONS_TYPES,A as CUSTOM_URL_NAME,N as HEADER_TYPES,E as TEMPLATE_EDITOR,D as TEMPLATE_STATUS};

package/dist/esm/components/template-preview/models/WhatsAppTemplate.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { CHANNEL_TYPE } from './Channels';
-import { ACTIONS_TYPES, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
+import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
 export type WhatsAppTemplate = {
     name: string;
     label: string;
@@ -11,7 +11,7 @@ export type WhatsAppTemplate = {
     type?: 'email' | 'whatsapp';
     components: {
         type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
-        format?: 'TEXT' | 'IMAGE' | 'VIDEO' | 'DOCUMENT' | 'NONE';
+        format?: HEADER_TYPES;
         text?: string;
         buttons?: {
             type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
@@ -178,3 +178,46 @@ export type WhatsappMeta = {
     zeroStateComponent?: ReactElement;
     usePlaceHolderName?: boolean;
 };
+export type WhatsAppPickerMeta = {
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
+    CTAoptions?: ButtonPlaceHolderOptions[];
+    QRBoptions?: ButtonPlaceHolderOptions[];
+};
+export type WhatsAppMediaUploadResponse = {
+    success: boolean;
+    url?: string;
+};
+export type WhatsAppMediaUploadRequest = {
+    file: File;
+    fileName: string;
+    isImage: boolean;
+};
+export interface WhatsAppTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+}
+export type CTABtnValType = {
+    defaultValue: string;
+    placeHolder: string;
+} | string;
+export type QRBBtnValType = {
+    flowId?: string;
+    flowName?: string;
+};
+export type TEMPLATE_BUTTON = {
+    type: BUTTON_TYPE;
+    text?: string;
+    url?: string;
+    example?: string[];
+    linkMode?: 'custom' | 'home';
+    phone_number?: string;
+    buttonVariable?: string;
+    index?: number;
+    flowId?: string;
+    flowName?: string;
+};
+export declare enum BUTTON_TYPE {
+    QUICK_REPLY = "QUICK_REPLY",
+    URL = "URL",
+    PHONE_NUMBER = "PHONE_NUMBER"
+}

package/dist/esm/components/template-preview/models/WhatsAppTemplate.js

@@ -0,0 +1 @@
+var E;!function(E){E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER"}(E||(E={}));export{E as BUTTON_TYPE};

package/dist/esm/components/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SIZE } from "../avatar/AvatarHelper";
+export declare enum RATIO {
+    ONE_ONE = "ONE_ONE",
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+export type ThumbnailProps = {
+    size: SIZE;
+    ratio: RATIO;
+    imageUrl: string;
+};
+export declare const Thumbnail: React.FC<ThumbnailProps>;

package/dist/esm/components/thumbnail/Thumbnail.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{SIZE as t}from"../avatar/AvatarHelper.js";import{THUMBNAIL_SIZE_MAP as e}from"./constants.js";import{ThumbnailStyle as r}from"./Thumbnail.styled.js";var h;!function(i){i.ONE_ONE="ONE_ONE",i.VERTICAL="VERTICAL",i.HORIZONTAL="HORIZONTAL"}(h||(h={}));const o={[h.VERTICAL]:{[t.SMALL]:{width:30,height:40},[t.MEDIUM]:{width:48,height:64},[t.LARGE]:{width:60,height:80}},[h.HORIZONTAL]:{[t.SMALL]:{width:40,height:30},[t.MEDIUM]:{width:64,height:48},[t.LARGE]:{width:80,height:60}},[h.ONE_ONE]:{}},s=t=>{var s,a;return i(r,Object.assign({size:t.size},{children:i("img",{alt:"",width:(null===(s=o[t.ratio][t.size])||void 0===s?void 0:s.width)||e[t.size],height:(null===(a=o[t.ratio][t.size])||void 0===a?void 0:a.height)||e[t.size],style:{borderRadius:t.ratio===h.ONE_ONE?4:0,objectFit:"cover"},src:t.imageUrl})}))};export{h as RATIO,s as Thumbnail};

package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts

@@ -0,0 +1,4 @@
+import { SIZE } from "../avatar/AvatarHelper";
+export declare const ThumbnailStyle: import("styled-components").StyledComponent<"div", any, {
+    size: SIZE;
+}, never>;

package/dist/esm/components/thumbnail/Thumbnail.styled.js

@@ -0,0 +1,10 @@
+import r from"styled-components";import{THUMBNAIL_SIZE_MAP as t}from"./constants.js";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
+	width: ${r=>t[r.size]+"px"};
+	height: ${r=>t[r.size]+"px"};
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: ${o.surface.standard};
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 4px;
+`;export{e as ThumbnailStyle};

package/dist/esm/components/thumbnail/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const THUMBNAIL_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

package/dist/esm/components/thumbnail/constants.js

@@ -0,0 +1 @@
+import{SIZE as r}from"../avatar/AvatarHelper.js";const a={[r.SMALL]:40,[r.MEDIUM]:64,[r.LARGE]:80};export{a as THUMBNAIL_SIZE_MAP};

package/dist/esm/components/thumbnail/index.d.ts

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

package/dist/esm/components/toaster/Toaster.styled.js

@@ -1 +1 @@
-import t from"@emotion/styled/base";import{COLORS as c}from"../../constants/Theme.js";const o=t("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.background.inverse,";--toastify-color-success:",c.content.positive,";--toastify-color-error:",c.content.negative,";--toastify-text-color-light:",c.content.primary,";--toastify-toast-width:",(t=>t.width||"fit-content"),";--toastify-toast-min-height:",(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"44px"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnNDRweCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblxuXHQuY3VzdG9tLXBvc2l0aW9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogNnB4O1xuXG5cdC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IGF1dG87XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHl7XG5cdFx0cGFkZGluZzogMCA2cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSA+IGRpdjpsYXN0LWNoaWxkIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));export{o as ToasterStyled};
+import t from"@emotion/styled/base";import{COLORS as c}from"../../constants/Theme.js";const b=t("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.background.inverse,";--toastify-color-success:",c.content.positive,";--toastify-color-error:",c.content.negative,";--toastify-text-color-light:",c.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as ToasterStyled};

package/dist/esm/constants/colors.js

@@ -0,0 +1 @@
+import{COLORS as o}from"./Theme.js";const r=o.background.brand;export{r as PRIMARY};

package/dist/esm/index.d.ts

@@ -1,4 +1,6 @@
+import * as regexPatterns from './components/template-preview/constants/regexPatterns';
 import StringUtils from './utils/StringUtils';
+export { regexPatterns };
 export { StringUtils };
 export * from './constants/Theme';
 export * from './components/checkBox';
@@ -13,6 +15,7 @@ export * from './components/tag';
 export * from './components/pagination';
 export * from './components/icon-button';
 export * from './components/template-preview';
+export * from './components/template-context-mapper';
 export * from './components/fab-menu';
 export * from './components/floating-action-button';
 export * from './components/image-compress';
@@ -22,4 +25,10 @@ export * from './components/progress-bar';
 export * from './components/QueryBuilder';
 export * from './components/modals';
 export * from './components/dropdown';
+export * from './components/analytics-card';
 export * from './components/input';
+export * from './components/analytics-chips-and-dropdowns';
+export * from './components/avatar';
+export * from './components/thumbnail';
+export * from './components/curtain';
+export * from './components/datePicker';

package/dist/esm/index.js

@@ -1 +1 @@
-export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{QueryBuilderConnectorType,QueryBuilderJoinOperators,QueryBuilderType}from"./components/QueryBuilder/types/QueryBuilder.type.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,IG_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";import"react/jsx-runtime";import"react";export{Input}from"./components/input/Input.js";import"./components/dropdown/UnChildDropdown/UnChildDropdown.js";
+import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{QueryBuilderConnectorType,QueryBuilderJoinOperators,QueryBuilderType}from"./components/QueryBuilder/types/QueryBuilder.type.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,IG_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";

package/dist/esm/utils/StringUtils.d.ts

@@ -7,4 +7,6 @@ export default class StringUtils {
     static detectUrl: (str: string) => RegExpMatchArray | null;
     static getAvatarText(name: string): string;
     static firstLetters: (string: string) => string;
+    static capitaliseFirstLetterOfString(string: string): string;
+    static toCapitilize(string?: string): string;
 }

package/dist/esm/utils/StringUtils.js

@@ -1 +1 @@
-class e{static convertToTitleCase(e){const t=(e=e.toLowerCase()).split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].slice(1);return t.join(" ")}static getAvatarText(e){if(e){const t=e.match(/\b(\w)/g),r=null==t?void 0:t.join("");return r?r.substring(0,2).toUpperCase():"C"}return""}}Object.defineProperty(e,"normalizeName",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>{const r=e.split(t).join(" ");return r[0].toUpperCase()+r.slice(1)}}),Object.defineProperty(e,"capitalize",{enumerable:!0,configurable:!0,writable:!0,value:e=>{var t;return e.charAt(0).toUpperCase()+(null===(t=e.slice(1))||void 0===t?void 0:t.toLowerCase())}}),Object.defineProperty(e,"pluralize",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>0===t||t>1?e+"s":e}),Object.defineProperty(e,"getFullPhoneNumber",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?"+91"+e.slice(e.length-10):""}),Object.defineProperty(e,"detectUrl",{enumerable:!0,configurable:!0,writable:!0,value:e=>e.match(/(((https?:\/\/)|(www\.))[^\s]+)/g)}),Object.defineProperty(e,"firstLetters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{let t="";return e.split(" ").forEach((e=>{e.length&&(t+=e[0])})),t.substr(0,2)}});export{e as default};
+class e{static convertToTitleCase(e){const t=(e=e.toLowerCase()).split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].slice(1);return t.join(" ")}static getAvatarText(e){if(e){const t=e.match(/\b(\w)/g),r=null==t?void 0:t.join("");return r?r.substring(0,2).toUpperCase():"C"}return""}static capitaliseFirstLetterOfString(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}static toCapitilize(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.charAt(0).toUpperCase()+e.slice(1)}}Object.defineProperty(e,"normalizeName",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>{const r=e.split(t).join(" ");return r[0].toUpperCase()+r.slice(1)}}),Object.defineProperty(e,"capitalize",{enumerable:!0,configurable:!0,writable:!0,value:e=>{var t;return e.charAt(0).toUpperCase()+(null===(t=e.slice(1))||void 0===t?void 0:t.toLowerCase())}}),Object.defineProperty(e,"pluralize",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>0===t||t>1?e+"s":e}),Object.defineProperty(e,"getFullPhoneNumber",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?"+91"+e.slice(e.length-10):""}),Object.defineProperty(e,"detectUrl",{enumerable:!0,configurable:!0,writable:!0,value:e=>e.match(/(((https?:\/\/)|(www\.))[^\s]+)/g)}),Object.defineProperty(e,"firstLetters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{let t="";return e.split(" ").forEach((e=>{e.length&&(t+=e[0])})),t.substr(0,2)}});export{e as default};

package/dist/esm/utils/bytesToMB.d.ts

@@ -0,0 +1 @@
+export declare const bytesToMB: (bytes: number) => number;

package/dist/esm/utils/bytesToMB.js

@@ -0,0 +1 @@
+const o=o=>o/Math.pow(1024,2);export{o as bytesToMB};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.13-beta.21",
+	"version": "0.0.13-beta.28",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -54,8 +54,9 @@
 		"browser-image-compression": "^2.0.2",
 		"react-bootstrap": "^2.4.0",
 		"react-lottie": "^1.2.3",
+		"react-toastify": "^9.1.2",
 		"react-popper": "^2.3.0",
-		"react-toastify": "^9.1.2"
+		"react-calendar": "^3.7.0"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.20.12",

package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("react-popper"),o=require("../Common.styled.js"),s=require("../opennedDropdown/components/OpennedDropdown.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(r).default.forwardRef(((l,i)=>{var{children:d}=l,p=e.__rest(l,["children"]);const a=i,[u,c]=r.useState(!1),[j,v]=r.useState(null),[f,b]=r.useState(null),{styles:O,attributes:w}=t.usePopper(j,f,{});return r.useImperativeHandle(a,(()=>({openDropdown:u})),[]),r.useEffect((()=>{(null==a?void 0:a.current)&&(a.current.openDropdown=u)}),[u]),n.jsxs(n.Fragment,{children:[n.jsxs("div",Object.assign({style:{position:"relative"},ref:v},{children:[n.jsx(o.OverLapAbs,{onClick:e=>{u?e.preventDefault():p.disabled||c(!0)}}),d]})),u&&n.jsx(o.OpenDropdownContainer,Object.assign({ref:b,style:Object.assign(Object.assign({},O.popper),{zIndex:3})},w.popper,{children:n.jsx(s.OpennedDropdown,Object.assign({},p,{onSelect:e=>{var n;null===(n=p.onSelect)||void 0===n||n.call(p,e),c(!1)},onClose:function(){var e;c(!1),null===(e=null==p?void 0:p.onClose)||void 0===e||e.call(p)}}))}))]})}));i.displayName="UnChildDropdown",exports.UnChildDropdown=i;

package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../hooks/useOutside.js"),n=require("../utils/iterationOnOptions.js"),i=require("./description/Description.js"),l=require("./menu/FreeFormMenu.js"),o=require("./menu/MenuList.js"),r=require("./menu/SelectAllMenu.js"),u=require("./multiSelect/MultiSelectDropdownBottomBar.js"),c=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/SearchZeroState.js");const p=304,f=290;exports.OpennedDropdown=j=>{let{options:h,isSearchable:S,isMultiSelect:O,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=j;const[q,M]=t.useState(null!=h?h:[]),[F,w]=t.useState(null!=b?b:f),[y,D]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);s.useOutside(C,(()=>{B(null),null==g||g()}));const L=null!=m?m:p,E="number"==typeof L?S&&O?L-96:S&&!O||!S&&O?L-48:L:L;function W(e){if(O){const t=n.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:f;if(null===A)w(e);else if("number"==typeof e)w(2*e);else if("string"==typeof e&&e.endsWith("px")){const t=2*parseInt(e.replace("px",""));w(t)}}),[A]);const Z=q.map((e=>{var t;if(y){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(y))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(y))?e:null}return e})).filter((e=>null!==e)),_=!!S&&y&&0===Z.length;return e.jsxs(c.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F}},{children:[e.jsxs("div",Object.assign({style:{width:A?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!S&&e.jsx(a.SearchBox,{onSearch:function(e){D(e)}}),e.jsxs(c.MenuListContainer,Object.assign({maxHeight:E},{children:[!!O&&!_&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=n.iterateOnOptions(q,{selected:!0},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=n.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&_&&e.jsx(d.SearchZeroState,{searchedString:y}),x&&_&&e.jsx(l.FreeFormMenu,{isMultiSelect:O,onSelect:function(e){if(!O)return void W({label:y,value:y,isFreeForm:!0,selected:!0});const t=q.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===y&&t.value===y&&e})));e&&(t.some((e=>e.label===y&&e.value===y))||t.unshift({label:y,value:y,isFreeForm:!0,selected:!0})),M([...t])},searchedString:y}),e.jsx(o.MenuList,{onSelect:W,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:O,options:Z})]})),!!O&&e.jsx(u.default,{onClear:function(){const e=n.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==v||v([...e])},list:q})]})),!!A&&e.jsx(i.Description,{title:A.title,description:A.description})]}))};

package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),s=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js"),r=require("../../../../TypographyStyle.js"),n=require("../../../../../constants/Theme.js"),l=require("./FreeFormMenu.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=o(t).default(i.ListItem)`
-	padding: 14px 16px !important;
-`;exports.MenuItem=t=>{let{option:i,isMultiSelect:o,showDescription:c,onSelect:d}=t;var u;function j(e){i.disabled||d(Object.assign(Object.assign({},i),{selected:e}))}return e.jsx(a,{onClick:e=>{e.preventDefault(),j(!i.selected)},onMouseOver:function(){i.descriptions?c(i.label,i.descriptions):c()},listItem:{value:i.value,label:i.label},trailingIcon:o?e.jsx(s.CheckBox,{isDisabled:null!==(u=i.disabled)&&void 0!==u&&u,isChecked:!!i.selected,onValueChange:j}):e.jsx(e.Fragment,{}),leadingIcon:i.isFreeForm?e.jsx(l.FreeFormContainer,{children:e.jsx(r.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:i.disabled?"inactive":i.selected?"selected":"default"})};

package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.js

@@ -1 +0,0 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as p}from"react";import{usePopper as s}from"react-popper";import{OverLapAbs as c,OpenDropdownContainer as d}from"../Common.styled.js";import{OpennedDropdown as a}from"../opennedDropdown/components/OpennedDropdown.js";const m=t.forwardRef(((t,m)=>{var{children:u}=t,f=e(t,["children"]);const v=m,[j,b]=l(!1),[h,w]=l(null),[D,O]=l(null),{styles:g,attributes:y}=s(h,D,{});return i(v,(()=>({openDropdown:j})),[]),p((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),o(n,{children:[o("div",Object.assign({style:{position:"relative"},ref:w},{children:[r(c,{onClick:e=>{j?e.preventDefault():f.disabled||b(!0)}}),u]})),j&&r(d,Object.assign({ref:O,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},y.popper,{children:r(a,Object.assign({},f,{onSelect:e=>{var o;null===(o=f.onSelect)||void 0===o||o.call(f,e),b(!1)},onClose:function(){var e;b(!1),null===(e=null==f?void 0:f.onClose)||void 0===e||e.call(f)}}))}))]})}));m.displayName="UnChildDropdown";export{m as UnChildDropdown};

package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js

@@ -1,3 +0,0 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../../checkBox/CheckBox.js";import{ListItem as s}from"../../../../list-item/ListItem.js";import{BodyCaption as n}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(s)`
-	padding: 14px 16px !important;
-`,a=o=>{let{option:s,isMultiSelect:a,showDescription:d,onSelect:m}=o;var p;function u(e){s.disabled||m(Object.assign(Object.assign({},s),{selected:e}))}return e(c,{onClick:e=>{e.preventDefault(),u(!s.selected)},onMouseOver:function(){s.descriptions?d(s.label,s.descriptions):d()},listItem:{value:s.value,label:s.label},trailingIcon:a?e(i,{isDisabled:null!==(p=s.disabled)&&void 0!==p&&p,isChecked:!!s.selected,onValueChange:u}):e(t,{}),leadingIcon:s.isFreeForm?e(l,{children:e(n,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:s.disabled?"inactive":s.selected?"selected":"default"})};export{a as MenuItem};