@bikdotai/bik-component-library 0.0.218 → 0.0.220
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/icons/paperclip.svg.js +1 -0
- package/dist/cjs/assets/icons/smile_emoji.svg.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/cjs/components/bik-layout/BikHeader.d.ts +1 -0
- package/dist/cjs/components/bik-layout/BikHeader.js +1 -1
- package/dist/cjs/components/bik-layout/CommonStyles.d.ts +4 -0
- package/dist/cjs/components/bik-layout/CommonStyles.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/editor/index.d.ts +1 -0
- package/dist/cjs/components/editor/mail/MailRTE.stories.d.ts +5 -0
- package/dist/cjs/components/editor/mail/MailRTE.styled.d.ts +31 -0
- package/dist/cjs/components/editor/mail/MailRTE.styled.js +117 -0
- package/dist/cjs/components/editor/mail/index.d.ts +1 -0
- package/dist/cjs/components/editor/mail/mailRTE.d.ts +18 -0
- package/dist/cjs/components/editor/mail/mailRTE.js +1 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/paperclip.svg.js +1 -0
- package/dist/esm/assets/icons/smile_emoji.svg.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
- package/dist/esm/components/bik-layout/BikHeader.d.ts +1 -0
- package/dist/esm/components/bik-layout/BikHeader.js +1 -1
- package/dist/esm/components/bik-layout/CommonStyles.d.ts +4 -0
- package/dist/esm/components/bik-layout/CommonStyles.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/editor/index.d.ts +1 -0
- package/dist/esm/components/editor/mail/MailRTE.stories.d.ts +5 -0
- package/dist/esm/components/editor/mail/MailRTE.styled.d.ts +31 -0
- package/dist/esm/components/editor/mail/MailRTE.styled.js +117 -0
- package/dist/esm/components/editor/mail/index.d.ts +1 -0
- package/dist/esm/components/editor/mail/mailRTE.d.ts +18 -0
- package/dist/esm/components/editor/mail/mailRTE.js +1 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './mail';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta, ComponentStory } from '@storybook/react';
|
|
3
|
+
declare const _default: ComponentMeta<import("react").FC<import("./mailRTE").GmailRTEProps>>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Basic: ComponentStory<import("react").FC<import("./mailRTE").GmailRTEProps>>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import ReactQuill from 'react-quill';
|
|
2
|
+
export declare const AttachmentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const ProgressIndicatorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const OuterProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const InnerProgressBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const AttachmentName: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
numberOfLines?: number | undefined;
|
|
8
|
+
color?: string | undefined;
|
|
9
|
+
}, never>;
|
|
10
|
+
export declare const ForwardMessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
+
export declare const StyledBodySecondary: import("styled-components").StyledComponent<"div", any, {
|
|
12
|
+
numberOfLines?: number | undefined;
|
|
13
|
+
color?: string | undefined;
|
|
14
|
+
}, never>;
|
|
15
|
+
export declare const LeftItemsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
|
+
export declare const InboxIconContainer: import("styled-components").StyledComponent<"div", any, {
|
|
17
|
+
isSelected?: boolean | undefined;
|
|
18
|
+
selectedBgColor?: string | undefined;
|
|
19
|
+
}, never>;
|
|
20
|
+
export declare const SendConatiner: import("styled-components").StyledComponent<"div", any, {
|
|
21
|
+
isModalView: boolean;
|
|
22
|
+
}, never>;
|
|
23
|
+
export declare const ReactQuilStyleContainer: import("styled-components").StyledComponent<typeof ReactQuill, any, {
|
|
24
|
+
isModalView: boolean;
|
|
25
|
+
}, never>;
|
|
26
|
+
export declare const EditorContainer: import("styled-components").StyledComponent<"div", any, {
|
|
27
|
+
isModalView: boolean;
|
|
28
|
+
}, never>;
|
|
29
|
+
export declare const EditorInnerContainer: import("styled-components").StyledComponent<"div", any, {
|
|
30
|
+
isModalView: boolean;
|
|
31
|
+
}, never>;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import e from"react-quill";import r from"styled-components";import{BodyCaption as i,BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";const d=r.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
background-color: ${e=>e.theme.COLORS.surface.subdued}
|
|
5
|
+
margin-bottom: 4px;
|
|
6
|
+
margin-top: 4px;
|
|
7
|
+
padding: 7px;
|
|
8
|
+
width: 200px;
|
|
9
|
+
align-items: center;
|
|
10
|
+
border-radius: 8px;
|
|
11
|
+
`,l=r.div`
|
|
12
|
+
flex: 1;
|
|
13
|
+
flex-direction: row;
|
|
14
|
+
align-items: center;
|
|
15
|
+
`,a=r.div`
|
|
16
|
+
height: 8px;
|
|
17
|
+
border-radius: 8px;
|
|
18
|
+
background-color: ${e=>e.theme.COLORS.background.inactive};
|
|
19
|
+
flex: 1;
|
|
20
|
+
`,n=r.div`
|
|
21
|
+
height: 100%;
|
|
22
|
+
border-radius: 4px;
|
|
23
|
+
`,p=r(i)`
|
|
24
|
+
color: ${t.content.brand};
|
|
25
|
+
width: 50%;
|
|
26
|
+
`,c=r.div`
|
|
27
|
+
padding: 8px;
|
|
28
|
+
border-radius: 4px;
|
|
29
|
+
margin: 0 8px 6px 8px;
|
|
30
|
+
background-color: ${t.background.warning.light};
|
|
31
|
+
`,x=r(o)`
|
|
32
|
+
color: ${e=>e.theme.COLORS.content.warning};
|
|
33
|
+
font-style: italic;
|
|
34
|
+
`,s=r.div`
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: row;
|
|
37
|
+
align-items: center;
|
|
38
|
+
`,b=r.div`
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
display: flex;
|
|
41
|
+
width: 32px;
|
|
42
|
+
height: 32px;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
align-items: center;
|
|
45
|
+
border-radius: 4px;
|
|
46
|
+
background-color: ${e=>{var r;return e.isSelected?null!==(r=e.selectedBgColor)&&void 0!==r?r:t.background.positive.light:t.surface.standard}};
|
|
47
|
+
&:hover {
|
|
48
|
+
background-color: ${e=>{var r;return e.isSelected?null!==(r=e.selectedBgColor)&&void 0!==r?r:t.background.positive.light:t.surface.hovered}};
|
|
49
|
+
}
|
|
50
|
+
`,g=r.div`
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: row;
|
|
53
|
+
padding: ${e=>e.isModalView?"6px 12px":"12px 8px 8px 8px "};
|
|
54
|
+
border-width: 0px;
|
|
55
|
+
border-top-width: 0.5px;
|
|
56
|
+
border-style: solid;
|
|
57
|
+
border-color: ${t.background.inactive};
|
|
58
|
+
border-bottom-left-radius: 4px;
|
|
59
|
+
border-bottom-right-radius: 4px;
|
|
60
|
+
width: 100%;
|
|
61
|
+
height: 44px;
|
|
62
|
+
align-items: center;
|
|
63
|
+
|
|
64
|
+
justify-content: space-between;
|
|
65
|
+
`,h=r(e)`
|
|
66
|
+
width: 100%;
|
|
67
|
+
height: ${e=>e.isModalView?"260":"130"}px;
|
|
68
|
+
.ql-container.ql-snow {
|
|
69
|
+
width: 100%;
|
|
70
|
+
border: 0px;
|
|
71
|
+
}
|
|
72
|
+
.ql-editor {
|
|
73
|
+
padding: 0px;
|
|
74
|
+
|
|
75
|
+
/* Handle */
|
|
76
|
+
::-webkit-scrollbar-thumb {
|
|
77
|
+
background: #888;
|
|
78
|
+
border-radius: 20px;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
.ql-editor::-webkit-scrollbar {
|
|
82
|
+
width: 8px;
|
|
83
|
+
display: block;
|
|
84
|
+
border-radius: 20px;
|
|
85
|
+
}
|
|
86
|
+
.ql-editor.ql-blank::before {
|
|
87
|
+
font-style: normal;
|
|
88
|
+
color: ${t.content.placeholder};
|
|
89
|
+
}
|
|
90
|
+
`,u=r.div`
|
|
91
|
+
width: 100%;
|
|
92
|
+
max-height: ${e=>e.isModalView?"320px":"30vh"};
|
|
93
|
+
min-height: ${e=>e.isModalView?"320px":"20vh"};
|
|
94
|
+
padding: ${e=>e.isModalView?"24px 12px":"0px"};
|
|
95
|
+
display: flex;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
|
|
98
|
+
.attachment__container {
|
|
99
|
+
display: flex;
|
|
100
|
+
gap: 6px;
|
|
101
|
+
margin: 0 6px;
|
|
102
|
+
overflow-x: scroll;
|
|
103
|
+
max-width: 100%;
|
|
104
|
+
&::-webkit-scrollbar-thumb {
|
|
105
|
+
background: #888;
|
|
106
|
+
border-radius: 10px;
|
|
107
|
+
}
|
|
108
|
+
&::-webkit-scrollbar {
|
|
109
|
+
height: 6px;
|
|
110
|
+
display: block;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
`,m=r.div`
|
|
114
|
+
min-height: 40px;
|
|
115
|
+
flex-grow: 1;
|
|
116
|
+
padding: ${e=>e.isModalView?"0px":"8px"};
|
|
117
|
+
`;export{d as AttachmentContainer,p as AttachmentName,u as EditorContainer,m as EditorInnerContainer,c as ForwardMessageContainer,b as InboxIconContainer,n as InnerProgressBarContainer,s as LeftItemsContainer,a as OuterProgressBarContainer,l as ProgressIndicatorContainer,h as ReactQuilStyleContainer,g as SendConatiner,x as StyledBodySecondary};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './mailRTE';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface GmailRTEProps {
|
|
3
|
+
isForwardMail?: boolean;
|
|
4
|
+
isSendDisabled: boolean;
|
|
5
|
+
buttonAction: (input: string, inputText: string, attachments: {
|
|
6
|
+
filename: string;
|
|
7
|
+
path: string;
|
|
8
|
+
}[]) => Promise<boolean | void>;
|
|
9
|
+
defaultInputText?: string;
|
|
10
|
+
isModalView: boolean;
|
|
11
|
+
setErrorToast: (msg: string) => void;
|
|
12
|
+
isLoading: boolean;
|
|
13
|
+
uploadFile?: (file: File, fileName: string) => Promise<any>;
|
|
14
|
+
buttonText?: string;
|
|
15
|
+
skipAttachments?: boolean;
|
|
16
|
+
initialHtml?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const GmailRTE: React.FC<GmailRTEProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsxs as t,Fragment as i,jsx as l}from"react/jsx-runtime";import s from"emoji-picker-react";import n,{useRef as o,useState as a,useEffect as r}from"react";import{Quill as c}from"react-quill";import{Button as d}from"../../button/Button.js";import{Tooltip as u}from"../../tooltips/Tooltip.js";import{BodyCaption as m}from"../../TypographyStyle.js";import{COLORS as g}from"../../../constants/Theme.js";import b from"../../../assets/icons/cross.svg.js";import h from"../../../assets/icons/paperclip.svg.js";import v from"../../../assets/icons/smile_emoji.svg.js";import{EditorContainer as p,EditorInnerContainer as f,ReactQuilStyleContainer as j,ForwardMessageContainer as y,StyledBodySecondary as O,SendConatiner as q,LeftItemsContainer as k,InboxIconContainer as N,AttachmentContainer as w,AttachmentName as x,ProgressIndicatorContainer as M,OuterProgressBarContainer as T,InnerProgressBarContainer as B}from"./MailRTE.styled.js";const z=m=>{let{isForwardMail:b,isSendDisabled:w,buttonAction:x,defaultInputText:M,isModalView:T,setErrorToast:B,uploadFile:z,isLoading:S,buttonText:E="Send",skipAttachments:A,initialHtml:F}=m;var V,_,I;const L=o(null),[R,U]=a(!1),D=n.useRef(null),G=o(),[H,$]=a({}),[K,P]=a(""),[W,Y]=a(M||"");r((()=>{var e,t;Y(null===(t=null===(e=L.current)||void 0===e?void 0:e.unprivilegedEditor)||void 0===t?void 0:t.getText())}),[K]);const Z=()=>{U(!R)},J=(null===(I=null===(_=null===(V=null==L?void 0:L.current)||void 0===V?void 0:V.editor)||void 0===_?void 0:_.container)||void 0===I?void 0:I.querySelector(".ql-editor"))||{};G.current=J;const Q=c.import("formats/font");Q.whitelist=["arial","comic-sans","courier-new","georgia","helvetica","lucida"],c.register(Q,!0);const X=c.import("formats/size");X.whitelist=["extra-small","small","medium","large"],c.register(X,!0),r((()=>{F&&G.current&&(G.current.innerHTML=F)}),[G.current]);const ee=e=>{const t=H;delete t[e],$(Object.assign({},t))};return t(i,{children:[t(p,Object.assign({isModalView:T},{children:[l(f,Object.assign({isModalView:T},{children:l(j,{isModalView:T,ref:L,modules:{toolbar:{container:"#gmail-toolbar"}},onChange:e=>{P(e)},formats:["header","font","size","bold","italic","underline","align","strike","script","blockquote","background","list","bullet","indent","link","image","color","code-block"]})})),!A&&l("div",Object.assign({className:"attachment__container"},{children:Object.keys(H).map((e=>l(C,{fileName:e,uploadState:H[e],removeAttachment:ee},e)))})),b&&l(y,{children:l(O,Object.assign({style:{fontSize:12}},{children:"We cannot currently display the forwarded message thread. It will be visible after sending the message."}))})]})),t("div",Object.assign({id:"gmail-toolbar",style:{border:0,display:"flex",zIndex:0,backgroundColor:g.surface.subdued}},{children:[t("span",Object.assign({className:"ql-formats"},{children:[l("button",{className:"ql-bold"}),l("button",{className:"ql-italic"}),l("button",{className:"ql-underline"}),l("button",{className:"ql-strike"})]})),t("span",Object.assign({className:"ql-formats"},{children:[l("button",{className:"ql-list",value:"ordered"}),l("button",{className:"ql-list",value:"bullet"}),l("button",{className:"ql-indent",value:"-1"}),l("button",{className:"ql-indent",value:"+1"})]})),t("span",Object.assign({className:"ql-formats"},{children:[l("button",{className:"ql-script",value:"super"}),l("button",{className:"ql-script",value:"sub"}),l("button",{className:"ql-blockquote"})]})),t("span",Object.assign({className:"ql-formats"},{children:[l("select",{className:"ql-align"}),l("select",{className:"ql-color"}),l("select",{className:"ql-background"})]}))]})),l(q,Object.assign({isModalView:!0},{children:t(k,{children:[l(d,{style:{marginRight:10},buttonText:E,onClick:()=>{e(void 0,void 0,void 0,(function*(){var e,t;const i=[];Object.keys(H).map((e=>{"finished"===H[e].status&&i.push({filename:e,path:H[e].url})})),(yield x(K,W,i))&&T&&(P(""),Y(""),null===(t=null===(e=L.current)||void 0===e?void 0:e.editor)||void 0===t||t.setContents([{insert:"\n"}]),$({}))})).then()},size:"small",disabled:(null==W?void 0:W.length)<=0||w,isLoading:S}),!A&&t(i,{children:[l("input",{ref:D,type:"file",name:"file",multiple:!0,style:{display:"none"},onChange:t=>{const i=t.target.files;if(i){const t=[],l=[];Object.values(i).forEach((e=>{e.size<=5242880?l.push(e):t.push(e)})),t.length>0&&B("Files greater than 5mb size are ignored."),l.forEach((t=>(t=>e(void 0,void 0,void 0,(function*(){var e,i;const l=H;l[t.name]={status:"loading"},$(Object.assign({},l));const s=z&&(yield z(t,t.name));return(null===(e=null==s?void 0:s.data)||void 0===e?void 0:e.imageUrl)?(l[t.name]={status:"finished",url:null===(i=s.data)||void 0===i?void 0:i.imageUrl,size:null==t?void 0:t.size},$(Object.assign({},l)),s.data.imageUrl):(l[t.name]={status:"error"},$(Object.assign({},l)),null)})))(t)))}}}),z&&l(u,Object.assign({body:"Attach files",placement:"top"},{children:l(N,Object.assign({onClick:()=>{(()=>{var e;null===(e=D.current)||void 0===e||e.click()})()}},{children:l(h,{style:{cursor:"pointer"},width:16,height:16,color:g.content.secondary})}))}))]}),l("div",Object.assign({style:{display:"flex",flexDirection:"row",columnGap:16,alignItems:"center"}},{children:t("div",Object.assign({style:{position:"relative"}},{children:[l(u,Object.assign({body:"Emoji",placement:"top"},{children:l(N,Object.assign({isSelected:!1,onClick:()=>{Z()}},{children:l(v,{width:16,height:16,color:g.content.secondary})}))})),R&&l("div",Object.assign({style:{position:"absolute",bottom:40,left:0}},{children:l(s,{onEmojiClick:(e,t)=>{let{emoji:i}=t;var l,s,n,o,a;null===(l=null==L?void 0:L.current)||void 0===l||l.focus();const r=null===(n=null===(s=L.current)||void 0===s?void 0:s.editor)||void 0===n?void 0:n.getSelection();r&&(null===(a=null===(o=L.current)||void 0===o?void 0:o.editor)||void 0===a||a.insertText(null==r?void 0:r.index,i)),Z(),P(J.innerText)}})}))]}))}))]})}))]})},C=e=>{const{fileName:s,uploadState:n,removeAttachment:o}=e;return l(i,{children:t(w,{children:[l(x,Object.assign({numberOfLines:1,style:{flex:1}},{children:s})),"loading"!==n.status&&l(m,Object.assign({style:{flex:1}},{children:S(n.size)})),"loading"===n.status&&l(M,{children:l(T,{children:l(B,{style:{backgroundColor:g.background.brand,width:"60%"}})})}),l("div",Object.assign({style:{cursor:"pointer"},onClick:()=>o(s)},{children:l(b,{width:16,height:16})}))]})})},S=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(!+e)return"0 Bytes";const i=t<0?0:t,l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(i))} ${["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][l]}`};export{z as GmailRTE};
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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{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{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.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,TooltipStyled}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,SmallRegular,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{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.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{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{MEDIA_TYPES,PostPicker}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";
|
|
1
|
+
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{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{WhatsappLikePreviewV2}from"./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./components/template-preview/helpers/VariableEditorHelper.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,TEMPLATE_EDITOR,TEMPLATE_STATUS}from"./components/template-preview/models/TemplateMeta.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,TooltipStyled}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,SmallRegular,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{AD_STRING_OPERATORS,ANY_AD_OPERATORS,ANY_IG_OPERATORS,BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,ICE_BREAKER_OPERATORS,IG_STRING_OPERATORS,INTEGER_OPERATORS,REACTION_OPERATORS,SPECIFIC_IG_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{MenuItemDropdown}from"./components/dropdown/MenuItem/MenuItem.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{AnalyticsMetric}from"./components/analytics-chips-and-dropdowns/AnalyticsMetric.js";export{AnalyticsTrend}from"./components/analytics-chips-and-dropdowns/AnalyticsTrend.js";export{LineChart}from"./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";export{LinearChipGroupedChart}from"./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js";export{Card,PieChartAnalytics}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";export{PieChart}from"./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js";export{HorizontalGraph}from"./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";export{StackedBarChart}from"./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";export{VerticalGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";export{HEAT,HEAT_COLORS,HEAT_GRADING_TYPE,HeatMap}from"./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";export{VerticalBarAndLinearGraph}from"./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{AVATAR_BACKGROUND,AVATAR_SIZE_MAP,AVATAR_TYPES,SIZE}from"./components/avatar/AvatarHelper.js";export{Alert}from"./components/alerts/Alert.js";export{ALERT_TYPES,COLOR_CONFIG_MAP}from"./components/alerts/AlertHelper.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent,Tabs}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{TablePaginationCard,TablePaginationCardStyled}from"./components/TablePagination/TablePaginationCard.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{DeleteConfirmationModal}from"./components/states-modal/DeleteConfirmationModal.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";export{WhatsAppTextEditor}from"./components/WhatsAppTextEditor/WhatsAppTextEditor.js";export{EditorActionTypes,WhatsAppTextEditorHeader}from"./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js";export{BaseWhatsappContentLangHelper}from"./helpers/BaseWhatsappContentLang.helper.js";export{CardSelectionModal}from"./components/card-selection-modal/CardSelectionModal.js";export{BikImageCropper}from"./components/image-cropper/BikImageCropper.js";export{BikImagePipeline}from"./components/image-cropper/BikImagePipeline/BikImagePipeline.js";export{ButtonGroup}from"./components/buttonGroup/ButtonGroup.js";export{BikAccordion}from"./components/accordion/Accordion.js";export{FileUploader}from"./components/file-uploader/FileUploader.js";export{ColourInput}from"./components/colourInput/ColourInput.js";export{BikHeader}from"./components/bik-layout/BikHeader.js";export{BikLayout}from"./components/bik-layout/BikLayout.js";export{BikProfile}from"./components/bik-layout/BikProfile.js";export{SimpleSidebar}from"./components/bik-layout/SimpleSidebar.js";export{BikSidebar}from"./components/bik-layout/BikSidebar.js";export{FeatureModal}from"./components/bik-layout/FeatureModal.js";export{SidebarSkeleton}from"./components/bik-layout/SidebarSkeleton.js";export{SearchBar}from"./components/searchBar/searchBar.js";export{CustomDateTime}from"./components/custom-date-time/CustomDateTime.js";export{PricePleaseProductPicker,ProductPickerContent}from"./components/product-picker/ProductPickerModal.js";export{DiscountModal}from"./components/discount-modal/DiscountModal.js";export{COUPON_EXPIRATION,CouponExpiration}from"./components/discount-modal/CouponExpiration/CouponExpiration.js";export{DISCOUNT_TARGET_SELECTION,DISCOUNT_TARGET_TYPES,DISCOUNT_TYPES,DISCOUNT_VALUE_TYPES,MIN_PURCHASE_REQUIREMENT}from"./components/discount-modal/type.js";export{CountryCodePicker}from"./components/country-code-picker/CountryCodePicker.js";export{CountriesData}from"./components/country-code-picker/CountryCodePicker.modal.js";export{ShimmerImage}from"./components/shimmer-image/ShimmerImage.js";export{ProductPickerModal}from"./components/product-picker-v2/modal.js";export{Carousel}from"./components/carousel/carousel.js";export{CarouselSecondary}from"./components/carousel-secondary/CarouselSecondary.js";export{AccessTokenTroubleshootDialog}from"./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js";export{RadioList}from"./components/radioList/RadioList.js";export{CheckList}from"./components/checkList/CheckList.js";export{MEDIA_TYPES,PostPicker}from"./components/postPicker/postPicker.js";export{DropdownButton}from"./components/dropdown-button/DropdownButton.js";export{GmailRTE}from"./components/editor/mail/mailRTE.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bikdotai/bik-component-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.220",
|
|
4
4
|
"description": "Bik Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"bootstrap": "^5.1.3",
|
|
55
55
|
"browser-image-compression": "^2.0.2",
|
|
56
56
|
"chart.js": "^3.9.1",
|
|
57
|
-
"emoji-picker-react": "^
|
|
57
|
+
"emoji-picker-react": "^3.6.1",
|
|
58
58
|
"lodash": "^4.17.21",
|
|
59
59
|
"phone": "^3.1.37",
|
|
60
60
|
"react-bootstrap": "^2.4.0",
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
"react-image-crop": "^10.0.9",
|
|
65
65
|
"react-lottie": "^1.2.3",
|
|
66
66
|
"react-popper": "^2.3.0",
|
|
67
|
+
"react-quill": "^2.0.0",
|
|
67
68
|
"react-toastify": "^9.1.2"
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|