@bikdotai/bik-component-library 0.0.731-beta.1 → 0.0.731-beta.11

package/dist/esm/components/template-preview/RCS/RCSMediaCard.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/RCS_PDF.svg.js";import"../../shimmer-image/index.js";import{COLORS as i}from"../../../constants/Theme.js";import{HEADER_TYPES as r}from"../models/TemplateMeta.js";import{RCSPdfContainer as t,PdfComineText as o,PdfText as a,RCSMediaContainer as m}from"./RCSPreview.styled.js";import{ShimmerImage as d}from"../../shimmer-image/ShimmerImage.js";const n=r=>{let{headerAssetLink:m,headerAssetName:d}=r;var n;const l=s,c=d||(null===(n=null==m?void 0:m.split("/").pop())||void 0===n?void 0:n.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(t,{children:[e.jsx(l,{height:24,width:24,color:i.icon.placeholder}),!!c&&e.jsxs(o,{children:[e.jsx(a,{children:c}),e.jsx(a,{children:".pdf"})]})]})},l=s=>{let{headerAssetLink:i,headerAssetName:t,mediaType:o,imagePreviewStyles:a,isHorizontal:n}=s;const l={width:"100%",minHeight:n?"100%":"240px",height:n?"100%":"240px",objectFit:"cover",borderRadius:n?"8px":""};return e.jsx(m,Object.assign({isHorizontal:!!n},{children:o===r.IMAGE?e.jsx(d,{imageUrl:i,alt:i,width:"100%",height:n?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},a),{borderTopRightRadius:8,borderTopLeftRadius:8})}):o===r.VIDEO?e.jsx("video",Object.assign({src:i,style:l,controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:i})})):e.jsx(e.Fragment,{})}))};export{n as PdfMediaCard,l as RCSMediaCard};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import s from"../../../assets/icons/RCS_PDF.svg.js";import{ShimmerImage as i}from"../../shimmer-image/ShimmerImage.js";import{COLORS as r}from"../../../constants/Theme.js";import{HEADER_TYPES as t}from"../models/TemplateMeta.js";import{RCSPdfContainer as o,PdfComineText as a,PdfText as d,RCSMediaContainer as n}from"./RCSPreview.styled.js";const m=i=>{let{headerAssetLink:t,headerAssetName:n}=i;var m;const l=s,c=n||(null===(m=null==t?void 0:t.split("/").pop())||void 0===m?void 0:m.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(o,{children:[e.jsx(l,{height:24,width:24,color:r.icon.placeholder}),!!c&&e.jsxs(a,{children:[e.jsx(d,{children:c}),e.jsx(d,{children:".pdf"})]})]})},l=s=>{let{headerAssetLink:r,headerAssetName:o,mediaType:a,imagePreviewStyles:d,isHorizontal:m}=s;const l={width:"100%",minHeight:m?"100%":"240px",height:m?"100%":"240px",objectFit:"cover",borderRadius:m?"8px":""};return e.jsx(n,Object.assign({isHorizontal:!!m},{children:a===t.IMAGE?e.jsx(i,{imageUrl:r,alt:r,width:"100%",height:m?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},d),{borderTopRightRadius:8,borderTopLeftRadius:8})}):a===t.VIDEO?e.jsx("video",Object.assign({src:r,style:l,controls:!0,muted:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e.jsx(e.Fragment,{})}))};export{m as PdfMediaCard,l as RCSMediaCard};

package/dist/esm/components/template-preview/RCS/RCSPreview.styled.js

@@ -1,9 +1,9 @@
-import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const r=e.div`
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";e.div`
 	background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
 	border-radius: 4px;
 	position: relative;
 	height: ${e=>e.isCarousal?"100%":"auto"};
-`,o=e.div`
+`;const r=e.div`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
@@ -12,12 +12,12 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	padding: 12px;
 	color: ${t.content.primary};
 	word-wrap: break-word;
-`,i=e(o)`
+`,o=e(r)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,n=e(o)`
+`,i=e(r)`
 	font-weight: 600;
-`,d=e.div`
+`,n=e.div`
 	background: ${t.surface.standard};
 	border-radius: 12px;
 	position: relative;
@@ -36,7 +36,7 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 		border-radius: 12px;
 		flex: 1;
 	}
-`,a=e.div`
+`,d=e.div`
 	padding: 12px 0px;
 	display: flex;
 	flex-direction: row;
@@ -44,7 +44,7 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	align-items: center;
 	gap: 12px;
 	flex-wrap: wrap;
-`,p=e.div`
+`,a=e.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -53,7 +53,7 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	min-height: 152px;
 	margin-bottom: ${e=>e.isHorizontal?"":"4px"};
 	width: ${e=>e.isHorizontal?"50%":"auto"};
-`,s=e.div`
+`,p=e.div`
 	border-radius: 12px;
 	display: flex;
 	flex-direction: row;
@@ -63,14 +63,14 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	background-color: #ede7e8;
 	margin: 4px;
 	max-width: 200px;
-`,l=e.div`
+`,s=e.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: flex-start;
 	margin-left: 4px;
 	max-width: 180px;
-`,x=e.p`
+`,l=e.p`
 	white-space: nowrap;
 	color: #4c5567;
 	max-width: 100px;
@@ -81,7 +81,7 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	font-size: 12px;
 	font-weight: 500;
 	line-width: 20px;
-`,c=e.div`
+`,x=e.div`
 	border: 1px solid ${t.stroke.primary};
 	position: relative;
 	height: 500px;
@@ -89,7 +89,7 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"8px"}};
 	box-shadow: 0px 2px 8px 0px #0000001f;
 	background-color: white;
-`,f=e.div`
+`,c=e.div`
 	height: 50px;
 	background-color: ${t.background.inactive};
 	position: sticky;
@@ -100,11 +100,11 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	align-items: center;
 	justify-content: space-between;
 	gap: 5px;
-`,h=e.div`
+`,f=e.div`
 	display: flex;
 	align-items: center;
 	gap: 5px;
-`,g=e.div`
+`,h=e.div`
 	height: 27px;
 	width: 27px;
 	border-radius: 15px;
@@ -113,11 +113,11 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	justify-content: center;
 	align-items: center;
 	gap: 6px;
-`,m=e.div`
+`,g=e.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
-`,b=e.p`
+`,m=e.p`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
@@ -125,4 +125,4 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	line-height: 11px;
 	color: ${t.content.secondary};
 	margin-bottom: 0px;
-`;export{f as HeaderContainer,i as HeaderTextContainer,g as IconContainer,h as LeftContainer,l as PdfComineText,x as PdfText,c as RCSCarousalContainer,a as RCSChatBtnContainer,r as RCSContainer,p as RCSMediaContainer,s as RCSPdfContainer,d as RCSPreviewContainer,o as RcsHtmlContainer,b as SubTitle,m as TitleContainer,n as TitleTextContainer};
+`;export{c as HeaderContainer,o as HeaderTextContainer,h as IconContainer,f as LeftContainer,s as PdfComineText,l as PdfText,x as RCSCarousalContainer,d as RCSChatBtnContainer,a as RCSMediaContainer,p as RCSPdfContainer,n as RCSPreviewContainer,r as RcsHtmlContainer,m as SubTitle,g as TitleContainer,i as TitleTextContainer};

package/dist/esm/components/template-preview/SmsTemplatePreview.styled.js

@@ -1,46 +1,46 @@
-import r from"styled-components";import{COLORS as d}from"../../constants/Theme.js";const o=r.div`
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";r.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -5px;
 	bottom: 2px;
-`,p=r.div`
+`;const d=r.div`
 	padding: ${r=>"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"};
-	background: ${d.surface.standard};
+	background: ${o.surface.standard};
 	border-radius: 4px;
-`,t=r.div`
+`,p=r.div`
 	padding: 16px;
-	background: ${d.surface.standard};
+	background: ${o.surface.standard};
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
-	border-bottom: 1px solid ${d.stroke.primary};
-`,i=r.div`
-	border: 1px solid ${d.stroke.primary};
+	border-bottom: 1px solid ${o.stroke.primary};
+`;r.div`
+	border: 1px solid ${o.stroke.primary};
 	height: 100%;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
-`,e=r.div`
+`,r.div`
 	margin-top: ${r=>r.hideHeader?0:"16px"};
 	border-radius: 4px;
