npm - @bikdotai/bik-component-library - Versions diffs - 0.0.802 → 0.0.804-beta.0 - Mend

@bikdotai/bik-component-library 0.0.802 → 0.0.804-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/cjs/components/avatar/Avatar.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export declare const enum MESSAGE_CHANNELS {
     SMTP = "smtp",
     FACEBOOK_CATALOG = "facebook-catalog",
     TASKS = "tasks",
-    BIK_LIVECHAT = "livechat"
+    BIK_LIVECHAT = "livechat",
+    VOICE = "voice"
 }
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/cjs/components/avatar/Avatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&(p||!h.photoUrl)&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&(!h.photoUrl||p)&&h.name?e.jsx("div",{children:O()}):h.useNameFallback&&h.photoUrl&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),c=require("../../assets/icons/gmail.svg.js"),S=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),d=require("../../assets/icons/whatsapp_color.svg.js"),E=require("../../icons/Informational/Communication/Phone.js");const h={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var p;exports.MESSAGE_CHANNELS=void 0,(p=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",p.MESSENGER="messenger",p.WHATSAPP="whatsapp",p.GMAIL="gmail",p.LIVECHAT="livechat",p.GOOGLE_BUSINESS_CHAT="gbm",p.SHOPIFY="shopify",p.FACEBOOK="facebook",p.EMAIL="email",p.SMTP="smtp",p.FACEBOOK_CATALOG="facebook-catalog",p.TASKS="tasks",p.BIK_LIVECHAT="livechat",p.VOICE="voice";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=h,exports.Avatar=p=>{const[g,O]=s.useState(!1),x=()=>{const s=(p.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return p.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[p.background]}},{children:s})):p.size===i.SIZE.MEDIUM||p.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[p.background]}},{children:s})):p.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[p.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:p.type===i.AVATAR_TYPES.IMAGE&&(g||!p.photoUrl)&&p.useNameFallback&&p.name?i.AVATAR_TYPES.INITIALS:p.type,size:p.size,background:p.background},{children:[p.type===i.AVATAR_TYPES.IMAGE&&(p.useNameFallback&&(!p.photoUrl||g)&&p.name?e.jsx("div",{children:x()}):p.useNameFallback&&p.photoUrl&&!g?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[p.size],height:i.AVATAR_SIZE_MAP[p.size],style:{borderRadius:(null==p?void 0:p.borderRadius)||"50%",objectFit:"contain"},src:p.photoUrl,onError:()=>{O(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[p.size],height:i.AVATAR_SIZE_MAP[p.size],style:{borderRadius:(null==p?void 0:p.borderRadius)||"50%",objectFit:"contain"},src:p.photoUrl})),p.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:x()}),p.type===i.AVATAR_TYPES.ICON&&p.icon&&e.jsx(p.icon,{width:h[p.size],height:h[p.size],color:u[p.background]})]})),p.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:h[p.size]+"px",top:h[p.size]+"px",width:14,height:14,borderRadius:(null==p?void 0:p.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:p.inboxSettings.isSelected?p.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:p.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(p.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(d.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.VOICE:return e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",width:"11px",height:"11px",borderRadius:"50%",backgroundColor:a.COLORS.content.secondary}},{children:e.jsx(E.default,{width:8,height:8,color:a.COLORS.content.secondaryInverse})}))}})()})),p.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:h[p.size]+"px",top:h[p.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:p.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===p.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM \|\| props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Phone as PhoneIcon } from '@src/icons';\nimport React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n\tVOICE = 'voice',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM \|\| props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.VOICE:\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\twidth: '11px',\n\t\t\t\t\t\t\theight: '11px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\t\theight={8}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondaryInverse}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","VOICE","PhoneIcon","secondaryInverse","status","special","whatsapp","brand","inactive"],"mappings":"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"}

package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js CHANGED Viewed

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

package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) \|\|\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists /}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/ Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","div","HtmlContainer","COLORS","content","primary","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","format","replace","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","COPY_CODE","CopyCodeIcon","PHONE_NUMBER","PhoneIcon","URL","RedirectToIcon","QUICK_REPLY","QRBIcon","VOICE_CALL","CALL_PERMISSION","ChevronDownIcon","_jsxs","Container","Object","assign","isCarouselCard","undefined","showBorder","hasError","includes","showDashedBorder","_jsx","jsx","HalfRectangleIcon","color","height","width","HEADER_TYPES","TEXT","dangerouslySetInnerHTML","__html","NONE","MediaCard","mediaType","IMAGE","_Fragment","Fragment","dateTime","LimitedTimeOffer","text","code","style","flex","FooterWrapper","Tooltip","body","placement","FooterText","TimeStamp","length","map","button","i","ChatBtn","type","Icon","iconPosition","textTypography","TitleSmall","ACTIONS_TYPES","CTA_BTN","Caption","BodySecondary","extraContent","extra","placeholder"],"mappings":"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"}
1	+ {"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC \| undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) \|\|\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists /}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/ Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","div","HtmlContainer","COLORS","content","primary","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","format","replace","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","COPY_CODE","CopyCodeIcon","PHONE_NUMBER","PhoneIcon","URL","RedirectToIcon","QUICK_REPLY","QRBIcon","VOICE_CALL","CALL_PERMISSION","ChevronDownIcon","REQUEST_CONTACT_INFO","undefined","_jsxs","Container","Object","assign","isCarouselCard","showBorder","hasError","includes","showDashedBorder","_jsx","jsx","HalfRectangleIcon","color","height","width","HEADER_TYPES","TEXT","dangerouslySetInnerHTML","__html","NONE","MediaCard","mediaType","IMAGE","_Fragment","Fragment","dateTime","LimitedTimeOffer","text","code","style","flex","FooterWrapper","Tooltip","body","placement","FooterText","TimeStamp","length","map","button","i","ChatBtn","type","Icon","iconPosition","textTypography","TitleSmall","ACTIONS_TYPES","CTA_BTN","Caption","BodySecondary","extraContent","extra","placeholder"],"mappings":"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"}

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export type WhatsAppTemplate = {
             has_expiration: boolean;
         };
         buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL';
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'REQUEST_CONTACT_INFO';
             text?: string;
             url?: string;
             example?: string[];
@@ -59,7 +59,7 @@ export type WhatsAppTemplate = {
     showCallPermissionCard?: boolean;
     callPermissionText?: string;
 };
-export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION';
+export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION' | 'REQUEST_CONTACT_INFO';
 export type CreateTemplateType = {
     /** Data */
     headerType: HEADER_TYPES;
@@ -291,7 +291,8 @@ export declare enum BUTTON_TYPE {
     URL = "URL",
     PHONE_NUMBER = "PHONE_NUMBER",
     COPY_CODE = "COPY_CODE",
-    VOICE_CALL = "VOICE_CALL"
+    VOICE_CALL = "VOICE_CALL",
+    REQUEST_CONTACT_INFO = "REQUEST_CONTACT_INFO"
 }
 export declare enum POD {
     CHATBOT = "CHATBOT",

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var E,T,O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEMPLATE_QUALITY=void 0,(E=exports.TEMPLATE_QUALITY||(exports.TEMPLATE_QUALITY={})).GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E.UNKNOWN="UNKNOWN",exports.BUTTON_TYPE=void 0,(T=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",T.URL="URL",T.PHONE_NUMBER="PHONE_NUMBER",T.COPY_CODE="COPY_CODE",T.VOICE_CALL="VOICE_CALL",exports.POD=void 0,(O=exports.POD||(exports.POD={})).CHATBOT="CHATBOT",O.GROWTH="GROWTH",O.CAMPAIGN="CAMPAIGN",O.CRM="CRM",O.INTEGRATIONS="INTEGRATIONS",O.OPENAI="OPENAI",O.DM="DM",O.FRONTEND="FRONTEND";
+"use strict";var E,T,O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEMPLATE_QUALITY=void 0,(E=exports.TEMPLATE_QUALITY||(exports.TEMPLATE_QUALITY={})).GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E.UNKNOWN="UNKNOWN",exports.BUTTON_TYPE=void 0,(T=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",T.URL="URL",T.PHONE_NUMBER="PHONE_NUMBER",T.COPY_CODE="COPY_CODE",T.VOICE_CALL="VOICE_CALL",T.REQUEST_CONTACT_INFO="REQUEST_CONTACT_INFO",exports.POD=void 0,(O=exports.POD||(exports.POD={})).CHATBOT="CHATBOT",O.GROWTH="GROWTH",O.CAMPAIGN="CAMPAIGN",O.CRM="CRM",O.INTEGRATIONS="INTEGRATIONS",O.OPENAI="OPENAI",O.DM="DM",O.FRONTEND="FRONTEND";
 //# sourceMappingURL=WhatsAppTemplate.js.map

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsAppTemplate.js","sources":["../../../../../src/components/template-preview/models/WhatsAppTemplate.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { variableType } from '../helpers/VariableEditorHelper';\nimport { CHANNEL_TYPE } from './Channels';\nimport {\n\tACTIONS_TYPES,\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n\tTEMPLATE_STATUS,\n} from './TemplateMeta';\n\nexport type WhatsAppTemplate = {\n\tname: string;\n\tlabel: string;\n\trecommended?: boolean;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\ttemplateCategory: string;\n\ttype?: 'email' \| 'whatsapp';\n\tcomponents: {\n\t\ttype:\n\t\t\t\| 'HEADER'\n\t\t\t\| 'BODY'\n\t\t\t\| 'BUTTONS'\n\t\t\t\| 'FOOTER'\n\t\t\t\| 'limited_time_offer'\n\t\t\t\| 'TITLE';\n\t\tformat?: HEADER_TYPES;\n\t\ttext?: string;\n\t\tlimited_time_offer?: {\n\t\t\ttext: string;\n\t\t\thas_expiration: boolean;\n\t\t};\n\t\tbuttons?: {\n\t\t\ttype: 'QUICK_REPLY' \| 'URL' \| 'PHONE_NUMBER' \| 'COPY_CODE' \| 'VOICE_CALL';\n\t\t\ttext?: string;\n\t\t\turl?: string;\n\t\t\texample?: string[];\n\t\t\tlinkMode?: 'custom' \| 'home';\n\t\t\tphone_number?: string;\n\t\t\tflowName?: string;\n\t\t\tflowId?: string;\n\t\t}[];\n\t\texample?: {\n\t\t\theader_handle?: Array<string>;\n\t\t\tbody_text?: Array<string[]>;\n\t\t\theader_text?: Array<string>;\n\t\t\tlimited_time_offer?: string;\n\t\t\ttitle_text?: Array<string[]>;\n\t\t};\n\t}[];\n\tmapping: {\n\t\theader?: string[];\n\t\tbody?: string[];\n\t\tbuttons?: string[];\n\t\ttitle?: string[];\n\t};\n\n\thtmlContentUrl?: string;\n\tlanguage: 'en_US';\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\tthumbnailImageUrl?: string;\n\tFB_blob_key?: string;\n\treason?: string;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\tisDraft?: boolean;\n\tnewQualityScore?: TEMPLATE_QUALITY;\n\tpreviousQualityScore?: TEMPLATE_QUALITY;\n\taiContentConfigId?: string;\n\tisAiGenerated?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\n\nexport type WhatsappTemplateButtonTypes =\n\t\| 'QUICK_REPLY'\n\t\| 'URL'\n\t\| 'PHONE_NUMBER'\n\t\| 'COPY_CODE'\n\t\| 'VOICE_CALL'\n\t\| 'CALL_PERMISSION';\n\nexport type CreateTemplateType = {\n\t/** Data /\n\theaderType: HEADER_TYPES;\n\theaderAssetLink?: string \| null;\n\theaderAssetName?: string \| null;\n\theaderText?: string;\n\n\theaderVariables: templateVariable[];\n\tbodyVariables: templateVariable[];\n\ttitleVariables?: templateVariable[];\n\n\tbodyText?: string;\n\ttitleText?: string;\n\tbodyTextRaw?: string;\n\n\tfooterText?: string;\n\n\tactionsType: ACTIONS_TYPES;\n\n\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\tctaBtn: {\n\t\tphoneNumber?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tphoneNumber?: string;\n\t\t};\n\t\twebsiteLinkBtn?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tlinkOpens?: string;\n\t\t\tplaceholder?: string;\n\t\t};\n\t};\n\tallButtons: WhatsappPreviewButtonType[];\n\n\tmeta: {\n\t\tname: string;\n\t\tcategory?: string;\n\t\tsubCategory?: string;\n\t\tlanguage?: string;\n\t\ttemplateId?: string;\n\t};\n\n\tmode: 'edit' \| 'create';\n\talreadyAsADraft?: boolean;\n\t/* UI /\n\tinitialLoading: boolean;\n\n\tlimitedTimeOfferComponent: {\n\t\ttext: string;\n\t\tdateTime: string;\n\t\tcode: string;\n\t};\n\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\n\terror: {\n\t\tmodalError?: string;\n\t\theader?: string;\n\t\tbody?: string;\n\t\tfooter?: string;\n\t\tquickReply?: Array<string \| null>;\n\t\tmeta?: {\n\t\t\tname?: string;\n\t\t};\n\t\tctaBtn?: {\n\t\t\tphoneNumber: {\n\t\t\t\tbtnText: string;\n\t\t\t\tlink: string;\n\t\t\t};\n\t\t\twebsiteLink: { btnText: string; link: string };\n\t\t};\n\t};\n\n\t/* DATA DUMP */\n\tbuttonPlaceholders?: templatePlaceHolder[];\n};\n\nexport type templatePlaceHolder = {\n\tdefault_value: string;\n\tplaceHolder: string;\n\ttitle: string;\n};\n\nexport type templateVariable = {\n\teditable: boolean;\n\tvariableName: string;\n\tvariableVal?: string;\n\teditableDefaultValues?: string \| null;\n\tidx: number;\n};\n\nexport type getTemplateByIdResponse = {\n\tcomponents: WhatsAppTemplate['components'];\n\tlanguage: string;\n\tlabel: string;\n\tcreatedAt: any;\n\ttemplateId: string;\n\tname: string;\n\tcreatedBy: string;\n\tchannel: string;\n\tisDraft?: boolean;\n\tmapping: TemplateVariableMapping;\n\tisArchive?: boolean;\n\tstoreId: string;\n\tchannelTemplateId: string;\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\ttemplateCategory: string;\n\tsyncOnboarding?: boolean;\n\trecomendedForCohorts?: string[];\n\thtmlContentUrl?: string;\n};\n\nexport type TemplateVariableMapping = {\n\tbody: string[];\n\tbuttons: string[];\n\theader: string[];\n\tfooter: string[];\n\ttitle?: string[];\n};\n\nexport type WhatsappLikePreviewTypes = {\n\tbodyText?: string;\n\tfooterText?: string;\n\theaderMediaType: HEADER_TYPES;\n\theaderText?: string;\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tquickReplybtn?: QUICK_REPLY_BUTTON[];\n\tctaBtn?: {\n\t\ttype: 'phoneNumber' \| 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[];\n\tactionTypes?: ACTIONS_TYPES;\n\ttextType: 'html' \| 'markdown';\n\thidePreviewText?: boolean;\n\textras?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tshowHeader?: boolean;\n\tcontainerPadding?: string;\n\timagePreviewStyles?: React.CSSProperties;\n\tsize?: 'small' \| 'large';\n\tzeroStateComponent: ReactElement<any, any>;\n\tchildren?: React.ReactNode;\n\tbodyVariableList?: variableType[];\n\theaderVariableList?: variableType[];\n\tcarouselCardIndex?: number;\n\tbuttons?: WhatsappPreviewButtonType[];\n\tlimitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\ttitleText?: string;\n\ttitleVariableList?: variableType[];\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\thideFooter?: boolean;\n};\n\nexport type WhatsappPreviewButtonType = {\n\ttype: WhatsappTemplateButtonTypes;\n\ttext: string;\n\tplaceholder?: string;\n\tflowId: string;\n\tflowName: string;\n};\n\nexport enum TEMPLATE_QUALITY {\n\tGREEN = 'GREEN',\n\tYELLOW = 'YELLOW',\n\tRED = 'RED',\n\tUNKNOWN = 'UNKNOWN',\n}\n\nexport type WhatsappMeta = {\n\tcontainerStyle?: React.CSSProperties \| undefined;\n\ttemplateContainerStyles?: React.CSSProperties \| undefined;\n\tsize?: 'small' \| 'large';\n\tshowWhatsAppHeader?: boolean;\n\twhatsAppExtras?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tusePlaceHolderName?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\nexport interface IMimeTypeResponse {\n\tisValid: boolean;\n\tmimeType: string;\n}\nexport type WhatsAppPickerMeta = {\n\tuploadMediaFiles: (\n\t\tparams: WhatsAppMediaUploadRequest,\n\t\tindex?: number,\n\t) => Promise<WhatsAppMediaUploadResponse>;\n\tuploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;\n\tvalidateMimeType?: (file: File \| Blob) => Promise<IMimeTypeResponse>;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n};\n\nexport type WhatsAppMediaUploadResponse = {\n\tsuccess: boolean;\n\turl?: string;\n};\nexport interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {\n\tsize: number;\n\ttype: string;\n}\n\nexport type WhatsAppMediaUploadRequest = {\n\tfile: File;\n\tfileName: string;\n\tisImage: boolean;\n};\n\nexport interface WhatsAppTemplateVariables {\n\tbody: CUSTOM_VARIABLE[];\n\theader: CUSTOM_VARIABLE[];\n\tbuttons: TEMPLATE_BUTTON[];\n\ttitle?: CUSTOM_VARIABLE[];\n}\n\nexport type CTABtnValType =\n\t\| {\n\t\t\tdefaultValue: string;\n\t\t\tplaceHolder: string;\n\t }\n\t\| string;\n\nexport type QRBBtnValType = {\n\tflowId?: string;\n\tflowName?: string;\n};\n\nexport type TEMPLATE_BUTTON = {\n\ttype: BUTTON_TYPE;\n\ttext?: string;\n\turl?: string;\n\texample?: string[] \| string;\n\tlinkMode?: 'custom' \| 'home';\n\tphone_number?: string;\n\tbuttonVariable?: string;\n\tindex?: number;\n\tflowId?: string;\n\tflowName?: string;\n\tqueryParams?: { key: string; value: string }[];\n};\n\nexport enum BUTTON_TYPE {\n\tQUICK_REPLY = 'QUICK_REPLY',\n\tURL = 'URL',\n\tPHONE_NUMBER = 'PHONE_NUMBER',\n\tCOPY_CODE = 'COPY_CODE',\n\tVOICE_CALL = 'VOICE_CALL',\n}\n\nexport enum POD {\n\tCHATBOT = 'CHATBOT',\n\tGROWTH = 'GROWTH',\n\tCAMPAIGN = 'CAMPAIGN',\n\tCRM = 'CRM',\n\tINTEGRATIONS = 'INTEGRATIONS',\n\tOPENAI = 'OPENAI',\n\tDM = 'DM',\n\tFRONTEND = 'FRONTEND',\n}\n\nexport type ExtrasWhatsapp = {\n\tdiscountCodeExtra?: [\n\t\tdiscountCode: string,\n\t\tsetDiscountCode: (discountCode: string) => void,\n\t];\n\tbackTrackExtra?: [\n\t\tbackTrackMessage: string,\n\t\tsetBackTrackMessage: (backTrackMessage: string) => void,\n\t];\n};\n\nexport type TemplateAnalyticsI = {\n\tfetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;\n\tshow?: boolean;\n\ttemplateQuality?: TEMPLATE_QUALITY;\n\tdata?: TemplateAnalyticsDataI;\n};\n\nexport type TemplateAnalyticsResponseI = {\n\tsuccess: boolean;\n\tanalytics?: TemplateAnalyticsDataI;\n};\nexport interface TemplateAnalyticsDataI {\n\ttotalReads: number;\n\ttotalSent: number;\n\ttotalDelivered: number;\n\tdeliveredPercentage: number;\n\treadPercentage: number;\n\tclickAnalytics: {\n\t\t[buttonName: string]: {\n\t\t\ttotalClicks: number;\n\t\t\tclickPercentage: number;\n\t\t};\n\t};\n\tperformance: {\n\t\t//eg: ['GREEN','YELLOW','RED','GREEN']\n\t\tqualityTimeLine: TEMPLATE_QUALITY[];\n\t};\n}\n\nexport interface TemplateAnalyticsComponentI {\n\ttemplateAnalytics?: TemplateAnalyticsI;\n\ttemplateId: string;\n\tonClose?: () => void;\n\tonProceed?: () => void;\n\tonCancel?: () => void;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\tanalyticsData?: TemplateAnalyticsDataI;\n}\n"],"names":["TEMPLATE_QUALITY","BUTTON_TYPE","POD"],"mappings":"aA+PA,IAAYA,EAiFAC,EAQAC,yDAzFAF,QAKXA,sBAAA,GALWA,EAAAA,2BAAAA,QAAAA,iBAKX,CAAA,IAJA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UA6EWC,QAMXA,iBAAA,GANWA,EAAAA,sBAAAA,QAAAA,YAMX,CAAA,IALA,YAAA,cACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,UAAA,YACAA,EAAA,WAAA,aAGWC,QASXA,SAAA,GATWA,EAAAA,QAAGA,MAAHA,YASX,CAAA,IARA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,GAAA,KACAA,EAAA,SAAA"}
1	+ {"version":3,"file":"WhatsAppTemplate.js","sources":["../../../../../src/components/template-preview/models/WhatsAppTemplate.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { variableType } from '../helpers/VariableEditorHelper';\nimport { CHANNEL_TYPE } from './Channels';\nimport {\n\tACTIONS_TYPES,\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n\tTEMPLATE_STATUS,\n} from './TemplateMeta';\n\nexport type WhatsAppTemplate = {\n\tname: string;\n\tlabel: string;\n\trecommended?: boolean;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\ttemplateCategory: string;\n\ttype?: 'email' \| 'whatsapp';\n\tcomponents: {\n\t\ttype:\n\t\t\t\| 'HEADER'\n\t\t\t\| 'BODY'\n\t\t\t\| 'BUTTONS'\n\t\t\t\| 'FOOTER'\n\t\t\t\| 'limited_time_offer'\n\t\t\t\| 'TITLE';\n\t\tformat?: HEADER_TYPES;\n\t\ttext?: string;\n\t\tlimited_time_offer?: {\n\t\t\ttext: string;\n\t\t\thas_expiration: boolean;\n\t\t};\n\t\tbuttons?: {\n\t\t\ttype:\n\t\t\t\t\| 'QUICK_REPLY'\n\t\t\t\t\| 'URL'\n\t\t\t\t\| 'PHONE_NUMBER'\n\t\t\t\t\| 'COPY_CODE'\n\t\t\t\t\| 'VOICE_CALL'\n\t\t\t\t\| 'REQUEST_CONTACT_INFO';\n\t\t\ttext?: string;\n\t\t\turl?: string;\n\t\t\texample?: string[];\n\t\t\tlinkMode?: 'custom' \| 'home';\n\t\t\tphone_number?: string;\n\t\t\tflowName?: string;\n\t\t\tflowId?: string;\n\t\t}[];\n\t\texample?: {\n\t\t\theader_handle?: Array<string>;\n\t\t\tbody_text?: Array<string[]>;\n\t\t\theader_text?: Array<string>;\n\t\t\tlimited_time_offer?: string;\n\t\t\ttitle_text?: Array<string[]>;\n\t\t};\n\t}[];\n\tmapping: {\n\t\theader?: string[];\n\t\tbody?: string[];\n\t\tbuttons?: string[];\n\t\ttitle?: string[];\n\t};\n\n\thtmlContentUrl?: string;\n\tlanguage: 'en_US';\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\tthumbnailImageUrl?: string;\n\tFB_blob_key?: string;\n\treason?: string;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\tisDraft?: boolean;\n\tnewQualityScore?: TEMPLATE_QUALITY;\n\tpreviousQualityScore?: TEMPLATE_QUALITY;\n\taiContentConfigId?: string;\n\tisAiGenerated?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\n\nexport type WhatsappTemplateButtonTypes =\n\t\| 'QUICK_REPLY'\n\t\| 'URL'\n\t\| 'PHONE_NUMBER'\n\t\| 'COPY_CODE'\n\t\| 'VOICE_CALL'\n\t\| 'CALL_PERMISSION'\n\t\| 'REQUEST_CONTACT_INFO';\n\nexport type CreateTemplateType = {\n\t/** Data /\n\theaderType: HEADER_TYPES;\n\theaderAssetLink?: string \| null;\n\theaderAssetName?: string \| null;\n\theaderText?: string;\n\n\theaderVariables: templateVariable[];\n\tbodyVariables: templateVariable[];\n\ttitleVariables?: templateVariable[];\n\n\tbodyText?: string;\n\ttitleText?: string;\n\tbodyTextRaw?: string;\n\n\tfooterText?: string;\n\n\tactionsType: ACTIONS_TYPES;\n\n\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\tctaBtn: {\n\t\tphoneNumber?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tphoneNumber?: string;\n\t\t};\n\t\twebsiteLinkBtn?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tlinkOpens?: string;\n\t\t\tplaceholder?: string;\n\t\t};\n\t};\n\tallButtons: WhatsappPreviewButtonType[];\n\n\tmeta: {\n\t\tname: string;\n\t\tcategory?: string;\n\t\tsubCategory?: string;\n\t\tlanguage?: string;\n\t\ttemplateId?: string;\n\t};\n\n\tmode: 'edit' \| 'create';\n\talreadyAsADraft?: boolean;\n\t/* UI /\n\tinitialLoading: boolean;\n\n\tlimitedTimeOfferComponent: {\n\t\ttext: string;\n\t\tdateTime: string;\n\t\tcode: string;\n\t};\n\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\n\terror: {\n\t\tmodalError?: string;\n\t\theader?: string;\n\t\tbody?: string;\n\t\tfooter?: string;\n\t\tquickReply?: Array<string \| null>;\n\t\tmeta?: {\n\t\t\tname?: string;\n\t\t};\n\t\tctaBtn?: {\n\t\t\tphoneNumber: {\n\t\t\t\tbtnText: string;\n\t\t\t\tlink: string;\n\t\t\t};\n\t\t\twebsiteLink: { btnText: string; link: string };\n\t\t};\n\t};\n\n\t/* DATA DUMP */\n\tbuttonPlaceholders?: templatePlaceHolder[];\n};\n\nexport type templatePlaceHolder = {\n\tdefault_value: string;\n\tplaceHolder: string;\n\ttitle: string;\n};\n\nexport type templateVariable = {\n\teditable: boolean;\n\tvariableName: string;\n\tvariableVal?: string;\n\teditableDefaultValues?: string \| null;\n\tidx: number;\n};\n\nexport type getTemplateByIdResponse = {\n\tcomponents: WhatsAppTemplate['components'];\n\tlanguage: string;\n\tlabel: string;\n\tcreatedAt: any;\n\ttemplateId: string;\n\tname: string;\n\tcreatedBy: string;\n\tchannel: string;\n\tisDraft?: boolean;\n\tmapping: TemplateVariableMapping;\n\tisArchive?: boolean;\n\tstoreId: string;\n\tchannelTemplateId: string;\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\ttemplateCategory: string;\n\tsyncOnboarding?: boolean;\n\trecomendedForCohorts?: string[];\n\thtmlContentUrl?: string;\n};\n\nexport type TemplateVariableMapping = {\n\tbody: string[];\n\tbuttons: string[];\n\theader: string[];\n\tfooter: string[];\n\ttitle?: string[];\n};\n\nexport type WhatsappLikePreviewTypes = {\n\tbodyText?: string;\n\tfooterText?: string;\n\theaderMediaType: HEADER_TYPES;\n\theaderText?: string;\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tquickReplybtn?: QUICK_REPLY_BUTTON[];\n\tctaBtn?: {\n\t\ttype: 'phoneNumber' \| 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[];\n\tactionTypes?: ACTIONS_TYPES;\n\ttextType: 'html' \| 'markdown';\n\thidePreviewText?: boolean;\n\textras?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tshowHeader?: boolean;\n\tcontainerPadding?: string;\n\timagePreviewStyles?: React.CSSProperties;\n\tsize?: 'small' \| 'large';\n\tzeroStateComponent: ReactElement<any, any>;\n\tchildren?: React.ReactNode;\n\tbodyVariableList?: variableType[];\n\theaderVariableList?: variableType[];\n\tcarouselCardIndex?: number;\n\tbuttons?: WhatsappPreviewButtonType[];\n\tlimitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\ttitleText?: string;\n\ttitleVariableList?: variableType[];\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\thideFooter?: boolean;\n};\n\nexport type WhatsappPreviewButtonType = {\n\ttype: WhatsappTemplateButtonTypes;\n\ttext: string;\n\tplaceholder?: string;\n\tflowId: string;\n\tflowName: string;\n};\n\nexport enum TEMPLATE_QUALITY {\n\tGREEN = 'GREEN',\n\tYELLOW = 'YELLOW',\n\tRED = 'RED',\n\tUNKNOWN = 'UNKNOWN',\n}\n\nexport type WhatsappMeta = {\n\tcontainerStyle?: React.CSSProperties \| undefined;\n\ttemplateContainerStyles?: React.CSSProperties \| undefined;\n\tsize?: 'small' \| 'large';\n\tshowWhatsAppHeader?: boolean;\n\twhatsAppExtras?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tusePlaceHolderName?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\nexport interface IMimeTypeResponse {\n\tisValid: boolean;\n\tmimeType: string;\n}\nexport type WhatsAppPickerMeta = {\n\tuploadMediaFiles: (\n\t\tparams: WhatsAppMediaUploadRequest,\n\t\tindex?: number,\n\t) => Promise<WhatsAppMediaUploadResponse>;\n\tuploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;\n\tvalidateMimeType?: (file: File \| Blob) => Promise<IMimeTypeResponse>;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n};\n\nexport type WhatsAppMediaUploadResponse = {\n\tsuccess: boolean;\n\turl?: string;\n};\nexport interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {\n\tsize: number;\n\ttype: string;\n}\n\nexport type WhatsAppMediaUploadRequest = {\n\tfile: File;\n\tfileName: string;\n\tisImage: boolean;\n};\n\nexport interface WhatsAppTemplateVariables {\n\tbody: CUSTOM_VARIABLE[];\n\theader: CUSTOM_VARIABLE[];\n\tbuttons: TEMPLATE_BUTTON[];\n\ttitle?: CUSTOM_VARIABLE[];\n}\n\nexport type CTABtnValType =\n\t\| {\n\t\t\tdefaultValue: string;\n\t\t\tplaceHolder: string;\n\t }\n\t\| string;\n\nexport type QRBBtnValType = {\n\tflowId?: string;\n\tflowName?: string;\n};\n\nexport type TEMPLATE_BUTTON = {\n\ttype: BUTTON_TYPE;\n\ttext?: string;\n\turl?: string;\n\texample?: string[] \| string;\n\tlinkMode?: 'custom' \| 'home';\n\tphone_number?: string;\n\tbuttonVariable?: string;\n\tindex?: number;\n\tflowId?: string;\n\tflowName?: string;\n\tqueryParams?: { key: string; value: string }[];\n};\n\nexport enum BUTTON_TYPE {\n\tQUICK_REPLY = 'QUICK_REPLY',\n\tURL = 'URL',\n\tPHONE_NUMBER = 'PHONE_NUMBER',\n\tCOPY_CODE = 'COPY_CODE',\n\tVOICE_CALL = 'VOICE_CALL',\n\tREQUEST_CONTACT_INFO = 'REQUEST_CONTACT_INFO',\n}\n\nexport enum POD {\n\tCHATBOT = 'CHATBOT',\n\tGROWTH = 'GROWTH',\n\tCAMPAIGN = 'CAMPAIGN',\n\tCRM = 'CRM',\n\tINTEGRATIONS = 'INTEGRATIONS',\n\tOPENAI = 'OPENAI',\n\tDM = 'DM',\n\tFRONTEND = 'FRONTEND',\n}\n\nexport type ExtrasWhatsapp = {\n\tdiscountCodeExtra?: [\n\t\tdiscountCode: string,\n\t\tsetDiscountCode: (discountCode: string) => void,\n\t];\n\tbackTrackExtra?: [\n\t\tbackTrackMessage: string,\n\t\tsetBackTrackMessage: (backTrackMessage: string) => void,\n\t];\n};\n\nexport type TemplateAnalyticsI = {\n\tfetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;\n\tshow?: boolean;\n\ttemplateQuality?: TEMPLATE_QUALITY;\n\tdata?: TemplateAnalyticsDataI;\n};\n\nexport type TemplateAnalyticsResponseI = {\n\tsuccess: boolean;\n\tanalytics?: TemplateAnalyticsDataI;\n};\nexport interface TemplateAnalyticsDataI {\n\ttotalReads: number;\n\ttotalSent: number;\n\ttotalDelivered: number;\n\tdeliveredPercentage: number;\n\treadPercentage: number;\n\tclickAnalytics: {\n\t\t[buttonName: string]: {\n\t\t\ttotalClicks: number;\n\t\t\tclickPercentage: number;\n\t\t};\n\t};\n\tperformance: {\n\t\t//eg: ['GREEN','YELLOW','RED','GREEN']\n\t\tqualityTimeLine: TEMPLATE_QUALITY[];\n\t};\n}\n\nexport interface TemplateAnalyticsComponentI {\n\ttemplateAnalytics?: TemplateAnalyticsI;\n\ttemplateId: string;\n\tonClose?: () => void;\n\tonProceed?: () => void;\n\tonCancel?: () => void;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\tanalyticsData?: TemplateAnalyticsDataI;\n}\n"],"names":["TEMPLATE_QUALITY","BUTTON_TYPE","POD"],"mappings":"aAsQA,IAAYA,EAiFAC,EASAC,yDA1FAF,QAKXA,sBAAA,GALWA,EAAAA,2BAAAA,QAAAA,iBAKX,CAAA,IAJA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UA6EWC,QAOXA,iBAAA,GAPWA,EAAAA,sBAAAA,QAAAA,YAOX,CAAA,IANA,YAAA,cACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,UAAA,YACAA,EAAA,WAAA,aACAA,EAAA,qBAAA,uBAGWC,QASXA,SAAA,GATWA,EAAAA,QAAGA,MAAHA,YASX,CAAA,IARA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,GAAA,KACAA,EAAA,SAAA"}

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/avatar/Avatar.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export declare const enum MESSAGE_CHANNELS {
     SMTP = "smtp",
     FACEBOOK_CATALOG = "facebook-catalog",
     TASKS = "tasks",
-    BIK_LIVECHAT = "livechat"
+    BIK_LIVECHAT = "livechat",
+    VOICE = "voice"
 }
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/esm/components/avatar/Avatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as s}from"react";import{AvatarStyle as i}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as r,AVATAR_TYPES as a,AVATAR_SIZE_MAP as n}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";import p from"../../assets/icons/bik_livechat.svg.js";import m from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import u from"../../assets/icons/gmail.svg.js";import b from"../../assets/icons/instagram-channel.svg.js";import A from"../../assets/icons/task.svg.js";import I from"../../assets/icons/whatsapp_color.svg.js";const y={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},S={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var f;!function(t){t.INSTAGRAM="instagram",t.MESSENGER="messenger",t.WHATSAPP="whatsapp",t.GMAIL="gmail",t.LIVECHAT="livechat",t.GOOGLE_BUSINESS_CHAT="gbm",t.SHOPIFY="shopify",t.FACEBOOK="facebook",t.EMAIL="email",t.SMTP="smtp",t.FACEBOOK_CATALOG="facebook-catalog",t.TASKS="tasks",t.BIK_LIVECHAT="livechat"}(f||(f={}));const E=r=>{const[E,j]=s(!1),v=()=>{const t=(r.name||"").split(".").join(" ").split(" ").map((t=>t.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.SMALL?e(c,Object.assign({style:{color:S[r.background]}},{children:t})):r.size===o.MEDIUM||r.size===o.INBOX?e(l,Object.assign({style:{color:S[r.background]}},{children:t})):r.size===o.LARGE?e(d,Object.assign({style:{color:S[r.background]}},{children:t})):void 0};return t("div",Object.assign({style:{position:"relative"}},{children:[t(i,Object.assign({type:r.type===a.IMAGE&&(E||!r.photoUrl)&&r.useNameFallback&&r.name?a.INITIALS:r.type,size:r.size,background:r.background},{children:[r.type===a.IMAGE&&(r.useNameFallback&&(!r.photoUrl||E)&&r.name?e("div",{children:v()}):r.useNameFallback&&r.photoUrl&&!E?e("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{j(!0)}}):e("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===a.INITIALS&&e("div",{children:v()}),r.type===a.ICON&&r.icon&&e(r.icon,{width:y[r.size],height:y[r.size],color:S[r.background]})]})),r.inboxSettings&&e("div",Object.assign({style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:14,height:14,borderRadius:(null==r?void 0:r.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?h.content.primary:h.background.brandLight:r.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"}},{children:(()=>{switch(r.channelName){case f.EMAIL:case f.SMTP:return e(m,{width:11,height:11});case f.FACEBOOK:case f.FACEBOOK_CATALOG:case f.MESSENGER:return e(g,{width:11,height:11});case f.INSTAGRAM:return e(b,{width:11,height:11});case f.WHATSAPP:return e(I,{width:11,height:11});case f.GMAIL:return e(u,{width:11,height:11});case f.TASKS:return e(A,{width:11,height:11});case f.BIK_LIVECHAT:return e(p,{width:11,height:11})}})()})),r.status&&e("div",Object.assign({style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"}},{children:r.status?e("div",{style:{backgroundColor:"ONLINE"===r.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))};export{y as AVATAR_SIZE_VS_ICON_SIZE_MAP,E as Avatar,S as BACKGROUND_VS_TEXT_COLOR_MAP,f as MESSAGE_CHANNELS};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{AvatarStyle as i}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as r,AVATAR_TYPES as n,AVATAR_SIZE_MAP as a}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";import m from"../../assets/icons/bik_livechat.svg.js";import p from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import u from"../../assets/icons/gmail.svg.js";import b from"../../assets/icons/instagram-channel.svg.js";import A from"../../assets/icons/task.svg.js";import I from"../../assets/icons/whatsapp_color.svg.js";import y from"../../icons/Informational/Communication/Phone.js";const f={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},j={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var v;!function(e){e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat",e.VOICE="voice"}(v||(v={}));const E=r=>{const[E,S]=s(!1),O=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.SMALL?t(c,Object.assign({style:{color:j[r.background]}},{children:e})):r.size===o.MEDIUM||r.size===o.INBOX?t(l,Object.assign({style:{color:j[r.background]}},{children:e})):r.size===o.LARGE?t(d,Object.assign({style:{color:j[r.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(i,Object.assign({type:r.type===n.IMAGE&&(E||!r.photoUrl)&&r.useNameFallback&&r.name?n.INITIALS:r.type,size:r.size,background:r.background},{children:[r.type===n.IMAGE&&(r.useNameFallback&&(!r.photoUrl||E)&&r.name?t("div",{children:O()}):r.useNameFallback&&r.photoUrl&&!E?t("img",{alt:"",width:a[r.size],height:a[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{S(!0)}}):t("img",{alt:"",width:a[r.size],height:a[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===n.INITIALS&&t("div",{children:O()}),r.type===n.ICON&&r.icon&&t(r.icon,{width:f[r.size],height:f[r.size],color:j[r.background]})]})),r.inboxSettings&&t("div",Object.assign({style:{position:"absolute",left:f[r.size]+"px",top:f[r.size]+"px",width:14,height:14,borderRadius:(null==r?void 0:r.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?h.content.primary:h.background.brandLight:r.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"}},{children:(()=>{switch(r.channelName){case v.EMAIL:case v.SMTP:return t(p,{width:11,height:11});case v.FACEBOOK:case v.FACEBOOK_CATALOG:case v.MESSENGER:return t(g,{width:11,height:11});case v.INSTAGRAM:return t(b,{width:11,height:11});case v.WHATSAPP:return t(I,{width:11,height:11});case v.GMAIL:return t(u,{width:11,height:11});case v.TASKS:return t(A,{width:11,height:11});case v.BIK_LIVECHAT:return t(m,{width:11,height:11});case v.VOICE:return t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",width:"11px",height:"11px",borderRadius:"50%",backgroundColor:h.content.secondary}},{children:t(y,{width:8,height:8,color:h.content.secondaryInverse})}))}})()})),r.status&&t("div",Object.assign({style:{position:"absolute",left:f[r.size]+"px",top:f[r.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"}},{children:r.status?t("div",{style:{backgroundColor:"ONLINE"===r.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))};export{f as AVATAR_SIZE_VS_ICON_SIZE_MAP,E as Avatar,j as BACKGROUND_VS_TEXT_COLOR_MAP,v as MESSAGE_CHANNELS};
 //# sourceMappingURL=Avatar.js.map

package/dist/esm/components/avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM \|\| props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Phone as PhoneIcon } from '@src/icons';\nimport React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' \| 'OFFLINE' \| 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n\tVOICE = 'voice',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name \|\| '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM \|\| props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl \|\| imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.VOICE:\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\twidth: '11px',\n\t\t\t\t\t\t\theight: '11px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PhoneIcon\n\t\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\t\theight={8}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondaryInverse}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError \|\| !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius \|\| '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","Avatar","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","VOICE","PhoneIcon","secondaryInverse","status","special","whatsapp","brand","inactive"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) \|\|\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists /}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/ Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","div","HtmlContainer","COLORS","content","primary","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","format","replace","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","COPY_CODE","CopyCodeIcon","PHONE_NUMBER","PhoneIcon","URL","RedirectToIcon","QUICK_REPLY","QRBIcon","VOICE_CALL","CALL_PERMISSION","ChevronDownIcon","_jsxs","Container","Object","assign","isCarouselCard","undefined","showBorder","hasError","includes","showDashedBorder","_jsx","HalfRectangleIcon","color","height","width","HEADER_TYPES","TEXT","dangerouslySetInnerHTML","__html","NONE","MediaCard","mediaType","IMAGE","_Fragment","dateTime","LimitedTimeOffer","text","code","style","flex","FooterWrapper","Tooltip","body","placement","FooterText","TimeStamp","length","map","button","i","ChatBtn","type","Icon","iconPosition","textTypography","TitleSmall","ACTIONS_TYPES","CTA_BTN","Caption","BodySecondary","extraContent","extra","placeholder"],"mappings":"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"}
1	+ {"version":3,"file":"ChatUiV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/ChatUiV2.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport CopyCodeIcon from '@src/assets/icons/copy-code-icon.svg';\nimport HalfRectangleIcon from '@src/assets/icons/halfRectangle.svg';\nimport PhoneIcon from '@src/assets/icons/phone.svg';\nimport QRBIcon from '@src/assets/icons/qrb.svg';\nimport RedirectToIcon from '@src/assets/icons/RedirectToNew.svg';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodySecondary,\n\tCaption,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { ACTIONS_TYPES, HEADER_TYPES } from '../models/TemplateMeta';\nimport {\n\tWhatsappLikePreviewTypes,\n\tWhatsappTemplateButtonTypes,\n} from '../models/WhatsAppTemplate';\nimport { ChatBtn } from './ChatBtn';\nimport {\n\tContainer,\n\tFooterText,\n\tFooterWrapper,\n\tTimeStamp,\n} from './ChatUI.style';\nimport { LimitedTimeOffer } from './LimitedTimeOffer/LimitedTimeOffer.index';\nimport { MediaCard } from './MediaCard';\n\nconst SideCaret = styled.div`\n\tposition: absolute;\n\twidth: 8px;\n\theight: 8px;\n\tleft: -7.7px;\n\ttop: -8px;\n`;\n\nexport const HtmlContainer = styled.div`\n\tfont-family: 'Inter';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n\tpadding: 8px 12px 0px;\n\tcolor: ${COLORS.content.primary};\n\tword-wrap: break-word;\n`;\n\nconst HeaderTextContainer = styled(HtmlContainer)`\n\tfont-weight: 600;\n\tmargin-bottom: 8px;\n`;\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const ChatUIV2 = (props: WhatsappLikePreviewTypes) => {\n\tconst {\n\t\tbodyText,\n\t\tfooterText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\tquickReplybtn,\n\t\tctaBtn,\n\t\tactionTypes,\n\t\textras,\n\t\tshowHeader,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tlimitedTimeOfferComponent,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\tchildren,\n\t\thideFooter = false,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '<').replace(/>/g, '>'),\n\t\theaderVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst icons: Record<WhatsappTemplateButtonTypes, React.FC \| undefined> = {\n\t\tCOPY_CODE: CopyCodeIcon,\n\t\tPHONE_NUMBER: PhoneIcon,\n\t\tURL: RedirectToIcon,\n\t\tQUICK_REPLY: QRBIcon,\n\t\tVOICE_CALL: PhoneIcon,\n\t\tCALL_PERMISSION: ChevronDownIcon,\n\t\tREQUEST_CONTACT_INFO: undefined,\n\t};\n\n\treturn (\n\t\t<Container\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) \|\|\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t>\n\t\t\t{!isWhatsappCarousel && (\n\t\t\t\t<SideCaret>\n\t\t\t\t\t<HalfRectangleIcon color={'white'} height={8} width={8} />\n\t\t\t\t</SideCaret>\n\t\t\t)}\n\t\t\t{headerMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t\t<HeaderTextContainer\n\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t__html: headerHtml,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : headerMediaType !== HEADER_TYPES.NONE ? (\n\t\t\t\t<MediaCard\n\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{/* Rendering LTO if dateTime exists /}\n\t\t\t{limitedTimeOfferComponent?.dateTime ? (\n\t\t\t\t<LimitedTimeOffer\n\t\t\t\t\ttext={limitedTimeOfferComponent.text}\n\t\t\t\t\tdateTime={limitedTimeOfferComponent.dateTime}\n\t\t\t\t\tcode={limitedTimeOfferComponent.code}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{!!bodyText && (\n\t\t\t\t<>\n\t\t\t\t\t<HtmlContainer\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tstyle={{ flex: 1 }}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{children}\n\t\t\t{!hideFooter && (\n\t\t\t\t<FooterWrapper>\n\t\t\t\t\t<Tooltip body={footerText ?? ''} placement={'top'}>\n\t\t\t\t\t\t<FooterText style={{ flex: 1 }}>{footerText}</FooterText>\n\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t</FooterWrapper>\n\t\t\t)}\n\n\t\t\t{/ Instead of action Type, this renders ChatBtn for all buttons. Rest of the code based on Action Type is maintained for backward compatibility */}\n\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\tbuttons.map((button, i) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttext={button.type === 'COPY_CODE' ? 'Copy code' : button.text}\n\t\t\t\t\t\t\tIcon={icons[button.type]}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\ticonPosition={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? 'right' : 'left'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttextTypography={\n\t\t\t\t\t\t\t\tbutton.type === 'CALL_PERMISSION' ? TitleSmall : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t) : actionTypes === ACTIONS_TYPES.QUICK_REPLY ? (\n\t\t\t\t<div>\n\t\t\t\t\t{quickReplybtn?.map((button, i) => (\n\t\t\t\t\t\t<ChatBtn key={i} text={button.text} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : actionTypes === ACTIONS_TYPES.CTA_BTN ? (\n\t\t\t\t<div>\n\t\t\t\t\t{ctaBtn?.map((ctaBtn, i) => (\n\t\t\t\t\t\t<ChatBtn\n\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\ttextTypography={showHeader ? Caption : BodySecondary}\n\t\t\t\t\t\t\textraContent={extras ? ctaBtn.extra : undefined}\n\t\t\t\t\t\t\tplaceholder={ctaBtn.placeholder}\n\t\t\t\t\t\t\ttext={ctaBtn.text}\n\t\t\t\t\t\t\tIcon={ctaBtn.type === 'phoneNumber' ? PhoneIcon : RedirectToIcon}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["SideCaret","styled","div","HtmlContainer","COLORS","content","primary","HeaderTextContainer","variableEditorHelper","VariableEditorHelper","ChatUIV2","props","bodyText","footerText","headerMediaType","headerText","headerAssetLink","headerAssetName","quickReplybtn","ctaBtn","actionTypes","extras","showHeader","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","limitedTimeOfferComponent","carouselCardIndex","isWhatsappCarousel","isPreview","children","hideFooter","bodyHTML","format","replace","headerHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","icons","COPY_CODE","CopyCodeIcon","PHONE_NUMBER","PhoneIcon","URL","RedirectToIcon","QUICK_REPLY","QRBIcon","VOICE_CALL","CALL_PERMISSION","ChevronDownIcon","REQUEST_CONTACT_INFO","undefined","_jsxs","Container","Object","assign","isCarouselCard","showBorder","hasError","includes","showDashedBorder","_jsx","HalfRectangleIcon","color","height","width","HEADER_TYPES","TEXT","dangerouslySetInnerHTML","__html","NONE","MediaCard","mediaType","IMAGE","_Fragment","dateTime","LimitedTimeOffer","text","code","style","flex","FooterWrapper","Tooltip","body","placement","FooterText","TimeStamp","length","map","button","i","ChatBtn","type","Icon","iconPosition","textTypography","TitleSmall","ACTIONS_TYPES","CTA_BTN","Caption","BodySecondary","extraContent","extra","placeholder"],"mappings":"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"}

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

@@ -19,7 +19,7 @@ export type WhatsAppTemplate = {
             has_expiration: boolean;
         };
         buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL';
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'REQUEST_CONTACT_INFO';
             text?: string;
             url?: string;
             example?: string[];
@@ -59,7 +59,7 @@ export type WhatsAppTemplate = {
     showCallPermissionCard?: boolean;
     callPermissionText?: string;
 };
-export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION';
+export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION' | 'REQUEST_CONTACT_INFO';
 export type CreateTemplateType = {
     /** Data */
     headerType: HEADER_TYPES;
@@ -291,7 +291,8 @@ export declare enum BUTTON_TYPE {
     URL = "URL",
     PHONE_NUMBER = "PHONE_NUMBER",
     COPY_CODE = "COPY_CODE",
-    VOICE_CALL = "VOICE_CALL"
+    VOICE_CALL = "VOICE_CALL",
+    REQUEST_CONTACT_INFO = "REQUEST_CONTACT_INFO"
 }
 export declare enum POD {
     CHATBOT = "CHATBOT",

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

@@ -1,2 +1,2 @@
-var E,N,O;!function(E){E.GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E.UNKNOWN="UNKNOWN"}(E||(E={})),function(E){E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER",E.COPY_CODE="COPY_CODE",E.VOICE_CALL="VOICE_CALL"}(N||(N={})),function(E){E.CHATBOT="CHATBOT",E.GROWTH="GROWTH",E.CAMPAIGN="CAMPAIGN",E.CRM="CRM",E.INTEGRATIONS="INTEGRATIONS",E.OPENAI="OPENAI",E.DM="DM",E.FRONTEND="FRONTEND"}(O||(O={}));export{N as BUTTON_TYPE,O as POD,E as TEMPLATE_QUALITY};
+var E,N,O;!function(E){E.GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",E.UNKNOWN="UNKNOWN"}(E||(E={})),function(E){E.QUICK_REPLY="QUICK_REPLY",E.URL="URL",E.PHONE_NUMBER="PHONE_NUMBER",E.COPY_CODE="COPY_CODE",E.VOICE_CALL="VOICE_CALL",E.REQUEST_CONTACT_INFO="REQUEST_CONTACT_INFO"}(N||(N={})),function(E){E.CHATBOT="CHATBOT",E.GROWTH="GROWTH",E.CAMPAIGN="CAMPAIGN",E.CRM="CRM",E.INTEGRATIONS="INTEGRATIONS",E.OPENAI="OPENAI",E.DM="DM",E.FRONTEND="FRONTEND"}(O||(O={}));export{N as BUTTON_TYPE,O as POD,E as TEMPLATE_QUALITY};
 //# sourceMappingURL=WhatsAppTemplate.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsAppTemplate.js","sources":["../../../../../src/components/template-preview/models/WhatsAppTemplate.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { variableType } from '../helpers/VariableEditorHelper';\nimport { CHANNEL_TYPE } from './Channels';\nimport {\n\tACTIONS_TYPES,\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n\tTEMPLATE_STATUS,\n} from './TemplateMeta';\n\nexport type WhatsAppTemplate = {\n\tname: string;\n\tlabel: string;\n\trecommended?: boolean;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\ttemplateCategory: string;\n\ttype?: 'email' \| 'whatsapp';\n\tcomponents: {\n\t\ttype:\n\t\t\t\| 'HEADER'\n\t\t\t\| 'BODY'\n\t\t\t\| 'BUTTONS'\n\t\t\t\| 'FOOTER'\n\t\t\t\| 'limited_time_offer'\n\t\t\t\| 'TITLE';\n\t\tformat?: HEADER_TYPES;\n\t\ttext?: string;\n\t\tlimited_time_offer?: {\n\t\t\ttext: string;\n\t\t\thas_expiration: boolean;\n\t\t};\n\t\tbuttons?: {\n\t\t\ttype: 'QUICK_REPLY' \| 'URL' \| 'PHONE_NUMBER' \| 'COPY_CODE' \| 'VOICE_CALL';\n\t\t\ttext?: string;\n\t\t\turl?: string;\n\t\t\texample?: string[];\n\t\t\tlinkMode?: 'custom' \| 'home';\n\t\t\tphone_number?: string;\n\t\t\tflowName?: string;\n\t\t\tflowId?: string;\n\t\t}[];\n\t\texample?: {\n\t\t\theader_handle?: Array<string>;\n\t\t\tbody_text?: Array<string[]>;\n\t\t\theader_text?: Array<string>;\n\t\t\tlimited_time_offer?: string;\n\t\t\ttitle_text?: Array<string[]>;\n\t\t};\n\t}[];\n\tmapping: {\n\t\theader?: string[];\n\t\tbody?: string[];\n\t\tbuttons?: string[];\n\t\ttitle?: string[];\n\t};\n\n\thtmlContentUrl?: string;\n\tlanguage: 'en_US';\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\tthumbnailImageUrl?: string;\n\tFB_blob_key?: string;\n\treason?: string;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\tisDraft?: boolean;\n\tnewQualityScore?: TEMPLATE_QUALITY;\n\tpreviousQualityScore?: TEMPLATE_QUALITY;\n\taiContentConfigId?: string;\n\tisAiGenerated?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\n\nexport type WhatsappTemplateButtonTypes =\n\t\| 'QUICK_REPLY'\n\t\| 'URL'\n\t\| 'PHONE_NUMBER'\n\t\| 'COPY_CODE'\n\t\| 'VOICE_CALL'\n\t\| 'CALL_PERMISSION';\n\nexport type CreateTemplateType = {\n\t/** Data /\n\theaderType: HEADER_TYPES;\n\theaderAssetLink?: string \| null;\n\theaderAssetName?: string \| null;\n\theaderText?: string;\n\n\theaderVariables: templateVariable[];\n\tbodyVariables: templateVariable[];\n\ttitleVariables?: templateVariable[];\n\n\tbodyText?: string;\n\ttitleText?: string;\n\tbodyTextRaw?: string;\n\n\tfooterText?: string;\n\n\tactionsType: ACTIONS_TYPES;\n\n\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\tctaBtn: {\n\t\tphoneNumber?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tphoneNumber?: string;\n\t\t};\n\t\twebsiteLinkBtn?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tlinkOpens?: string;\n\t\t\tplaceholder?: string;\n\t\t};\n\t};\n\tallButtons: WhatsappPreviewButtonType[];\n\n\tmeta: {\n\t\tname: string;\n\t\tcategory?: string;\n\t\tsubCategory?: string;\n\t\tlanguage?: string;\n\t\ttemplateId?: string;\n\t};\n\n\tmode: 'edit' \| 'create';\n\talreadyAsADraft?: boolean;\n\t/* UI /\n\tinitialLoading: boolean;\n\n\tlimitedTimeOfferComponent: {\n\t\ttext: string;\n\t\tdateTime: string;\n\t\tcode: string;\n\t};\n\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\n\terror: {\n\t\tmodalError?: string;\n\t\theader?: string;\n\t\tbody?: string;\n\t\tfooter?: string;\n\t\tquickReply?: Array<string \| null>;\n\t\tmeta?: {\n\t\t\tname?: string;\n\t\t};\n\t\tctaBtn?: {\n\t\t\tphoneNumber: {\n\t\t\t\tbtnText: string;\n\t\t\t\tlink: string;\n\t\t\t};\n\t\t\twebsiteLink: { btnText: string; link: string };\n\t\t};\n\t};\n\n\t/* DATA DUMP */\n\tbuttonPlaceholders?: templatePlaceHolder[];\n};\n\nexport type templatePlaceHolder = {\n\tdefault_value: string;\n\tplaceHolder: string;\n\ttitle: string;\n};\n\nexport type templateVariable = {\n\teditable: boolean;\n\tvariableName: string;\n\tvariableVal?: string;\n\teditableDefaultValues?: string \| null;\n\tidx: number;\n};\n\nexport type getTemplateByIdResponse = {\n\tcomponents: WhatsAppTemplate['components'];\n\tlanguage: string;\n\tlabel: string;\n\tcreatedAt: any;\n\ttemplateId: string;\n\tname: string;\n\tcreatedBy: string;\n\tchannel: string;\n\tisDraft?: boolean;\n\tmapping: TemplateVariableMapping;\n\tisArchive?: boolean;\n\tstoreId: string;\n\tchannelTemplateId: string;\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\ttemplateCategory: string;\n\tsyncOnboarding?: boolean;\n\trecomendedForCohorts?: string[];\n\thtmlContentUrl?: string;\n};\n\nexport type TemplateVariableMapping = {\n\tbody: string[];\n\tbuttons: string[];\n\theader: string[];\n\tfooter: string[];\n\ttitle?: string[];\n};\n\nexport type WhatsappLikePreviewTypes = {\n\tbodyText?: string;\n\tfooterText?: string;\n\theaderMediaType: HEADER_TYPES;\n\theaderText?: string;\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tquickReplybtn?: QUICK_REPLY_BUTTON[];\n\tctaBtn?: {\n\t\ttype: 'phoneNumber' \| 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[];\n\tactionTypes?: ACTIONS_TYPES;\n\ttextType: 'html' \| 'markdown';\n\thidePreviewText?: boolean;\n\textras?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tshowHeader?: boolean;\n\tcontainerPadding?: string;\n\timagePreviewStyles?: React.CSSProperties;\n\tsize?: 'small' \| 'large';\n\tzeroStateComponent: ReactElement<any, any>;\n\tchildren?: React.ReactNode;\n\tbodyVariableList?: variableType[];\n\theaderVariableList?: variableType[];\n\tcarouselCardIndex?: number;\n\tbuttons?: WhatsappPreviewButtonType[];\n\tlimitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\ttitleText?: string;\n\ttitleVariableList?: variableType[];\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\thideFooter?: boolean;\n};\n\nexport type WhatsappPreviewButtonType = {\n\ttype: WhatsappTemplateButtonTypes;\n\ttext: string;\n\tplaceholder?: string;\n\tflowId: string;\n\tflowName: string;\n};\n\nexport enum TEMPLATE_QUALITY {\n\tGREEN = 'GREEN',\n\tYELLOW = 'YELLOW',\n\tRED = 'RED',\n\tUNKNOWN = 'UNKNOWN',\n}\n\nexport type WhatsappMeta = {\n\tcontainerStyle?: React.CSSProperties \| undefined;\n\ttemplateContainerStyles?: React.CSSProperties \| undefined;\n\tsize?: 'small' \| 'large';\n\tshowWhatsAppHeader?: boolean;\n\twhatsAppExtras?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tusePlaceHolderName?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\nexport interface IMimeTypeResponse {\n\tisValid: boolean;\n\tmimeType: string;\n}\nexport type WhatsAppPickerMeta = {\n\tuploadMediaFiles: (\n\t\tparams: WhatsAppMediaUploadRequest,\n\t\tindex?: number,\n\t) => Promise<WhatsAppMediaUploadResponse>;\n\tuploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;\n\tvalidateMimeType?: (file: File \| Blob) => Promise<IMimeTypeResponse>;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n};\n\nexport type WhatsAppMediaUploadResponse = {\n\tsuccess: boolean;\n\turl?: string;\n};\nexport interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {\n\tsize: number;\n\ttype: string;\n}\n\nexport type WhatsAppMediaUploadRequest = {\n\tfile: File;\n\tfileName: string;\n\tisImage: boolean;\n};\n\nexport interface WhatsAppTemplateVariables {\n\tbody: CUSTOM_VARIABLE[];\n\theader: CUSTOM_VARIABLE[];\n\tbuttons: TEMPLATE_BUTTON[];\n\ttitle?: CUSTOM_VARIABLE[];\n}\n\nexport type CTABtnValType =\n\t\| {\n\t\t\tdefaultValue: string;\n\t\t\tplaceHolder: string;\n\t }\n\t\| string;\n\nexport type QRBBtnValType = {\n\tflowId?: string;\n\tflowName?: string;\n};\n\nexport type TEMPLATE_BUTTON = {\n\ttype: BUTTON_TYPE;\n\ttext?: string;\n\turl?: string;\n\texample?: string[] \| string;\n\tlinkMode?: 'custom' \| 'home';\n\tphone_number?: string;\n\tbuttonVariable?: string;\n\tindex?: number;\n\tflowId?: string;\n\tflowName?: string;\n\tqueryParams?: { key: string; value: string }[];\n};\n\nexport enum BUTTON_TYPE {\n\tQUICK_REPLY = 'QUICK_REPLY',\n\tURL = 'URL',\n\tPHONE_NUMBER = 'PHONE_NUMBER',\n\tCOPY_CODE = 'COPY_CODE',\n\tVOICE_CALL = 'VOICE_CALL',\n}\n\nexport enum POD {\n\tCHATBOT = 'CHATBOT',\n\tGROWTH = 'GROWTH',\n\tCAMPAIGN = 'CAMPAIGN',\n\tCRM = 'CRM',\n\tINTEGRATIONS = 'INTEGRATIONS',\n\tOPENAI = 'OPENAI',\n\tDM = 'DM',\n\tFRONTEND = 'FRONTEND',\n}\n\nexport type ExtrasWhatsapp = {\n\tdiscountCodeExtra?: [\n\t\tdiscountCode: string,\n\t\tsetDiscountCode: (discountCode: string) => void,\n\t];\n\tbackTrackExtra?: [\n\t\tbackTrackMessage: string,\n\t\tsetBackTrackMessage: (backTrackMessage: string) => void,\n\t];\n};\n\nexport type TemplateAnalyticsI = {\n\tfetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;\n\tshow?: boolean;\n\ttemplateQuality?: TEMPLATE_QUALITY;\n\tdata?: TemplateAnalyticsDataI;\n};\n\nexport type TemplateAnalyticsResponseI = {\n\tsuccess: boolean;\n\tanalytics?: TemplateAnalyticsDataI;\n};\nexport interface TemplateAnalyticsDataI {\n\ttotalReads: number;\n\ttotalSent: number;\n\ttotalDelivered: number;\n\tdeliveredPercentage: number;\n\treadPercentage: number;\n\tclickAnalytics: {\n\t\t[buttonName: string]: {\n\t\t\ttotalClicks: number;\n\t\t\tclickPercentage: number;\n\t\t};\n\t};\n\tperformance: {\n\t\t//eg: ['GREEN','YELLOW','RED','GREEN']\n\t\tqualityTimeLine: TEMPLATE_QUALITY[];\n\t};\n}\n\nexport interface TemplateAnalyticsComponentI {\n\ttemplateAnalytics?: TemplateAnalyticsI;\n\ttemplateId: string;\n\tonClose?: () => void;\n\tonProceed?: () => void;\n\tonCancel?: () => void;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\tanalyticsData?: TemplateAnalyticsDataI;\n}\n"],"names":["TEMPLATE_QUALITY","BUTTON_TYPE","POD"],"mappings":"IA+PYA,EAiFAC,EAQAC,GAzFZ,SAAYF,GACXA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACA,CALD,CAAYA,IAAAA,EAKX,CAAA,IA4ED,SAAYC,GACXA,EAAA,YAAA,cACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACA,CAND,CAAYA,IAAAA,EAMX,CAAA,IAED,SAAYC,GACXA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,GAAA,KACAA,EAAA,SAAA,UACA,CATD,CAAYA,IAAAA,EASX,CAAA"}
1	+ {"version":3,"file":"WhatsAppTemplate.js","sources":["../../../../../src/components/template-preview/models/WhatsAppTemplate.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { variableType } from '../helpers/VariableEditorHelper';\nimport { CHANNEL_TYPE } from './Channels';\nimport {\n\tACTIONS_TYPES,\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\tHEADER_TYPES,\n\tQUICK_REPLY_BUTTON,\n\tTEMPLATE_STATUS,\n} from './TemplateMeta';\n\nexport type WhatsAppTemplate = {\n\tname: string;\n\tlabel: string;\n\trecommended?: boolean;\n\ttemplateId?: string;\n\tchannel: CHANNEL_TYPE;\n\ttemplateCategory: string;\n\ttype?: 'email' \| 'whatsapp';\n\tcomponents: {\n\t\ttype:\n\t\t\t\| 'HEADER'\n\t\t\t\| 'BODY'\n\t\t\t\| 'BUTTONS'\n\t\t\t\| 'FOOTER'\n\t\t\t\| 'limited_time_offer'\n\t\t\t\| 'TITLE';\n\t\tformat?: HEADER_TYPES;\n\t\ttext?: string;\n\t\tlimited_time_offer?: {\n\t\t\ttext: string;\n\t\t\thas_expiration: boolean;\n\t\t};\n\t\tbuttons?: {\n\t\t\ttype:\n\t\t\t\t\| 'QUICK_REPLY'\n\t\t\t\t\| 'URL'\n\t\t\t\t\| 'PHONE_NUMBER'\n\t\t\t\t\| 'COPY_CODE'\n\t\t\t\t\| 'VOICE_CALL'\n\t\t\t\t\| 'REQUEST_CONTACT_INFO';\n\t\t\ttext?: string;\n\t\t\turl?: string;\n\t\t\texample?: string[];\n\t\t\tlinkMode?: 'custom' \| 'home';\n\t\t\tphone_number?: string;\n\t\t\tflowName?: string;\n\t\t\tflowId?: string;\n\t\t}[];\n\t\texample?: {\n\t\t\theader_handle?: Array<string>;\n\t\t\tbody_text?: Array<string[]>;\n\t\t\theader_text?: Array<string>;\n\t\t\tlimited_time_offer?: string;\n\t\t\ttitle_text?: Array<string[]>;\n\t\t};\n\t}[];\n\tmapping: {\n\t\theader?: string[];\n\t\tbody?: string[];\n\t\tbuttons?: string[];\n\t\ttitle?: string[];\n\t};\n\n\thtmlContentUrl?: string;\n\tlanguage: 'en_US';\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\tthumbnailImageUrl?: string;\n\tFB_blob_key?: string;\n\treason?: string;\n\tcreatedAt: number;\n\tupdatedAt: number;\n\tisDraft?: boolean;\n\tnewQualityScore?: TEMPLATE_QUALITY;\n\tpreviousQualityScore?: TEMPLATE_QUALITY;\n\taiContentConfigId?: string;\n\tisAiGenerated?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\n\nexport type WhatsappTemplateButtonTypes =\n\t\| 'QUICK_REPLY'\n\t\| 'URL'\n\t\| 'PHONE_NUMBER'\n\t\| 'COPY_CODE'\n\t\| 'VOICE_CALL'\n\t\| 'CALL_PERMISSION'\n\t\| 'REQUEST_CONTACT_INFO';\n\nexport type CreateTemplateType = {\n\t/** Data /\n\theaderType: HEADER_TYPES;\n\theaderAssetLink?: string \| null;\n\theaderAssetName?: string \| null;\n\theaderText?: string;\n\n\theaderVariables: templateVariable[];\n\tbodyVariables: templateVariable[];\n\ttitleVariables?: templateVariable[];\n\n\tbodyText?: string;\n\ttitleText?: string;\n\tbodyTextRaw?: string;\n\n\tfooterText?: string;\n\n\tactionsType: ACTIONS_TYPES;\n\n\tquickReply: Array<QUICK_REPLY_BUTTON>;\n\tctaBtn: {\n\t\tphoneNumber?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tphoneNumber?: string;\n\t\t};\n\t\twebsiteLinkBtn?: {\n\t\t\tisChecked?: boolean;\n\t\t\tbtnText?: string;\n\t\t\tlinkOpens?: string;\n\t\t\tplaceholder?: string;\n\t\t};\n\t};\n\tallButtons: WhatsappPreviewButtonType[];\n\n\tmeta: {\n\t\tname: string;\n\t\tcategory?: string;\n\t\tsubCategory?: string;\n\t\tlanguage?: string;\n\t\ttemplateId?: string;\n\t};\n\n\tmode: 'edit' \| 'create';\n\talreadyAsADraft?: boolean;\n\t/* UI /\n\tinitialLoading: boolean;\n\n\tlimitedTimeOfferComponent: {\n\t\ttext: string;\n\t\tdateTime: string;\n\t\tcode: string;\n\t};\n\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\n\terror: {\n\t\tmodalError?: string;\n\t\theader?: string;\n\t\tbody?: string;\n\t\tfooter?: string;\n\t\tquickReply?: Array<string \| null>;\n\t\tmeta?: {\n\t\t\tname?: string;\n\t\t};\n\t\tctaBtn?: {\n\t\t\tphoneNumber: {\n\t\t\t\tbtnText: string;\n\t\t\t\tlink: string;\n\t\t\t};\n\t\t\twebsiteLink: { btnText: string; link: string };\n\t\t};\n\t};\n\n\t/* DATA DUMP */\n\tbuttonPlaceholders?: templatePlaceHolder[];\n};\n\nexport type templatePlaceHolder = {\n\tdefault_value: string;\n\tplaceHolder: string;\n\ttitle: string;\n};\n\nexport type templateVariable = {\n\teditable: boolean;\n\tvariableName: string;\n\tvariableVal?: string;\n\teditableDefaultValues?: string \| null;\n\tidx: number;\n};\n\nexport type getTemplateByIdResponse = {\n\tcomponents: WhatsAppTemplate['components'];\n\tlanguage: string;\n\tlabel: string;\n\tcreatedAt: any;\n\ttemplateId: string;\n\tname: string;\n\tcreatedBy: string;\n\tchannel: string;\n\tisDraft?: boolean;\n\tmapping: TemplateVariableMapping;\n\tisArchive?: boolean;\n\tstoreId: string;\n\tchannelTemplateId: string;\n\tstatus: TEMPLATE_STATUS;\n\tcategory: string;\n\ttemplateCategory: string;\n\tsyncOnboarding?: boolean;\n\trecomendedForCohorts?: string[];\n\thtmlContentUrl?: string;\n};\n\nexport type TemplateVariableMapping = {\n\tbody: string[];\n\tbuttons: string[];\n\theader: string[];\n\tfooter: string[];\n\ttitle?: string[];\n};\n\nexport type WhatsappLikePreviewTypes = {\n\tbodyText?: string;\n\tfooterText?: string;\n\theaderMediaType: HEADER_TYPES;\n\theaderText?: string;\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tquickReplybtn?: QUICK_REPLY_BUTTON[];\n\tctaBtn?: {\n\t\ttype: 'phoneNumber' \| 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[];\n\tactionTypes?: ACTIONS_TYPES;\n\ttextType: 'html' \| 'markdown';\n\thidePreviewText?: boolean;\n\textras?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\tshowHeader?: boolean;\n\tcontainerPadding?: string;\n\timagePreviewStyles?: React.CSSProperties;\n\tsize?: 'small' \| 'large';\n\tzeroStateComponent: ReactElement<any, any>;\n\tchildren?: React.ReactNode;\n\tbodyVariableList?: variableType[];\n\theaderVariableList?: variableType[];\n\tcarouselCardIndex?: number;\n\tbuttons?: WhatsappPreviewButtonType[];\n\tlimitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\ttitleText?: string;\n\ttitleVariableList?: variableType[];\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n\thideFooter?: boolean;\n};\n\nexport type WhatsappPreviewButtonType = {\n\ttype: WhatsappTemplateButtonTypes;\n\ttext: string;\n\tplaceholder?: string;\n\tflowId: string;\n\tflowName: string;\n};\n\nexport enum TEMPLATE_QUALITY {\n\tGREEN = 'GREEN',\n\tYELLOW = 'YELLOW',\n\tRED = 'RED',\n\tUNKNOWN = 'UNKNOWN',\n}\n\nexport type WhatsappMeta = {\n\tcontainerStyle?: React.CSSProperties \| undefined;\n\ttemplateContainerStyles?: React.CSSProperties \| undefined;\n\tsize?: 'small' \| 'large';\n\tshowWhatsAppHeader?: boolean;\n\twhatsAppExtras?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tusePlaceHolderName?: boolean;\n\tshowCallPermissionCard?: boolean;\n\tcallPermissionText?: string;\n};\nexport interface IMimeTypeResponse {\n\tisValid: boolean;\n\tmimeType: string;\n}\nexport type WhatsAppPickerMeta = {\n\tuploadMediaFiles: (\n\t\tparams: WhatsAppMediaUploadRequest,\n\t\tindex?: number,\n\t) => Promise<WhatsAppMediaUploadResponse>;\n\tuploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;\n\tvalidateMimeType?: (file: File \| Blob) => Promise<IMimeTypeResponse>;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n};\n\nexport type WhatsAppMediaUploadResponse = {\n\tsuccess: boolean;\n\turl?: string;\n};\nexport interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {\n\tsize: number;\n\ttype: string;\n}\n\nexport type WhatsAppMediaUploadRequest = {\n\tfile: File;\n\tfileName: string;\n\tisImage: boolean;\n};\n\nexport interface WhatsAppTemplateVariables {\n\tbody: CUSTOM_VARIABLE[];\n\theader: CUSTOM_VARIABLE[];\n\tbuttons: TEMPLATE_BUTTON[];\n\ttitle?: CUSTOM_VARIABLE[];\n}\n\nexport type CTABtnValType =\n\t\| {\n\t\t\tdefaultValue: string;\n\t\t\tplaceHolder: string;\n\t }\n\t\| string;\n\nexport type QRBBtnValType = {\n\tflowId?: string;\n\tflowName?: string;\n};\n\nexport type TEMPLATE_BUTTON = {\n\ttype: BUTTON_TYPE;\n\ttext?: string;\n\turl?: string;\n\texample?: string[] \| string;\n\tlinkMode?: 'custom' \| 'home';\n\tphone_number?: string;\n\tbuttonVariable?: string;\n\tindex?: number;\n\tflowId?: string;\n\tflowName?: string;\n\tqueryParams?: { key: string; value: string }[];\n};\n\nexport enum BUTTON_TYPE {\n\tQUICK_REPLY = 'QUICK_REPLY',\n\tURL = 'URL',\n\tPHONE_NUMBER = 'PHONE_NUMBER',\n\tCOPY_CODE = 'COPY_CODE',\n\tVOICE_CALL = 'VOICE_CALL',\n\tREQUEST_CONTACT_INFO = 'REQUEST_CONTACT_INFO',\n}\n\nexport enum POD {\n\tCHATBOT = 'CHATBOT',\n\tGROWTH = 'GROWTH',\n\tCAMPAIGN = 'CAMPAIGN',\n\tCRM = 'CRM',\n\tINTEGRATIONS = 'INTEGRATIONS',\n\tOPENAI = 'OPENAI',\n\tDM = 'DM',\n\tFRONTEND = 'FRONTEND',\n}\n\nexport type ExtrasWhatsapp = {\n\tdiscountCodeExtra?: [\n\t\tdiscountCode: string,\n\t\tsetDiscountCode: (discountCode: string) => void,\n\t];\n\tbackTrackExtra?: [\n\t\tbackTrackMessage: string,\n\t\tsetBackTrackMessage: (backTrackMessage: string) => void,\n\t];\n};\n\nexport type TemplateAnalyticsI = {\n\tfetchAnalytics?: (templateId: string) => Promise<TemplateAnalyticsResponseI>;\n\tshow?: boolean;\n\ttemplateQuality?: TEMPLATE_QUALITY;\n\tdata?: TemplateAnalyticsDataI;\n};\n\nexport type TemplateAnalyticsResponseI = {\n\tsuccess: boolean;\n\tanalytics?: TemplateAnalyticsDataI;\n};\nexport interface TemplateAnalyticsDataI {\n\ttotalReads: number;\n\ttotalSent: number;\n\ttotalDelivered: number;\n\tdeliveredPercentage: number;\n\treadPercentage: number;\n\tclickAnalytics: {\n\t\t[buttonName: string]: {\n\t\t\ttotalClicks: number;\n\t\t\tclickPercentage: number;\n\t\t};\n\t};\n\tperformance: {\n\t\t//eg: ['GREEN','YELLOW','RED','GREEN']\n\t\tqualityTimeLine: TEMPLATE_QUALITY[];\n\t};\n}\n\nexport interface TemplateAnalyticsComponentI {\n\ttemplateAnalytics?: TemplateAnalyticsI;\n\ttemplateId: string;\n\tonClose?: () => void;\n\tonProceed?: () => void;\n\tonCancel?: () => void;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\tanalyticsData?: TemplateAnalyticsDataI;\n}\n"],"names":["TEMPLATE_QUALITY","BUTTON_TYPE","POD"],"mappings":"IAsQYA,EAiFAC,EASAC,GA1FZ,SAAYF,GACXA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACA,CALD,CAAYA,IAAAA,EAKX,CAAA,IA4ED,SAAYC,GACXA,EAAA,YAAA,cACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,UAAA,YACAA,EAAA,WAAA,aACAA,EAAA,qBAAA,sBACA,CAPD,CAAYA,IAAAA,EAOX,CAAA,IAED,SAAYC,GACXA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,IAAA,MACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,GAAA,KACAA,EAAA,SAAA,UACA,CATD,CAAYA,IAAAA,EASX,CAAA"}

package/package.json CHANGED Viewed

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