-	border-color: ${d.stroke.primary};
+	border-color: ${o.stroke.primary};
 	border-width: ${r=>r.outsidePreview?0:"1px"};
-`,a=r.div`
+`,r.div`
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	left: -10px;
 	bottom: -1px;
-`,s=r.div`
+`,r.div`
 	padding: 12px;
-	background: ${d.background.base};
+	background: ${o.background.base};
 	border-radius: 16px;
-`,x=r.div`
+`;const t=r.div`
 	padding: 10px;
 	position: sticky;
 	top: 0;
 	z-index: 1;
-	background: ${d.surface.standard};
+	background: ${o.surface.standard};
 	display: flex;
 	justify-content: space-between;
-	border-bottom: 1px solid ${d.background.base};
-`;export{s as BubbleContainer,a as BubbleSideCaret,p as SMSBubbleContainer,t as SMSCardHeader,i as SMSContainer,x as SMSHeader,e as SMSInnerContainer,o as SideCaret};
+	border-bottom: 1px solid ${o.background.base};
+`;export{d as SMSBubbleContainer,p as SMSCardHeader,t as SMSHeader};

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{BodySecondary as t,Caption as r}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as i}from"./ChatUI.style.js";const n=n=>{let{Icon:s,text:l,extraContent:c,placeholder:a,textTypography:p,size:h,iconPosition:d="left"}=n;const f=p||t;return e.jsx(i,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[s&&"left"===d&&e.jsx(s,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(f,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===h?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:l})),s&&"right"===d&&e.jsx(s,{color:o.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]})),!!c&&e.jsx(r,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):c}))]}))})};export{n as ChatBtn};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{Caption as t,BodySecondary as r}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as i}from"./ChatUI.style.js";const n=n=>{let{Icon:s,text:l,extraContent:c,placeholder:a,textTypography:p,size:h,iconPosition:d="left"}=n;const f=p||r;return e.jsx(i,{children:e.jsxs("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[s&&"left"===d&&e.jsx(s,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(f,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===h?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:l})),s&&"right"===d&&e.jsx(s,{color:o.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]})),!!c&&e.jsx(t,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):c}))]}))})};export{n as ChatBtn};

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

@@ -1,7 +1,7 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/halfRectangle.svg.js";import r from"../../../assets/icons/phone.svg.js";import o from"../../../assets/icons/RedirectToNew.svg.js";import{useMemo as s}from"react";import i from"styled-components";import"../../tooltips/index.js";import{BodySecondary as a,Caption as n}from"../../TypographyStyle.js";import{COLORS as l,FONTS as m}from"../../../constants/Theme.js";import{WhatsAppFormatToHTML as p}from"../helpers/WhatsAppFormatToHTML.js";import{HEADER_TYPES as d,ACTIONS_TYPES as c}from"../models/TemplateMeta.js";import{ChatBtn as h}from"./ChatBtn.js";import{Container as x,FooterWrapper as j,FooterText as g,TimeStamp as f}from"./ChatUI.style.js";import{MediaCard as y}from"./MediaCard.js";import T from"./RenderTemplateWithVariable.js";import{Tooltip as v}from"../../tooltips/Tooltip.js";const w=i.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/halfRectangle.svg.js";import r from"../../../assets/icons/phone.svg.js";import o from"../../../assets/icons/RedirectToNew.svg.js";import{useMemo as s}from"react";import i from"styled-components";import{Tooltip as a}from"../../tooltips/Tooltip.js";import{BodySecondary as n,Caption as l}from"../../TypographyStyle.js";import{COLORS as m,FONTS as p}from"../../../constants/Theme.js";import{WhatsAppFormatToHTML as d}from"../helpers/WhatsAppFormatToHTML.js";import{HEADER_TYPES as c,ACTIONS_TYPES as h}from"../models/TemplateMeta.js";import{ChatBtn as x}from"./ChatBtn.js";import{Container as j,FooterWrapper as g,FooterText as f,TimeStamp as y}from"./ChatUI.style.js";import{MediaCard as T}from"./MediaCard.js";import v from"./RenderTemplateWithVariable.js";const w=i.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`,b=i=>{const{bodyText:b,footerText:u,headerMediaType:S,headerText:N,headerAssetLink:A,headerAssetName:M,quickReplybtn:C,ctaBtn:F,actionTypes:L,textType:k,extras:z,showHeader:B,imagePreviewStyles:E,size:I,children:P,isPreview:R}=i,W=new p,_=s((()=>({color:l.content.primary,margin:12,fontSize:B?m.caption.fontSize:m.bodySecondary.fontSize,fontWeight:m.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(x,Object.assign({isPreview:R},{children:[e.jsx(w,{children:e.jsx(t,{color:"white",height:8,width:8})}),S===d.TEXT?e.jsx(T,{bold:!0,text:null==N?void 0:N.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):S!==d.NONE?e.jsx(y,{headerAssetLink:A,headerAssetName:M,mediaType:S,imagePreviewStyles:S===d.IMAGE?E:{}}):e.jsx(e.Fragment,{}),!!b&&e.jsx(e.Fragment,{children:P?e.jsx(e.Fragment,{children:P}):e.jsx(e.Fragment,{children:"html"===k?e.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:W.convertToHTML(b)}}):e.jsx(a,{children:null==b?void 0:b.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxs(j,{children:[e.jsx(v,Object.assign({body:null!=u?u:"",placement:"top"},{children:e.jsx(g,Object.assign({style:{flex:1}},{children:u}))})),e.jsx(f,{children:"16:48"})]}),L===c.QUICK_REPLY?e.jsx("div",{children:null==C?void 0:C.map(((t,r)=>e.jsx(h,{text:t.text},r)))}):L===c.CTA_BTN?e.jsx("div",{children:null==F?void 0:F.map(((t,s)=>e.jsx(h,{textTypography:B?n:a,extraContent:z?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r:o,size:I},s)))}):e.jsx(e.Fragment,{})]}))};export{b as default};
+`,b=i=>{const{bodyText:b,footerText:u,headerMediaType:S,headerText:N,headerAssetLink:A,headerAssetName:M,quickReplybtn:C,ctaBtn:F,actionTypes:L,textType:k,extras:z,showHeader:B,imagePreviewStyles:E,size:I,children:P,isPreview:R}=i,W=new d,_=s((()=>({color:m.content.primary,margin:12,fontSize:B?p.caption.fontSize:p.bodySecondary.fontSize,fontWeight:p.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(j,Object.assign({isPreview:R},{children:[e.jsx(w,{children:e.jsx(t,{color:"white",height:8,width:8})}),S===c.TEXT?e.jsx(v,{bold:!0,text:null==N?void 0:N.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):S!==c.NONE?e.jsx(T,{headerAssetLink:A,headerAssetName:M,mediaType:S,imagePreviewStyles:S===c.IMAGE?E:{}}):e.jsx(e.Fragment,{}),!!b&&e.jsx(e.Fragment,{children:P?e.jsx(e.Fragment,{children:P}):e.jsx(e.Fragment,{children:"html"===k?e.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:W.convertToHTML(b)}}):e.jsx(n,{children:null==b?void 0:b.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxs(g,{children:[e.jsx(a,Object.assign({body:null!=u?u:"",placement:"top"},{children:e.jsx(f,Object.assign({style:{flex:1}},{children:u}))})),e.jsx(y,{children:"16:48"})]}),L===h.QUICK_REPLY?e.jsx("div",{children:null==C?void 0:C.map(((t,r)=>e.jsx(x,{text:t.text},r)))}):L===h.CTA_BTN?e.jsx("div",{children:null==F?void 0:F.map(((t,s)=>e.jsx(x,{textTypography:B?l:n,extraContent:z?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r:o,size:I},s)))}):e.jsx(e.Fragment,{})]}))};export{b as default};

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

@@ -48,7 +48,7 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
 	flex-direction: row;
 	justify-content: space-between;
 	margin: 8px 12px;
-`,n=e.div`
+`;e.div`
 	position: absolute;
 	bottom: -1px;
 	left: 0;
@@ -62,8 +62,8 @@ import e from"styled-components";import{Caption as r}from"../../TypographyStyle.
 	background: ${o.surface.hovered};
 	border-bottom-right-radius: 8px;
 	border-bottom-left-radius: 8px;
-`,x=e.div`
+`,e.div`
 	position: absolute;
 	top: 16px;
 	right: 16px;
-`;export{a as ChatBtnContainer,t as Container,x as DownloadMediaIconHolder,d as FooterText,p as FooterWrapper,s as MediaContainer,n as MediaNameAbsWrapper,i as TimeStamp};
+`;export{a as ChatBtnContainer,t as Container,d as FooterText,p as FooterWrapper,s as MediaContainer,i as TimeStamp};

package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/chevronDownOutline.svg.js";import o from"../../../assets/icons/copy-code-icon.svg.js";import s from"../../../assets/icons/halfRectangle.svg.js";import r from"../../../assets/icons/phone.svg.js";import i from"../../../assets/icons/qrb.svg.js";import l from"../../../assets/icons/RedirectToNew.svg.js";import n from"styled-components";import{useTemplateModalContext as a}from"../../template-context-mapper/context/templateModalContext.js";import"../../tooltips/index.js";import{TitleSmall as p,Caption as d,BodySecondary as m}from"../../TypographyStyle.js";import{COLORS as x}from"../../../constants/Theme.js";import{VariableEditorHelper as c}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as h,ACTIONS_TYPES as j}from"../models/TemplateMeta.js";import{ChatBtn as f}from"./ChatBtn.js";import{Container as g,FooterWrapper as u,FooterText as y,TimeStamp as C}from"./ChatUI.style.js";import{LimitedTimeOffer as T}from"./LimitedTimeOffer/LimitedTimeOffer.index.js";import{MediaCard as v}from"./MediaCard.js";import{Tooltip as I}from"../../tooltips/Tooltip.js";const L=n.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/chevronDownOutline.svg.js";import o from"../../../assets/icons/copy-code-icon.svg.js";import s from"../../../assets/icons/halfRectangle.svg.js";import r from"../../../assets/icons/phone.svg.js";import i from"../../../assets/icons/qrb.svg.js";import l from"../../../assets/icons/RedirectToNew.svg.js";import n from"styled-components";import{useTemplateModalContext as a}from"../../template-context-mapper/context/templateModalContext.js";import{Tooltip as p}from"../../tooltips/Tooltip.js";import{TitleSmall as d,Caption as m,BodySecondary as x}from"../../TypographyStyle.js";import{COLORS as c}from"../../../constants/Theme.js";import{VariableEditorHelper as h}from"../helpers/VariableEditorHelper.js";import{HEADER_TYPES as j,ACTIONS_TYPES as f}from"../models/TemplateMeta.js";import{ChatBtn as g}from"./ChatBtn.js";import{Container as u,FooterWrapper as y,FooterText as C,TimeStamp as T}from"./ChatUI.style.js";import{LimitedTimeOffer as v}from"./LimitedTimeOffer/LimitedTimeOffer.index.js";import{MediaCard as I}from"./MediaCard.js";const L=n.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
@@ -11,9 +11,9 @@ import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t from"../
 	font-size: 14px;
 	line-height: 20px;
 	padding: 8px 12px 0px;
-	color: ${x.content.primary};
+	color: ${c.content.primary};
 	word-wrap: break-word;
 `,O=n(w)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,b=new c,E=n=>{const{bodyText:x,footerText:c,headerMediaType:E,headerText:_,headerAssetLink:P,headerAssetName:N,quickReplybtn:M,ctaBtn:S,actionTypes:A,extras:R,showHeader:B,imagePreviewStyles:H,size:F,bodyVariableList:U,headerVariableList:k,buttons:z,limitedTimeOfferComponent:D,carouselCardIndex:V,isWhatsappCarousel:Y,isPreview:q,children:K,hideFooter:Q=!1}=n,W=b.format(null==x?void 0:x.replace(/</g,"&lt;").replace(/>/g,"&gt;"),U),G=b.format(null==_?void 0:_.replace(/</g,"&lt;").replace(/>/g,"&gt;"),k),{selectedCarouselIndex:X,isProductCarouselType:$,errorIndexes:J,isCarouselHovered:Z}=a(),ee={COPY_CODE:o,PHONE_NUMBER:r,URL:l,QUICK_REPLY:i,VOICE_CALL:r,CALL_PERMISSION:t};return e.jsxs(g,Object.assign({isCarouselCard:null!=V&&V>-1,showBorder:null!=V&&V===X||$&&null!=V&&V>-1&&null!=X&&X>-1,hasError:null==J?void 0:J.includes(null!=V?V:-2),isWhatsappCarousel:Y,isPreview:q,showDashedBorder:$&&Z&&(null!=X?X:-1)<0&&(null!=V?V:-1)>-1},{children:[!Y&&e.jsx(L,{children:e.jsx(s,{color:"white",height:8,width:8})}),E===h.TEXT?e.jsx(O,{dangerouslySetInnerHTML:{__html:G}}):E!==h.NONE?e.jsx(v,{headerAssetLink:P,headerAssetName:N,mediaType:E,imagePreviewStyles:E===h.IMAGE?H:{}}):e.jsx(e.Fragment,{}),(null==D?void 0:D.dateTime)?e.jsx(T,{text:D.text,dateTime:D.dateTime,code:D.code}):e.jsx(e.Fragment,{}),!!x&&e.jsx(e.Fragment,{children:e.jsx(w,{dangerouslySetInnerHTML:{__html:W},style:{flex:1}})}),K,!Q&&e.jsxs(u,{children:[e.jsx(I,Object.assign({body:null!=c?c:"",placement:"top"},{children:e.jsx(y,Object.assign({style:{flex:1}},{children:c}))})),e.jsx(C,{children:"16:48"})]}),z&&z.length>0?z.map(((t,o)=>e.jsx(f,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:ee[t.type],size:F,iconPosition:"CALL_PERMISSION"===t.type?"right":"left",textTypography:"CALL_PERMISSION"===t.type?p:void 0},o))):A===j.QUICK_REPLY?e.jsx("div",{children:null==M?void 0:M.map(((t,o)=>e.jsx(f,{text:t.text},o)))}):A===j.CTA_BTN?e.jsx("div",{children:null==S?void 0:S.map(((t,o)=>e.jsx(f,{textTypography:B?d:m,extraContent:R?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r:l,size:F},o)))}):e.jsx(e.Fragment,{})]}))};export{E as ChatUIV2,w as HtmlContainer};
+`,b=new h,E=n=>{const{bodyText:c,footerText:h,headerMediaType:E,headerText:_,headerAssetLink:P,headerAssetName:N,quickReplybtn:M,ctaBtn:S,actionTypes:A,extras:R,showHeader:B,imagePreviewStyles:H,size:F,bodyVariableList:U,headerVariableList:k,buttons:z,limitedTimeOfferComponent:D,carouselCardIndex:V,isWhatsappCarousel:Y,isPreview:q,children:K,hideFooter:Q=!1}=n,W=b.format(null==c?void 0:c.replace(/</g,"&lt;").replace(/>/g,"&gt;"),U),G=b.format(null==_?void 0:_.replace(/</g,"&lt;").replace(/>/g,"&gt;"),k),{selectedCarouselIndex:X,isProductCarouselType:$,errorIndexes:J,isCarouselHovered:Z}=a(),ee={COPY_CODE:o,PHONE_NUMBER:r,URL:l,QUICK_REPLY:i,VOICE_CALL:r,CALL_PERMISSION:t};return e.jsxs(u,Object.assign({isCarouselCard:null!=V&&V>-1,showBorder:null!=V&&V===X||$&&null!=V&&V>-1&&null!=X&&X>-1,hasError:null==J?void 0:J.includes(null!=V?V:-2),isWhatsappCarousel:Y,isPreview:q,showDashedBorder:$&&Z&&(null!=X?X:-1)<0&&(null!=V?V:-1)>-1},{children:[!Y&&e.jsx(L,{children:e.jsx(s,{color:"white",height:8,width:8})}),E===j.TEXT?e.jsx(O,{dangerouslySetInnerHTML:{__html:G}}):E!==j.NONE?e.jsx(I,{headerAssetLink:P,headerAssetName:N,mediaType:E,imagePreviewStyles:E===j.IMAGE?H:{}}):e.jsx(e.Fragment,{}),(null==D?void 0:D.dateTime)?e.jsx(v,{text:D.text,dateTime:D.dateTime,code:D.code}):e.jsx(e.Fragment,{}),!!c&&e.jsx(e.Fragment,{children:e.jsx(w,{dangerouslySetInnerHTML:{__html:W},style:{flex:1}})}),K,!Q&&e.jsxs(y,{children:[e.jsx(p,Object.assign({body:null!=h?h:"",placement:"top"},{children:e.jsx(C,Object.assign({style:{flex:1}},{children:h}))})),e.jsx(T,{children:"16:48"})]}),z&&z.length>0?z.map(((t,o)=>e.jsx(g,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:ee[t.type],size:F,iconPosition:"CALL_PERMISSION"===t.type?"right":"left",textTypography:"CALL_PERMISSION"===t.type?d:void 0},o))):A===f.QUICK_REPLY?e.jsx("div",{children:null==M?void 0:M.map(((t,o)=>e.jsx(g,{text:t.text},o)))}):A===f.CTA_BTN?e.jsx("div",{children:null==S?void 0:S.map(((t,o)=>e.jsx(g,{textTypography:B?m:x,extraContent:R?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r:l,size:F},o)))}):e.jsx(e.Fragment,{})]}))};export{E as ChatUIV2,w as HtmlContainer};

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

@@ -1 +1 @@
-const e="create-template",a={name:`${e}-name`,header:`${e}-header`,body:`${e}-body`,actionButtons:`${e}-action-buttons`,footer:`${e}-footer`},t="Please enter template name",o="Template body text cant be empty",r="Required field",l="Maximum 60 characters are allowed",n="Maximum 512 characters allowed",i="No special characters allowed",m="Maximum 1,024 characters are allowed",d="Maximum 20 characters are allowed",s="Buttons with same name are not allowed",c="Maximum characters allowed is 2000 characters",h="Only one variable allowed in text header",u="Please enter a valid 10-digit phone number",w="Emojis are not allowed in footer",b="Emojis are not allowed in header",x="Emojis are not allowed in button",p="Please attach the required media",y="Some input(s) are missing",M="Only one variable allowed in text header",$=60,f=512,P=1024,j=25,v=2e3,E=20,N="None",g="{{customUrl}}",q="((customPlaceholderName))";export{m as BODY_LEN_ERROR,o as BODY_TEXT_EMPTY,P as BODY_TEXT_LEN_LIMIT,x as BUTTON_EMOJI_ERROR,a as CREATE_TEMPLATE_DOM_IDS,c as CUSTOM_LIM_LEN_ERROR,v as CUSTOM_LINK_LIMIT,g as CUSTOM_URL_PLACEHOLDER,q as CUSTOM_URL_PLACEHOLDER_VAR,w as FOOTER_EMOJI_ERROR,p as HEADER_ASSET_LINK_ERROR,b as HEADER_EMOJI_ERROR,l as HEADER_LEN_ERROR,$ as HEADER_TEXT_LEN_LIMIT,n as NAME_LEN_ERROR,f as NAME_LEN_LIMIT,t as NAME_NOT_FOUND,i as NO_SPECIAL_CHAR,M as ONE_VAR_ALLOWED,h as ONE_VAR_ERROR,N as QRB_NONE,j as QUICK_REPLY_BTN_TEXT_LIMIT,d as QUICK_REPLY_LEN_ERROR,s as QUICK_REPLY_NAME_ERROR,E as QUICK_REPLY_NAME_LEN_LIMIT,r as REQUIRED_FIELD,y as TCS_DEFAULT_INPUT_ERROR,u as VALID_PHONE_NUMBER};
+const e="create-template",a={name:`${e}-name`,header:`${e}-header`,body:`${e}-body`,actionButtons:`${e}-action-buttons`,footer:`${e}-footer`},t="Required field",o="Maximum 60 characters are allowed",r="Maximum 512 characters allowed",l="No special characters allowed",d="Maximum 1,024 characters are allowed",c="Maximum 20 characters are allowed",i="Buttons with same name are not allowed",m="Please enter a valid 10-digit phone number",n="Emojis are not allowed in button",s="Please attach the required media",h="Only one variable allowed in text header",u=60,w=512,b=1024,x=25,$=20,p="{{customUrl}}",M="((customPlaceholderName))";export{d as BODY_LEN_ERROR,b as BODY_TEXT_LEN_LIMIT,n as BUTTON_EMOJI_ERROR,a as CREATE_TEMPLATE_DOM_IDS,p as CUSTOM_URL_PLACEHOLDER,M as CUSTOM_URL_PLACEHOLDER_VAR,s as HEADER_ASSET_LINK_ERROR,o as HEADER_LEN_ERROR,u as HEADER_TEXT_LEN_LIMIT,r as NAME_LEN_ERROR,w as NAME_LEN_LIMIT,l as NO_SPECIAL_CHAR,h as ONE_VAR_ALLOWED,x as QUICK_REPLY_BTN_TEXT_LIMIT,c as QUICK_REPLY_LEN_ERROR,i as QUICK_REPLY_NAME_ERROR,$ as QUICK_REPLY_NAME_LEN_LIMIT,t as REQUIRED_FIELD,m as VALID_PHONE_NUMBER};

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,CREATE_TEMPLATE_DOM_IDS as v,HEADER_TEXT_LEN_LIMIT as p,HEADER_LEN_ERROR as u,ONE_VAR_ALLOWED as m,HEADER_ASSET_LINK_ERROR as c,BODY_TEXT_LEN_LIMIT as h,BODY_LEN_ERROR as b,QUICK_REPLY_BTN_TEXT_LIMIT as T,QUICK_REPLY_LEN_ERROR as y,BUTTON_EMOJI_ERROR as x,VALID_PHONE_NUMBER as f,QUICK_REPLY_NAME_LEN_LIMIT as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as g,ACTIONS_TYPES as k}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:g.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(v.name),G=!0),e.headerType===g.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>p)Q.header=u,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=m,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===g.DOCUMENT||e.headerType===g.IMAGE||(e.headerType,g.VIDEO);if(e.headerType!==g.DOCUMENT&&e.headerType!==g.IMAGE&&e.headerType!==g.VIDEO||e.headerAssetLink||(Q.header=c,H="invalid"),Q.header&&!G&&(J(v.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>h&&(Q.body=b,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(v.body),G=!0),e.footerText&&e.footerText.length>p&&(Q.footer=u,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(v.footer),G=!0),e.actionsType===k.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>T?(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=x,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=f,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>T?(Q.ctaBtn.websiteLink.btnText=y,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=x,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===k.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>B)t[n]=y,H="invalid";else if(W.test(o))t[n]=x,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===o))&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"})),Q.quickReply=t}if(e.actionsType===k.CTA_BTN||e.actionsType===k.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce(((e,t)=>e||!!t),!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(v.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find((e=>"BODY"===e.type));return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach(((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})})),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:k.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?k.QUICK_REPLY:k.CTA_BTN;if(s.actionsType=t,t===k.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];s.quickReply=e}else t===k.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(e,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(e,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(e),f=this.parseLimitedTimeOfferComponent(e,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(e),g={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(e),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:k}=this.validateState(g);return g.error=k,g}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as p,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as m,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as h,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as T,BUTTON_EMOJI_ERROR as y,VALID_PHONE_NUMBER as x,QUICK_REPLY_NAME_LEN_LIMIT as f,CREATE_TEMPLATE_DOM_IDS as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as g,ACTIONS_TYPES as k}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:g.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(B.name),G=!0),e.headerType===g.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>v)Q.header=p,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=u,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===g.DOCUMENT||e.headerType===g.IMAGE||(e.headerType,g.VIDEO);if(e.headerType!==g.DOCUMENT&&e.headerType!==g.IMAGE&&e.headerType!==g.VIDEO||e.headerAssetLink||(Q.header=m,H="invalid"),Q.header&&!G&&(J(B.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>c&&(Q.body=h,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(B.body),G=!0),e.footerText&&e.footerText.length>v&&(Q.footer=p,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(B.footer),G=!0),e.actionsType===k.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.phoneNumber.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=x,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.websiteLink.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=y,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===k.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>f)t[n]=T,H="invalid";else if(W.test(o))t[n]=y,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===o))&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"})),Q.quickReply=t}if(e.actionsType===k.CTA_BTN||e.actionsType===k.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce(((e,t)=>e||!!t),!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(B.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find((e=>"BODY"===e.type));return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach(((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})})),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:k.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?k.QUICK_REPLY:k.CTA_BTN;if(s.actionsType=t,t===k.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];s.quickReply=e}else t===k.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(e,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(e,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(e),f=this.parseLimitedTimeOfferComponent(e,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(e),g={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(e),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:k}=this.validateState(g);return g.error=k,g}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js

@@ -1 +1 @@
-import"../../../helpers/index.js";import{variablePattern as e}from"../constants/regexPatterns.js";import{BaseWhatsappContentLangHelper as r}from"../../../helpers/BaseWhatsappContentLang.helper.js";const l=new r;class a{format(r,a){var n;if(!r)return"";const p=new RegExp(e,"g"),t=r.match(p),o=null!==(n=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==n?n:[],c=r.split(e).map(((e,r)=>{var l;const n=null==t?void 0:t[r];if(n){const r=n.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+n}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};
+import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var t;if(!e)return"";const p=new RegExp(r,"g"),n=e.match(p),o=null!==(t=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],c=e.split(r).map(((e,r)=>{var l;const t=null==n?void 0:n[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+t}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};

package/dist/esm/components/testimonial-card/TestimonialCard.js

@@ -1 +1 @@
-import{j as r}from"../../node_modules/react/jsx-runtime.js";import"../avatar/index.js";import"../star-rating/index.js";import{BodyPrimary as e,TitleMedium as t,TitleRegular as s,TitleLarge as o,BodyLarge as a}from"../TypographyStyle.js";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/card_footer_arraw.svg.js";import{TestimonialProfileInfo2 as l,Logo as c,TestimonialProfileCard as j,TestimonialProfileInfo as d,TestimonialProfileFooter as h,FooterText as m,FooterStat as x,FooterArrow as v,TestimonialCardStyle as g}from"./TestimonialCard.style.js";import{Avatar as p}from"../avatar/Avatar.js";import{AVATAR_TYPES as u,SIZE as f,AVATAR_BACKGROUND as w}from"../avatar/AvatarHelper.js";import{StarRating as b}from"../star-rating/StarRating.js";const y=y=>{var O,S;const T=null!==(O=y.version)&&void 0!==O?O:"v1";return r.jsxs(r.Fragment,{children:[r.jsxs(g,Object.assign({width:y.width,height:y.height,version:T},{children:[r.jsx(b,{starSize:24,maxValue:null!==(S=y.ratingMaxValue)&&void 0!==S?S:5,value:y.ratingValue,onChange:r=>console.log(r),mode:"VIEW",version:T}),r.jsx(a,Object.assign({color:i.content.secondary},{children:y.testimonial})),(()=>{var s;return"v2"==T?r.jsxs(l,{children:[r.jsx(c,{src:y.avatarUrl}),r.jsx(e,Object.assign({color:i.content.secondary},{children:y.reviewerName}))]}):r.jsxs(j,{children:[r.jsx(p,{type:u.IMAGE,size:null!==(s=y.avatarSize)&&void 0!==s?s:f.MEDIUM,background:w.LIGHT,photoUrl:y.avatarUrl}),r.jsxs(d,{children:[r.jsx(t,Object.assign({color:i.content.secondary},{children:y.reviewerName})),r.jsx(e,Object.assign({color:i.content.secondary},{children:y.reviewerCaption}))]})]})})()]})),"v2"===T?r.jsxs(h,Object.assign({width:y.width},{children:[r.jsx(m,{children:r.jsx(s,Object.assign({color:i.text.white},{children:null==y?void 0:y.footerText}))}),r.jsx(x,{children:r.jsx(o,Object.assign({color:i.text.white},{children:null==y?void 0:y.footerStat}))}),r.jsx(v,{children:r.jsx(n,{})})]})):null]})};export{y as TestimonialCard};
+import{j as r}from"../../node_modules/react/jsx-runtime.js";import{Avatar as e}from"../avatar/Avatar.js";import{AVATAR_TYPES as s,SIZE as t,AVATAR_BACKGROUND as o}from"../avatar/AvatarHelper.js";import{StarRating as n}from"../star-rating/StarRating.js";import{BodyLarge as a,BodyPrimary as i,TitleMedium as l,TitleRegular as c,TitleLarge as j}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";import h from"../../assets/icons/card_footer_arraw.svg.js";import{TestimonialCardStyle as m,TestimonialProfileInfo2 as x,Logo as v,TestimonialProfileCard as g,TestimonialProfileInfo as p,TestimonialProfileFooter as u,FooterText as f,FooterStat as w,FooterArrow as b}from"./TestimonialCard.style.js";const y=y=>{var O,S;const T=null!==(O=y.version)&&void 0!==O?O:"v1";return r.jsxs(r.Fragment,{children:[r.jsxs(m,Object.assign({width:y.width,height:y.height,version:T},{children:[r.jsx(n,{starSize:24,maxValue:null!==(S=y.ratingMaxValue)&&void 0!==S?S:5,value:y.ratingValue,onChange:r=>console.log(r),mode:"VIEW",version:T}),r.jsx(a,Object.assign({color:d.content.secondary},{children:y.testimonial})),(()=>{var n;return"v2"==T?r.jsxs(x,{children:[r.jsx(v,{src:y.avatarUrl}),r.jsx(i,Object.assign({color:d.content.secondary},{children:y.reviewerName}))]}):r.jsxs(g,{children:[r.jsx(e,{type:s.IMAGE,size:null!==(n=y.avatarSize)&&void 0!==n?n:t.MEDIUM,background:o.LIGHT,photoUrl:y.avatarUrl}),r.jsxs(p,{children:[r.jsx(l,Object.assign({color:d.content.secondary},{children:y.reviewerName})),r.jsx(i,Object.assign({color:d.content.secondary},{children:y.reviewerCaption}))]})]})})()]})),"v2"===T?r.jsxs(u,Object.assign({width:y.width},{children:[r.jsx(f,{children:r.jsx(c,Object.assign({color:d.text.white},{children:null==y?void 0:y.footerText}))}),r.jsx(w,{children:r.jsx(j,Object.assign({color:d.text.white},{children:null==y?void 0:y.footerStat}))}),r.jsx(b,{children:r.jsx(h,{})})]})):null]})};export{y as TestimonialCard};

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -1,6 +1,6 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import"../checkBox/index.js";import"../icon-button/index.js";import"../tag/index.js";import{BodyPrimary as i,BodyCaption as s}from"../TypographyStyle.js";import r from"../../assets/icons/chevronRight.svg.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{Tag as c}from"../tag/Tag.js";import{IconButton as l}from"../icon-button/IconButton.js";const a=t.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as i}from"../icon-button/IconButton.js";import{Tag as r}from"../tag/Tag.js";import{BodyPrimary as n,BodyCaption as c}from"../TypographyStyle.js";import l from"../../assets/icons/chevronRight.svg.js";const a=t.div`
   height: 64px;
-  background-color: ${e=>{let{isSelected:t,isActive:i}=e;return t?o.background.positive.light:i?o.surface.hovered:o.surface.standard}};
+  background-color: ${e=>{let{isSelected:t,isActive:s}=e;return t?o.background.positive.light:s?o.surface.hovered:o.surface.standard}};
   border-bottom: 1px solid ${o.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -10,4 +10,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled
   &:hover {
     background-color: ${e=>{let{isSelected:t}=e;return t?o.background.positive.light:o.surface.hovered}};
   }
-`,d=t=>{let{id:d,name:m,itemsCount:p,selectedCount:h,isChecked:g,isPartiallyChecked:x,onCheck:u,onClick:j}=t;return e.jsxs(a,Object.assign({isActive:g||x,isSelected:g,onClick:j},{children:[e.jsx(n,{isChecked:g||x,isPartiallyChecked:x&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),u(e,o)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(i,{children:m}),e.jsxs(s,Object.assign({style:{color:o.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!h&&e.jsx(c,{tagText:`${h} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(l,{Icon:r,height:16,width:16,style:{marginLeft:8}})]}))};export{d as TextPickerCategoryCard};
+`,d=t=>{let{id:d,name:m,itemsCount:h,selectedCount:p,isChecked:g,isPartiallyChecked:u,onCheck:x,onClick:f}=t;return e.jsxs(a,Object.assign({isActive:g||u,isSelected:g,onClick:f},{children:[e.jsx(s,{isChecked:g||u,isPartiallyChecked:u&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),x(e,o)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(n,{children:m}),e.jsxs(c,Object.assign({style:{color:o.text.secondary,fontSize:13}},{children:[h," document",1!==h?"s":""]}))]})),!!p&&e.jsx(r,{tagText:`${p} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(i,{Icon:l,height:16,width:16,style:{marginLeft:8}})]}))};export{d as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import"../tag/index.js";import{BodySecondary as s}from"../TypographyStyle.js";import{Tag as o}from"../tag/Tag.js";const i=t.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as s}from"../tag/Tag.js";import{BodySecondary as o}from"../TypographyStyle.js";const i=t.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
@@ -8,6 +8,6 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled
 `,r=t.div`
 	display: flex;
 	align-items: center;
-`,c=t(s)`
+`,c=t(o)`
 	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
-`,a=t=>{let{totalSelected:n,maxDocuments:s}=t;const a=s!==1/0&&n>=s;return e.jsx(i,{children:e.jsx(r,{children:a?e.jsx(o,{tagText:`You can only select ${s} documents`,type:"negative"}):e.jsx(c,Object.assign({$isInactive:0===n},{children:s!==1/0?`${n}/${s} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};
+`,a=t=>{let{totalSelected:n,maxDocuments:o}=t;const a=o!==1/0&&n>=o;return e.jsx(i,{children:e.jsx(r,{children:a?e.jsx(s,{tagText:`You can only select ${o} documents`,type:"negative"}):e.jsx(c,Object.assign({$isInactive:0===n},{children:o!==1/0?`${n}/${o} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import"../checkBox/index.js";import{BodyPrimary as o}from"../TypographyStyle.js";import{CheckBox as i}from"../checkBox/CheckBox.js";const n=r.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as i}from"../TypographyStyle.js";const n=r.div`
 	min-height: 48px;
 	background: ${e=>{let{selected:r}=e;return r?t.surface.hovered:t.surface.standard}};
 	border-bottom: 1px solid ${t.stroke.primary};
@@ -14,4 +14,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled
 	align-items: center;
 `,c=r.div`
 	flex: 1;
-`,d=r=>{let{item:t,selected:d,onCheck:l,onClick:m}=r;return e.jsxs(n,Object.assign({selected:d,onClick:m},{children:[e.jsx(s,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsx(i,{isChecked:d,onValueChange:l})})),e.jsx(c,{children:e.jsx(o,{children:t.name})})]}))};export{d as TextPickerItemRow};
+`,l=r=>{let{item:t,selected:l,onCheck:d,onClick:a}=r;return e.jsxs(n,Object.assign({selected:l,onClick:a},{children:[e.jsx(s,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsx(o,{isChecked:l,onValueChange:d})})),e.jsx(c,{children:e.jsx(i,{children:t.name})})]}))};export{l as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import"../icon-button/index.js";import"../input/index.js";import"../modals/index.js";import{BodyCaption as r}from"../TypographyStyle.js";import{TextPickerCategoryCard as s}from"./TextPickerCategoryCard.js";import{TextPickerFooter as l}from"./TextPickerFooter.js";import{TextPickerItemRow as d}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as a}from"./TextPickerSelectAllRow.js";import{StyledModal as c}from"../modals/styledModal.js";import{Input as m}from"../input/Input.js";import{IconButton as h}from"../icon-button/IconButton.js";const u=n.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{IconButton as r}from"../icon-button/IconButton.js";import{Input as s}from"../input/Input.js";import{StyledModal as l}from"../modals/styledModal.js";import{BodyCaption as d}from"../TypographyStyle.js";import{TextPickerCategoryCard as a}from"./TextPickerCategoryCard.js";import{TextPickerFooter as c}from"./TextPickerFooter.js";import{TextPickerItemRow as m}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as h}from"./TextPickerSelectAllRow.js";const u=n.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -23,4 +23,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../
 	color: ${o.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,f=n=>{var f,v;const{visible:y,categories:b,selectedItems:C,onAdd:k,onClose:T,title:w="Select Text",subtitle:O,width:B="640px",zIndex:S}=n,I=null!==(f=n.maxDocuments)&&void 0!==f?f:1/0,[L,P]=i("categories"),[$,A]=i(""),[F,D]=i(C),[R,z]=i(null),N=b.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))),_=R?R.items.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[],E=Object.values(F).reduce(((e,t)=>e+t.length),0),M=O||"",q=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},H=()=>{var e;return!!R&&_.length>0&&(null===(e=F[R.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{R&&D((i=>{const n=i[R.id]||[];return t&&E>=I?i:Object.assign(Object.assign({},i),{[R.id]:t?[...n,e]:n.filter((t=>t!==e))})}))};return e.jsx(c,Object.assign({open:y,onClose:T,headingTitle:w,headingSubtitle:M,centralContainerStyles:{width:B,zIndex:S},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(v=n.primaryButton.disabled)&&void 0!==v&&v||0===E||I!==1/0&&E>=I,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===E||I!==1/0&&E>=I,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(l,{totalSelected:E,maxDocuments:I}),footerContainerStyle:{borderTop:`1px solid ${o.stroke.primary}`,background:o.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(u,{children:"categories"===L?e.jsxs(e.Fragment,{children:[e.jsx(g,{children:e.jsx(m,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===N.length?e.jsx(j,{children:"No categories found. Try a different search."}):N.map((t=>{var i;return e.jsx(s,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isChecked:q(t),isPartiallyChecked:G(t)&&!q(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),D((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{z(e),P("items"),A("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(x,{children:[e.jsx(h,{Icon:t,height:16,width:16,onClick:()=>{P("categories"),z(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(r,Object.assign({style:{color:o.content.secondary}},{children:null==R?void 0:R.name}))]}),e.jsx(g,{children:e.jsx(m,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(j,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(a,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!R&&!!(null===(e=F[R.id])||void 0===e?void 0:e.length)&&F[R.id].length<_.length})()&&!H(),onCheck:e=>{R&&D((t=>e?Object.assign(Object.assign({},t),{[R.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[R.id]:[]})))}}),_.map((t=>{var i;return e.jsx(d,{item:t,selected:(null===(i=F[R.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=F[R.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{f as TextPickerModal};
+`,f=n=>{var f,v;const{visible:y,categories:b,selectedItems:C,onAdd:k,onClose:T,title:w="Select Text",subtitle:O,width:B="640px",zIndex:S}=n,I=null!==(f=n.maxDocuments)&&void 0!==f?f:1/0,[L,P]=i("categories"),[$,A]=i(""),[F,D]=i(C),[R,z]=i(null),N=b.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))),_=R?R.items.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[],E=Object.values(F).reduce(((e,t)=>e+t.length),0),M=O||"",q=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},H=()=>{var e;return!!R&&_.length>0&&(null===(e=F[R.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{R&&D((i=>{const n=i[R.id]||[];return t&&E>=I?i:Object.assign(Object.assign({},i),{[R.id]:t?[...n,e]:n.filter((t=>t!==e))})}))};return e.jsx(l,Object.assign({open:y,onClose:T,headingTitle:w,headingSubtitle:M,centralContainerStyles:{width:B,zIndex:S},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(v=n.primaryButton.disabled)&&void 0!==v&&v||0===E||I!==1/0&&E>=I,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===E||I!==1/0&&E>=I,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(c,{totalSelected:E,maxDocuments:I}),footerContainerStyle:{borderTop:`1px solid ${o.stroke.primary}`,background:o.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(u,{children:"categories"===L?e.jsxs(e.Fragment,{children:[e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===N.length?e.jsx(j,{children:"No categories found. Try a different search."}):N.map((t=>{var i;return e.jsx(a,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isChecked:q(t),isPartiallyChecked:G(t)&&!q(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),D((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{z(e),P("items"),A("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(x,{children:[e.jsx(r,{Icon:t,height:16,width:16,onClick:()=>{P("categories"),z(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(d,Object.assign({style:{color:o.content.secondary}},{children:null==R?void 0:R.name}))]}),e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(j,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!R&&!!(null===(e=F[R.id])||void 0===e?void 0:e.length)&&F[R.id].length<_.length})()&&!H(),onCheck:e=>{R&&D((t=>e?Object.assign(Object.assign({},t),{[R.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[R.id]:[]})))}}),_.map((t=>{var i;return e.jsx(m,{item:t,selected:(null===(i=F[R.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=F[R.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{f as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import"../checkBox/index.js";import{BodyPrimary as t}from"../TypographyStyle.js";import{CheckBox as s}from"../checkBox/CheckBox.js";const o=r.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as t}from"../checkBox/CheckBox.js";import{BodyPrimary as s}from"../TypographyStyle.js";const o=r.div`
   background: ${e=>{let{isActive:r}=e;return r?i.surface.hovered:i.surface.subdued}};
   border-bottom: 1px solid ${i.stroke.primary};
   padding: 12px 24px;
@@ -14,4 +14,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled
   margin-right: 16px;
 `,n=r.div`
   flex: 1;
-`,d=r=>{let{isChecked:i,isPartiallyChecked:d,onCheck:l}=r;return e.jsxs(o,Object.assign({isActive:i||d},{children:[e.jsx(c,{children:e.jsx(s,{isChecked:i||d,isPartiallyChecked:d&&!i,onValueChange:l})}),e.jsx(n,{children:e.jsx(t,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};
+`,l=r=>{let{isChecked:i,isPartiallyChecked:l,onCheck:d}=r;return e.jsxs(o,Object.assign({isActive:i||l},{children:[e.jsx(c,{children:e.jsx(t,{isChecked:i||l,isPartiallyChecked:l&&!i,onValueChange:d})}),e.jsx(n,{children:e.jsx(s,{children:"Select All"})})]}))};export{l as TextPickerSelectAllRow};

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

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/alert_triangle.svg.js";import e from"../../assets/icons/check.svg.js";import n from"../../assets/icons/cross.svg.js";import s from"../../assets/icons/errorInfo.svg.js";import i from"../../assets/icons/info.svg.js";import l,{useContext as r,useRef as d,useState as c,useEffect as u}from"react";import a from"react-dom";import{cssTransition as x,toast as p,ToastContainer as h}from"react-toastify";import"../button/index.js";import{ToasterStyled as g}from"./Toaster.styled.js";import{TitleSmall as y,BodySecondary as v,BodyCaption as j}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";import{Button as f}from"../button/Button.js";const T=o=>{const e=(o.type,b.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n,{height:20,width:20,color:e})}))},B=o=>{var e,n;const s=b.content.placeholder,{toasterText:i}=r(w);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(y,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(v,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(j,Object.assign({color:b.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(f,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(f,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},m=n=>{const l=d(n.toastId||"default-toast"),[r,y]=c(n.text),v=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),j="default"===n.type?null:"success"===n.type?t.jsx(e,{width:20,height:20,color:b.content.positive}):"error"===n.type?t.jsx(s,{width:20,height:20,color:b.content.negative}):"warning"===n.type?t.jsx(o,{width:20,height:20,color:b.content.warning}):t.jsx(i,{width:20,height:20,color:b.content.brand});u((()=>{l.current&&l.current===n.toastId?(y(n.text),p.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&f(n.text)}),[n.toastId,n.text]);const f=o=>{var e,s,i,r,d,c,u,a,x,h,g,y,b,f,m,w;void 0!==n.hideLeftIcon||n.leftIcon?p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j}))),type:n.type,closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(u=n.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=n.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:n.toastId||"default-toast",transition:v}):l.current=p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(x=n.buttonProps)||void 0===x?void 0:x.buttonText,secondButtonText:null===(h=n.secondButtonProps)||void 0===h?void 0:h.buttonText,showButton:null===(g=n.buttonProps)||void 0===g?void 0:g.showButton,showSecondButton:null===(y=n.secondButtonProps)||void 0===y?void 0:y.showButton,onButtonClick:null===(b=n.buttonProps)||void 0===b?void 0:b.onButtonClick,onSecondButtonClick:null===(f=n.secondButtonProps)||void 0===f?void 0:f.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j})),closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(m=n.buttonProps)||void 0===m?void 0:m.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:v})};return u((()=>{f()}),[]),a.createPortal(t.jsx(g,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(w.Provider,Object.assign({value:{toasterText:r}},{children:t.jsx(h,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)},w=l.createContext({toasterText:""});export{m as Toaster};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/alert_triangle.svg.js";import e from"../../assets/icons/check.svg.js";import n from"../../assets/icons/cross.svg.js";import s from"../../assets/icons/errorInfo.svg.js";import i from"../../assets/icons/info.svg.js";import l,{useRef as r,useState as d,useEffect as c,useContext as u}from"react";import a from"react-dom";import{cssTransition as x,toast as p,ToastContainer as h}from"react-toastify";import{Button as g}from"../button/Button.js";import{ToasterStyled as y}from"./Toaster.styled.js";import{TitleSmall as v,BodySecondary as j,BodyCaption as f}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const T=o=>{const e=(o.type,b.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n,{height:20,width:20,color:e})}))},B=o=>{var e,n;const s=b.content.placeholder,{toasterText:i}=u(w);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(v,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(j,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(f,Object.assign({color:b.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(g,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(g,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},m=n=>{const l=r(n.toastId||"default-toast"),[u,g]=d(n.text),v=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),j="default"===n.type?null:"success"===n.type?t.jsx(e,{width:20,height:20,color:b.content.positive}):"error"===n.type?t.jsx(s,{width:20,height:20,color:b.content.negative}):"warning"===n.type?t.jsx(o,{width:20,height:20,color:b.content.warning}):t.jsx(i,{width:20,height:20,color:b.content.brand});c((()=>{l.current&&l.current===n.toastId?(g(n.text),p.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&f(n.text)}),[n.toastId,n.text]);const f=o=>{var e,s,i,r,d,c,u,a,x,h,g,y,f,b,m,w;void 0!==n.hideLeftIcon||n.leftIcon?p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j}))),type:n.type,closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(u=n.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=n.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:n.toastId||"default-toast",transition:v}):l.current=p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(x=n.buttonProps)||void 0===x?void 0:x.buttonText,secondButtonText:null===(h=n.secondButtonProps)||void 0===h?void 0:h.buttonText,showButton:null===(g=n.buttonProps)||void 0===g?void 0:g.showButton,showSecondButton:null===(y=n.secondButtonProps)||void 0===y?void 0:y.showButton,onButtonClick:null===(f=n.buttonProps)||void 0===f?void 0:f.onButtonClick,onSecondButtonClick:null===(b=n.secondButtonProps)||void 0===b?void 0:b.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j})),closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(m=n.buttonProps)||void 0===m?void 0:m.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:v})};return c((()=>{f()}),[]),a.createPortal(t.jsx(y,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(w.Provider,Object.assign({value:{toasterText:u}},{children:t.jsx(h,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)},w=l.createContext({toasterText:""});export{m as Toaster};

package/dist/esm/components/tooltips/TooltipInternal.js

@@ -1 +1 @@
-import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as b}from"../../node_modules/react/jsx-runtime.js";import"../button/index.js";import{TitleSmall as t,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as g}from"../button/Button.js";const o=c=>"light"===c?d.content.primary:d.content.primaryInverse,n=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>o(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),a=c=>{var d;return b.jsxs(n,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&b.jsx(t,Object.assign({color:o(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(l,Object.assign({color:o(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(g,Object.assign({},c.buttonProps))]}))};export{a as default};
+import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as b}from"../../node_modules/react/jsx-runtime.js";import{Button as l}from"../button/Button.js";import{TitleSmall as t,BodyCaption as g}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const o=c=>"light"===c?d.content.primary:d.content.primaryInverse,a=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>o(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),n=c=>{var d;return b.jsxs(a,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&b.jsx(t,Object.assign({color:o(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(g,Object.assign({color:o(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(l,Object.assign({},c.buttonProps))]}))};export{n as default};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1 +1 @@
-import{j as s}from"../../node_modules/react/jsx-runtime.js";import{useState as e,useEffect as t}from"react";import{COLORS as n}from"../../constants/Theme.js";import"../button/index.js";import"../modals/index.js";import"../shimmer/index.js";import{BodyPrimary as i,TitleSmall as a,BodySecondary as l}from"../TypographyStyle.js";import{ModalBody as c}from"./UnsatisfactoryCountIntentWiseModal.style.js";import{StyledModal as r}from"../modals/styledModal.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Button as d}from"../button/Button.js";const j=j=>{const{storeId:m,setShowUnsatisfactoryResponseModal:h,showUnsatisfactoryResponseModal:b,ChecklistType:x,UnsatisfactoryResponseIntentList:p,viewIntentWiseUnsatisfactoryResponse:g,IntentHeaderTitle:y,fetchUnsatisfactoryResponseCountIntentWise:O}=j,[f,v]=e(),[u,N]=e(!1);return t((()=>{m&&O&&(N(!0),O().then((s=>{v(s),N(!1)})))}),[m]),s.jsx(r,Object.assign({onClose:()=>h(!1),open:b,headingTitle:"Improve unsatisfactory response"},{children:s.jsxs(c,{children:[s.jsx("div",{children:s.jsx(i,Object.assign({style:{color:n.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),s.jsxs("div",Object.assign({className:"modal-table"},{children:[s.jsxs("div",Object.assign({className:"table-row header"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Intent"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Unsatisfactory response"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Action"}))}))]})),u&&[0,1,2,3,4,5,6].map((e=>s.jsxs("div",Object.assign({className:"table-row"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(o,{boxes:[{width:"196px",height:"20px"}]})})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(o,{boxes:[{width:"176px",height:"20px"}]})})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(o,{boxes:[{width:"56px",height:"20px"}]})}))]}),e))),!u&&p&&y&&g&&p.map((e=>s.jsxs("div",Object.assign({className:"table-row"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(l,Object.assign({style:{color:n.content.primary}},{children:y[e]}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(l,Object.assign({style:{color:n.content.primary}},{children:(null==f?void 0:f[e])||"--"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(d,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>g(e),disabled:!(null==f?void 0:f[e])})}))]}),e)))]}))]})}))};export{j as UnsatisfactoryCountIntentWiseModal};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s,useEffect as t}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as a}from"../modals/styledModal.js";import{BikShimmer as l}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as c,TitleSmall as r,BodySecondary as o}from"../TypographyStyle.js";import{ModalBody as d}from"./UnsatisfactoryCountIntentWiseModal.style.js";const j=j=>{const{storeId:m,setShowUnsatisfactoryResponseModal:h,showUnsatisfactoryResponseModal:b,ChecklistType:x,UnsatisfactoryResponseIntentList:p,viewIntentWiseUnsatisfactoryResponse:g,IntentHeaderTitle:y,fetchUnsatisfactoryResponseCountIntentWise:O}=j,[f,v]=s(),[u,N]=s(!1);return t((()=>{m&&O&&(N(!0),O().then((e=>{v(e),N(!1)})))}),[m]),e.jsx(a,Object.assign({onClose:()=>h(!1),open:b,headingTitle:"Improve unsatisfactory response"},{children:e.jsxs(d,{children:[e.jsx("div",{children:e.jsx(c,Object.assign({style:{color:n.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),e.jsxs("div",Object.assign({className:"modal-table"},{children:[e.jsxs("div",Object.assign({className:"table-row header"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Intent"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Unsatisfactory response"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Action"}))}))]})),u&&[0,1,2,3,4,5,6].map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(l,{boxes:[{width:"196px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"176px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"56px",height:"20px"}]})}))]}),s))),!u&&p&&y&&g&&p.map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:y[s]}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:(null==f?void 0:f[s])||"--"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>g(s),disabled:!(null==f?void 0:f[s])})}))]}),s)))]}))]})}))};export{j as UnsatisfactoryCountIntentWiseModal};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as s}from"@bikdotai/bik-models/growth/models/bik-store";import t from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import"../avatar/index.js";import"../button/index.js";import"../states/index.js";import{TitleRegular as l,BodySecondary as c,Caption as d}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as p}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as m}from"./UnsatisfactoryResponseList.style.js";import{StateComponent as j,StateInterface as h}from"../states/StateComponent.js";import{SIZE as y,AVATAR_TYPES as f,AVATAR_BACKGROUND as g}from"../avatar/AvatarHelper.js";import{Avatar as x}from"../avatar/Avatar.js";import{Button as u}from"../button/Button.js";const b=b=>{const{storeId:v,appType:I,incorrectMessages:w,onIncorrectMessageBubbleClick:C,setShowIncorrectReplies:T,ChecklistType:U,IntentWiseUnsatisfactoryResponse:M,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:k,fetchUnsatisfactoryResponseCount:N}=b,[S,A]=i(""),[W,L]=i((null==w?void 0:w.length)>0),[D,E]=i(!1);return r((()=>{!W&&N&&N().then((e=>{e>0&&L(!0),0===e&&T(!1)}))}),[]),e.jsx("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:e.jsxs(m,{children:[I==s.MANIFEST&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(l,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>T(!1)},{children:e.jsx(t,{height:16,width:16,color:a.content.primary})}))]})),e.jsx(c,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==w?void 0:w.length)&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e.jsx(j,{states:h.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:y.SMALL,icon:e.jsx(x,{type:f.ICON,size:y.MEDIUM,background:g.LIGHT,icon:()=>e.jsx(n,{width:16,height:16,color:a.content.warning})})})})),!!(null==w?void 0:w.length)&&e.jsxs(e.Fragment,{children:[I==s.MANIFEST&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==w?void 0:w.length)?"flex-start":"center"}},{children:e.jsx(u,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{E(!0)},disabled:!W})})),e.jsx(p,{storeId:v,setShowUnsatisfactoryResponseModal:E,showUnsatisfactoryResponseModal:D,ChecklistType:U,UnsatisfactoryResponseIntentList:M,IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:k,viewIntentWiseUnsatisfactoryResponse:R}),w&&(null==w?void 0:w.length)>0&&e.jsx("div",Object.assign({className:"wrapper"},{children:w.map(((s,t)=>e.jsxs("div",Object.assign({className:"bubble",onClick:()=>{C(s.messageId),A(s.messageId)},style:S===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[e.jsx(c,Object.assign({style:{color:a.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(d,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{b as UnsatisfactoryResponseList};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as s}from"@bikdotai/bik-models/growth/models/bik-store";import t from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Avatar as l}from"../avatar/Avatar.js";import{SIZE as c,AVATAR_TYPES as d,AVATAR_BACKGROUND as p}from"../avatar/AvatarHelper.js";import{Button as m}from"../button/Button.js";import{StateComponent as h,StateInterface as y}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as j,BodySecondary as f,Caption as g}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as u}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as x}from"./UnsatisfactoryResponseList.style.js";const b=b=>{const{storeId:v,appType:I,incorrectMessages:w,onIncorrectMessageBubbleClick:C,setShowIncorrectReplies:T,ChecklistType:U,IntentWiseUnsatisfactoryResponse:M,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:k,fetchUnsatisfactoryResponseCount:N}=b,[S,A]=i(""),[W,L]=i((null==w?void 0:w.length)>0),[D,E]=i(!1);return r((()=>{!W&&N&&N().then((e=>{e>0&&L(!0),0===e&&T(!1)}))}),[]),e.jsx("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:e.jsxs(x,{children:[I==s.MANIFEST&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(j,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>T(!1)},{children:e.jsx(t,{height:16,width:16,color:a.content.primary})}))]})),e.jsx(f,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==w?void 0:w.length)&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e.jsx(h,{states:y.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:c.SMALL,icon:e.jsx(l,{type:d.ICON,size:c.MEDIUM,background:p.LIGHT,icon:()=>e.jsx(n,{width:16,height:16,color:a.content.warning})})})})),!!(null==w?void 0:w.length)&&e.jsxs(e.Fragment,{children:[I==s.MANIFEST&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==w?void 0:w.length)?"flex-start":"center"}},{children:e.jsx(m,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{E(!0)},disabled:!W})})),e.jsx(u,{storeId:v,setShowUnsatisfactoryResponseModal:E,showUnsatisfactoryResponseModal:D,ChecklistType:U,UnsatisfactoryResponseIntentList:M,IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:k,viewIntentWiseUnsatisfactoryResponse:R}),w&&(null==w?void 0:w.length)>0&&e.jsx("div",Object.assign({className:"wrapper"},{children:w.map(((s,t)=>e.jsxs("div",Object.assign({className:"bubble",onClick:()=>{C(s.messageId),A(s.messageId)},style:S===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[e.jsx(f,Object.assign({style:{color:a.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(g,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{b as UnsatisfactoryResponseList};