@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/filePdf.svg.js"),m=require("../../../assets/icons/image.svg.js"),c=require("../../../assets/icons/videoRecorder.svg.js"),u=require("../../shimmer-image/ShimmerImage.js"),p=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),o=require("../models/TemplateMeta.js"),s=require("./ChatUI.style.js"),t=({headerAssetName:r,mediaType:i})=>{const n=i===o.HEADER_TYPES.IMAGE?m.default:i===o.HEADER_TYPES.VIDEO?c.default:l.default;return e.jsxDEV(s.MediaContainer,{children:[e.jsxDEV(n,{height:40,width:40,color:a.COLORS.icon.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:26,columnNumber:4},void 0),!!r&&e.jsxDEV(p.BodySecondary,{style:{color:a.COLORS.content.secondary,marginTop:8},children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},b=({headerAssetLink:r,headerAssetName:i,mediaType:n,imagePreviewStyles:f})=>{if(!r||n===o.HEADER_TYPES.DOCUMENT)return e.jsxDEV(t,{headerAssetLink:r,headerAssetName:i,mediaType:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:45,columnNumber:10},void 0);const d={width:"100%",minHeight:"240px",height:"240px",borderRadius:8};return e.jsxDEV(s.MediaContainer,{children:n===o.HEADER_TYPES.IMAGE?e.jsxDEV(u.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:59,columnNumber:5},void 0):n===o.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:r,style:d,controls:!0,muted:!0,children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:73,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:67,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:76,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:57,columnNumber:3},void 0)};exports.MediaCard=b;exports.NoMediaCard=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/filePdf.svg.js"),m=require("../../../assets/icons/image.svg.js"),d=require("../../../assets/icons/videoRecorder.svg.js"),u=require("../../shimmer-image/ShimmerImage.js"),p=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),a=require("./ChatUI.style.js"),s=({headerAssetName:r,mediaType:o})=>{const t=o===n.HEADER_TYPES.IMAGE?m.default:o===n.HEADER_TYPES.VIDEO?d.default:l.default;return e.jsxDEV(a.MediaContainer,{children:[e.jsxDEV(t,{height:40,width:40,color:i.COLORS.icon.placeholder},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:26,columnNumber:4},void 0),!!r&&e.jsxDEV(p.BodySecondary,{style:{color:i.COLORS.content.secondary,marginTop:8},children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:25,columnNumber:3},void 0)},h=({headerAssetLink:r,headerAssetName:o,mediaType:t,imagePreviewStyles:b})=>{if(!r||t===n.HEADER_TYPES.DOCUMENT)return e.jsxDEV(s,{headerAssetLink:r,headerAssetName:o,mediaType:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:45,columnNumber:10},void 0);const c={width:"100%",minHeight:"240px",height:"240px",borderRadius:8};return e.jsxDEV(a.MediaContainer,{children:t===n.HEADER_TYPES.IMAGE?e.jsxDEV(u.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:59,columnNumber:5},void 0):t===n.HEADER_TYPES.VIDEO?e.jsxDEV("video",{src:r,style:c,controls:!0,muted:!0,children:e.jsxDEV("track",{default:!0,kind:"captions",srcLang:"en",src:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:73,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:67,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:76,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/MediaCard.tsx",lineNumber:57,columnNumber:3},void 0)};exports.MediaCard=h;exports.NoMediaCard=s;
 //# sourceMappingURL=MediaCard.js.map

package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={240}\n\t\t\t\t\tborderRadius={8}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","headerAssetName","mediaType","Icon","HEADER_TYPES","ImageIcon","VideoIcon","FilePDFIcon","MediaContainer","jsxDEV","COLORS","this","BodySecondary","MediaCard","headerAssetLink","imagePreviewStyles","commonMediaPlayerStyle","ShimmerImage","Fragment"],"mappings":"ydAWaA,EAIR,CAAC,CAAE,gBAAAC,EAAiB,UAAAC,KAAgB,CACxC,MAAMC,EACLD,IAAcE,EAAAA,aAAa,MACxBC,UACAH,IAAcE,EAAAA,aAAa,MAC3BE,EAAAA,QACAC,EAAAA,QAEJ,gBACEC,iBAAA,CACA,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOO,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAC5D,CAAC,CAACV,GACFQ,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAAT,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAEF,EAEaE,EAKR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAb,EAAiB,UAAAC,EAAW,mBAAAa,KAAyB,CAC7E,GAAI,CAACD,GAAmBZ,IAAcE,EAAAA,aAAa,SAClD,gBAAQJ,EAAA,CAAkB,gBAAAc,EAAiB,gBAAAb,EAAiB,UAAAC,CAAU,EAA/D,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAkE,EAG1E,MAAMK,EAAyB,CAC9B,MAAO,OACP,UAAW,QACX,OAAQ,QACR,aAAc,CAAA,EAIf,OACCP,EAAAA,OAACD,EAAAA,eAAA,CACC,SAAAN,IAAcE,EAAAA,aAAa,MAC3BK,EAAAA,OAACQ,EAAAA,aAAA,CACA,SAAUH,EACV,IAAKA,EACL,MAAO,OACP,OAAQ,IACR,aAAc,CAAA,EALf,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EAOGT,IAAcE,eAAa,MAC9BK,EAAAA,OAAC,QAAA,CACA,IAAKK,EACL,MAAOE,EACP,SAAQ,GACR,MAAK,GAEL,SAAAP,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKK,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAS,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAE,CAAA,EAnBJ,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}
+{"version":3,"file":"MediaCard.js","sources":["../../../../../src/components/template-preview/WhatsApp/MediaCard.tsx"],"sourcesContent":["import FilePDFIcon from '@src/assets/icons/filePdf.svg';\nimport ImageIcon from '@src/assets/icons/image.svg';\nimport VideoIcon from '@src/assets/icons/videoRecorder.svg';\nimport React from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { ShimmerImage } from '@src/components/shimmer-image/ShimmerImage';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { MediaContainer } from './ChatUI.style';\n\nexport const NoMediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType?: HEADER_TYPES;\n}> = ({ headerAssetName, mediaType }) => {\n\tconst Icon =\n\t\tmediaType === HEADER_TYPES.IMAGE\n\t\t\t? ImageIcon\n\t\t\t: mediaType === HEADER_TYPES.VIDEO\n\t\t\t? VideoIcon\n\t\t\t: FilePDFIcon;\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t<Icon height={40} width={40} color={COLORS.icon.placeholder} />\n\t\t\t{!!headerAssetName && (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t>\n\t\t\t\t\t{headerAssetName}\n\t\t\t\t</BodySecondary>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n\nexport const MediaCard: React.FC<{\n\theaderAssetLink?: string;\n\theaderAssetName?: string;\n\tmediaType: HEADER_TYPES;\n\timagePreviewStyles?: CSSProperties;\n}> = ({ headerAssetLink, headerAssetName, mediaType, imagePreviewStyles }) => {\n\tif (!headerAssetLink || mediaType === HEADER_TYPES.DOCUMENT) {\n\t\treturn <NoMediaCard {...{ headerAssetLink, headerAssetName, mediaType }} />;\n\t}\n\n\tconst commonMediaPlayerStyle = {\n\t\twidth: '100%',\n\t\tminHeight: '240px',\n\t\theight: '240px',\n\t\tborderRadius: 8,\n\t\t// objectFit: 'cover',\n\t};\n\n\treturn (\n\t\t<MediaContainer>\n\t\t\t{mediaType === HEADER_TYPES.IMAGE ? (\n\t\t\t\t<ShimmerImage\n\t\t\t\t\timageUrl={headerAssetLink}\n\t\t\t\t\talt={headerAssetLink}\n\t\t\t\t\twidth={'100%'}\n\t\t\t\t\theight={240}\n\t\t\t\t\tborderRadius={8}\n\t\t\t\t/>\n\t\t\t) : mediaType === HEADER_TYPES.VIDEO ? (\n\t\t\t\t<video\n\t\t\t\t\tsrc={headerAssetLink}\n\t\t\t\t\tstyle={commonMediaPlayerStyle}\n\t\t\t\t\tcontrols\n\t\t\t\t\tmuted\n\t\t\t\t>\n\t\t\t\t\t<track default kind=\"captions\" srcLang=\"en\" src={headerAssetLink} />\n\t\t\t\t</video>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t</MediaContainer>\n\t);\n};\n"],"names":["NoMediaCard","headerAssetName","mediaType","Icon","HEADER_TYPES","ImageIcon","VideoIcon","FilePDFIcon","MediaContainer","jsxDEV","COLORS","this","BodySecondary","MediaCard","headerAssetLink","imagePreviewStyles","commonMediaPlayerStyle","ShimmerImage","Fragment"],"mappings":"ydAWaA,EAIR,CAAC,CAAE,gBAAAC,EAAiB,UAAAC,KAAgB,CACxC,MAAMC,EACLD,IAAcE,EAAAA,aAAa,MACxBC,UACAH,IAAcE,EAAAA,aAAa,MAC3BE,EAAAA,QACAC,EAAAA,QAEJ,gBACEC,iBAAA,CACA,SAAA,CAAAC,EAAAA,OAACN,EAAA,CAAK,OAAQ,GAAI,MAAO,GAAI,MAAOO,EAAAA,OAAO,KAAK,WAAA,EAAhD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA6D,EAC5D,CAAC,CAACV,GACFQ,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAAT,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAEF,EAEaE,EAKR,CAAC,CAAE,gBAAAC,EAAiB,gBAAAb,EAAiB,UAAAC,EAAW,mBAAAa,KAAyB,CAC7E,GAAI,CAACD,GAAmBZ,IAAcE,EAAAA,aAAa,SAClD,gBAAQJ,EAAA,CAAkB,gBAAAc,EAAiB,gBAAAb,EAAiB,UAAAC,CAAU,EAA/D,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,EAAA,EAAAS,MAAkE,EAG1E,MAAMK,EAAyB,CAC9B,MAAO,OACP,UAAW,QACX,OAAQ,QACR,aAAc,CAAA,EAIf,OACCP,EAAAA,OAACD,EAAAA,eAAA,CACC,SAAAN,IAAcE,EAAAA,aAAa,MAC3BK,EAAAA,OAACQ,EAAAA,aAAA,CACA,SAAUH,EACV,IAAKA,EACL,MAAO,OACP,OAAQ,IACR,aAAc,CAAA,EALf,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EAOGT,IAAcE,eAAa,MAC9BK,EAAAA,OAAC,QAAA,CACA,IAAKK,EACL,MAAOE,EACP,SAAQ,GACR,MAAK,GAEL,SAAAP,EAAAA,OAAC,SAAM,QAAO,GAAC,KAAK,WAAW,QAAQ,KAAK,IAAKK,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAkE,CAAA,EANnE,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASAF,EAAAA,OAAAS,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAE,CAAA,EAnBJ,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAEF"}

package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),m=require("styled-components"),o=require("../../TypographyStyle.js"),p=require("../../../constants/Theme.js"),l=require("../constants/regexPatterns.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=u(m),b=c.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),c=require("styled-components"),l=require("../../TypographyStyle.js"),m=require("../../../constants/Theme.js"),o=require("../constants/regexPatterns.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=u(c),b=d.default.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`,f=e=>{const{text:n,bold:s}=e,r=n?.match(l.templateVariablePattern),a=s?{fontWeight:"600"}:{};return n?t.jsxDEV(b,{children:n.split(l.templateVariablePattern).map((d,i)=>t.jsxDEV(t.Fragment,{children:[t.jsxDEV(o.BodyRegular,{style:a,children:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:32,columnNumber:7},void 0),!!r?.[i]&&t.jsxDEV(o.BodyRegular,{style:{color:p.COLORS.content.brand,...a},children:r?.[i]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:34,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:31,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:28,columnNumber:3},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:24,columnNumber:10},void 0)};exports.default=f;
+`,h=e=>{const{text:r,bold:s}=e,n=r?.match(o.templateVariablePattern),a=s?{fontWeight:"600"}:{};return r?t.jsxDEV(b,{children:r.split(o.templateVariablePattern).map((p,i)=>t.jsxDEV(t.Fragment,{children:[t.jsxDEV(l.BodyRegular,{style:a,children:p},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:32,columnNumber:7},void 0),!!n?.[i]&&t.jsxDEV(l.BodyRegular,{style:{color:m.COLORS.content.brand,...a},children:n?.[i]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:34,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:31,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:28,columnNumber:3},void 0):t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx",lineNumber:24,columnNumber:10},void 0)};exports.default=h;
 //# sourceMappingURL=RenderTemplateWithVariable.js.map

package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsxDEV","Fragment","BodyRegular","this","COLORS"],"mappings":"6WAKMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,SAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAM,IAE9CK,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,SAACE,EAAAA,YAAA,CAAY,MAAOH,EAAY,SAAAJ,CAAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAqC,EACpC,CAAC,CAACN,IAAe,CAAC,GAClBG,EAAAA,OAACE,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOE,EAAAA,OAAO,QAAQ,MAAO,GAAGL,CAAA,EAExC,aAAe,CAAC,CAAA,EAHlB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAED,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAnBOH,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAE,CAqBX"}
+{"version":3,"file":"RenderTemplateWithVariable.js","sources":["../../../../../src/components/template-preview/WhatsApp/RenderTemplateWithVariable.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { templateVariablePattern } from '../constants/regexPatterns';\n\nconst Container = styled.div`\n\tpadding: 8px 12px 0px;\n\t/* display: inline; */\n`;\n\nexport interface RenderTemplateWithVariableInterface {\n\ttext?: string;\n\tbold?: boolean;\n}\n\nconst RenderTemplateWithVariable = (\n\tprops: RenderTemplateWithVariableInterface,\n) => {\n\tconst { text, bold } = props;\n\tconst variableList = text?.match(templateVariablePattern);\n\tconst textStyle = bold ? { fontWeight: '600' } : {};\n\n\tif (!text) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t{text.split(templateVariablePattern).map((text, i) => {\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BodyRegular style={textStyle}>{text}</BodyRegular>\n\t\t\t\t\t\t{!!variableList?.[i] && (\n\t\t\t\t\t\t\t<BodyRegular\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, ...textStyle }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{variableList?.[i]}\n\t\t\t\t\t\t\t</BodyRegular>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default RenderTemplateWithVariable;\n"],"names":["Container","styled","RenderTemplateWithVariable","props","text","bold","variableList","templateVariablePattern","textStyle","jsxDEV","Fragment","BodyRegular","this","COLORS"],"mappings":"6WAKMA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAUnBC,EACLC,GACI,CACJ,KAAM,CAAE,KAAAC,EAAM,KAAAC,CAAA,EAASF,EACjBG,EAAeF,GAAM,MAAMG,yBAAuB,EAClDC,EAAYH,EAAO,CAAE,WAAY,KAAA,EAAU,CAAA,EAEjD,OAAKD,EAKJK,SAACT,GACC,SAAAI,EAAK,MAAMG,EAAAA,uBAAuB,EAAE,IAAI,CAACH,EAAM,IAE9CK,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,SAACE,EAAAA,YAAA,CAAY,MAAOH,EAAY,SAAAJ,CAAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAqC,EACpC,CAAC,CAACN,IAAe,CAAC,GAClBG,EAAAA,OAACE,EAAAA,YAAA,CACA,MAAO,CAAE,MAAOE,EAAAA,OAAO,QAAQ,MAAO,GAAGL,CAAA,EAExC,aAAe,CAAC,CAAA,EAHlB,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAIA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAED,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EAnBOH,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAE,CAqBX"}

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("styled-components"),t=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),s=require("./ChatHeader.js"),l=require("./ChatUI.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=p(o),d=i.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),n=require("styled-components"),o=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),s=require("./ChatHeader.js"),p=require("./ChatUI.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=c(n),l=i.default.div`
 	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
 	border: ${e=>e.showHeader?0:1}px solid
-		${n.COLORS.stroke.primary};
+		${t.COLORS.stroke.primary};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
-`,m=i.default(t.TitleRegular)`
-	color: ${n.COLORS.content.primary};
-`,c=e=>a.getPreviewPropLen(e)===3?r.jsxDEV(r.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:31,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(d,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&r.jsxDEV(s.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:37,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(m,{children:"Preview"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:48,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:47,columnNumber:7},void 0),r.jsxDEV(l.default,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:51,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:38,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:36,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:35,columnNumber:3},void 0);exports.WhatsappLikePreview=c;
+`,m=i.default(o.TitleRegular)`
+	color: ${t.COLORS.content.primary};
+`,u=e=>a.getPreviewPropLen(e)===3?r.jsxDEV(r.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:31,columnNumber:10},void 0):r.jsxDEV(r.Fragment,{children:r.jsxDEV(l,{style:e.containerStyle,showHeader:e.showHeader,children:[e.showHeader&&r.jsxDEV(s.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:37,columnNumber:26},void 0),r.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":"16px 56px 12px 16px"},children:[!e.hidePreviewText&&r.jsxDEV("div",{style:{marginBottom:16},children:r.jsxDEV(m,{children:"Preview"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:48,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:47,columnNumber:7},void 0),r.jsxDEV(p.default,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:51,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:38,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:36,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx",lineNumber:35,columnNumber:3},void 0);exports.WhatsappLikePreview=u;
 //# sourceMappingURL=WhatsAppLikePreview.js.map

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUI showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsxDEV","Fragment","this","ChatHeader","ChatUI"],"mappings":"uYASMA,EAAYC,EAAAA,QAAO;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAInCF,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,qBAAeS,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACjCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCN,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACJ,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAE,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAiD,CAAA,CAAA,EAblD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}
+{"version":3,"file":"WhatsAppLikePreview.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport ChatUI from './ChatUI';\n\nconst Container = styled.div<{ showHeader?: boolean }>`\n\tbackground-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');\n\tborder: ${(props) => (props.showHeader ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container style={props.containerStyle} showHeader={props.showHeader}>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: '16px 56px 12px 16px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUI showHeader={props.showHeader} {...props} />\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","COLORS","PreviewText","TitleRegular","WhatsappLikePreview","getPreviewPropLen","jsxDEV","Fragment","this","ChatHeader","ChatUI"],"mappings":"uYASMA,EAAYC,EAAAA,QAAO;AAAA;AAAA,WAEbC,GAAWA,EAAM,WAAa,EAAI,CAAE;AAAA,IAC5CC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnBC,EAAcH,EAAAA,QAAOI,cAAY;AAAA,UAC7BF,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBG,EACZJ,GAEmBK,EAAAA,kBAAkBL,CAAK,IAEvB,EACXM,EAAAA,OAAAC,EAAAA,SAAA,CAAG,WAAM,kBAAA,EAAT,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA4B,EAInCF,EAAAA,OAAAC,EAAAA,SAAA,CACC,kBAACT,EAAA,CAAU,MAAOE,EAAM,eAAgB,WAAYA,EAAM,WACxD,SAAA,CAAAA,EAAM,qBAAeS,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAY,EACjCF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QACCN,EAAM,OAAS,QACZ,sBACA,qBAAA,EAGJ,SAAA,CAAA,CAACA,EAAM,iBACPM,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,aAAc,EAAA,EAC3B,SAAAA,EAAAA,OAACJ,EAAA,CAAY,SAAA,SAAA,EAAb,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAoB,CAAA,EADrB,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAE,EAAAA,QAAA,CAAO,WAAYV,EAAM,WAAa,GAAGA,CAAA,EAA1C,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAiD,CAAA,CAAA,EAblD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA"}

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),l=require("../../../assets/icons/phone_round.svg.js"),p=require("styled-components"),m=require("../../template-context-mapper/context/templateModalContext.js"),d=require("../../template-context-mapper/utils/constants.js"),o=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),c=require("../models/TemplateMeta.js"),u=require("../utils/getPreviewPropLen.js"),h=require("./ChatHeader.js"),r=require("./ChatUI.style.js"),i=require("./ChatUiV2.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=b(p),w=a.default.div`
-	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${d.BACKGROUND_PREVIEW_IMAGE})`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),p=require("../../../assets/icons/phone_round.svg.js"),l=require("styled-components"),c=require("../../template-context-mapper/context/templateModalContext.js"),m=require("../../template-context-mapper/utils/constants.js"),a=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),u=require("../models/TemplateMeta.js"),h=require("../utils/getPreviewPropLen.js"),d=require("./ChatHeader.js"),i=require("./ChatUI.style.js"),r=require("./ChatUiV2.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=b(l),v=n.default.div`
+	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${m.BACKGROUND_PREVIEW_IMAGE})`};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
 	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,v=a.default(o.TitleRegular)`
-	color: ${t.COLORS.content.primary};
-`,f=a.default.div`
+`,f=n.default(a.TitleRegular)`
+	color: ${s.COLORS.content.primary};
+`,x=n.default.div`
 	margin: 4px;
 	margin-top: -4px;
-	background-color: ${t.BASE_COLORS.grayscale[50]};
+	background-color: ${s.BASE_COLORS.grayscale[50]};
 	border-radius: 6px;
 	.flex-align-center-gap {
 		display: flex;
 		align-items: center;
 		gap: 8px;
 	}
-`,x=e=>{const{hideDeviceContainerInPreview:s}=m.useTemplateModalContext();return u.getPreviewPropLen(e)===3?n.jsxDEV(n.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:53,columnNumber:10},void 0):s?n.jsxDEV(i.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:57,columnNumber:10},void 0):n.jsxDEV(n.Fragment,{children:n.jsxDEV(w,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&n.jsxDEV(h.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:67,columnNumber:26},void 0),n.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&n.jsxDEV("div",{style:{marginBottom:16},children:n.jsxDEV(v,{children:"Preview"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:82,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:81,columnNumber:7},void 0),n.jsxDEV(i.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:85,columnNumber:6},void 0),e.showCallPermissionCard&&n.jsxDEV("div",{style:{marginTop:16},children:n.jsxDEV(i.ChatUIV2,{hideFooter:!0,headerMediaType:c.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:93,columnNumber:29},void 0),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:n.jsxDEV(f,{children:[n.jsxDEV(i.HtmlContainer,{className:"flex-align-center-gap",children:[n.jsxDEV(l.default,{width:30,height:30},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:105,columnNumber:11},void 0),n.jsxDEV(o.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:106,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:104,columnNumber:10},void 0),n.jsxDEV(r.FooterWrapper,{children:[n.jsxDEV(r.FooterText,{style:{flex:1}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:113,columnNumber:11},void 0),n.jsxDEV(r.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:114,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:112,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:103,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:88,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:87,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:62,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:61,columnNumber:3},void 0)};exports.WhatsappLikePreviewV2=x;
+`,k=e=>{const{hideDeviceContainerInPreview:o}=c.useTemplateModalContext();return h.getPreviewPropLen(e)===3?t.jsxDEV(t.Fragment,{children:e.zeroStateComponent},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:53,columnNumber:10},void 0):o?t.jsxDEV(r.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:57,columnNumber:10},void 0):t.jsxDEV(t.Fragment,{children:t.jsxDEV(v,{style:e.containerStyle,showHeader:e.showHeader,isWhatsappCarousel:e.isWhatsappCarousel,children:[e.showHeader&&t.jsxDEV(d.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:67,columnNumber:26},void 0),t.jsxDEV("div",{style:{padding:e.size==="small"?"12px 32px 12px 12px":`16px ${e.isWhatsappCarousel?"0px":"56px"} ${e.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"},children:[!e.hidePreviewText&&t.jsxDEV("div",{style:{marginBottom:16},children:t.jsxDEV(f,{children:"Preview"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:82,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:81,columnNumber:7},void 0),t.jsxDEV(r.ChatUIV2,{showHeader:e.showHeader,...e},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:85,columnNumber:6},void 0),e.showCallPermissionCard&&t.jsxDEV("div",{style:{marginTop:16},children:t.jsxDEV(r.ChatUIV2,{hideFooter:!0,headerMediaType:u.HEADER_TYPES.NONE,textType:"html",isPreview:e.isPreview,zeroStateComponent:t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:93,columnNumber:29},void 0),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}],children:t.jsxDEV(x,{children:[t.jsxDEV(r.HtmlContainer,{className:"flex-align-center-gap",children:[t.jsxDEV(p.default,{width:30,height:30},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:105,columnNumber:11},void 0),t.jsxDEV(a.TitleSmall,{children:e.callPermissionText?`${e.callPermissionText}`:'Can Make "Merchant Name" call you?'},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:106,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:104,columnNumber:10},void 0),t.jsxDEV(i.FooterWrapper,{children:[t.jsxDEV(i.FooterText,{style:{flex:1}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:113,columnNumber:11},void 0),t.jsxDEV(i.TimeStamp,{children:"16:48"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:114,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:112,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:103,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:88,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:87,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:62,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx",lineNumber:61,columnNumber:3},void 0)};exports.WhatsappLikePreviewV2=k;
 //# sourceMappingURL=WhatsAppLikePreviewV2.js.map

package/dist/cjs/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","ChatUIV2","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"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"}
+{"version":3,"file":"WhatsAppLikePreviewV2.js","sources":["../../../../../src/components/template-preview/WhatsApp/WhatsAppLikePreviewV2.tsx"],"sourcesContent":["import PhoneIcon from '@src/assets/icons/phone_round.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { BACKGROUND_PREVIEW_IMAGE } from '@src/components/template-context-mapper/utils/constants';\nimport { TitleRegular, TitleSmall } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';\nimport { getPreviewPropLen } from '../utils/getPreviewPropLen';\nimport ChatHeader from './ChatHeader';\nimport { FooterText, FooterWrapper, TimeStamp } from './ChatUI.style';\nimport { ChatUIV2, HtmlContainer } from './ChatUiV2';\n\nconst Container = styled.div<{\n\tshowHeader?: boolean;\n\tisWhatsappCarousel?: boolean;\n}>`\n\tbackground-image: ${(props) =>\n\t\tprops.isWhatsappCarousel ? 'none' : `url(${BACKGROUND_PREVIEW_IMAGE})`};\n\tborder-radius: 4px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: cover;\n\tposition: relative;\n\theight: ${(props) => (props.isWhatsappCarousel ? '100%' : 'auto')};\n`;\n\nconst PreviewText = styled(TitleRegular)`\n\tcolor: ${COLORS.content.primary};\n`;\n\nconst CallPermissionCard = styled.div`\n\tmargin: 4px;\n\tmargin-top: -4px;\n\tbackground-color: ${BASE_COLORS.grayscale['50']};\n\tborder-radius: 6px;\n\t.flex-align-center-gap {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n`;\n\nexport const WhatsappLikePreviewV2: React.FC<WhatsappLikePreviewTypes> = (\n\tprops,\n) => {\n\tconst { hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst propLength = getPreviewPropLen(props);\n\t/** Condition for checking empty template creation state. 2 as header and action type will have a default NONE values */\n\tif (propLength === 3) {\n\t\treturn <>{props.zeroStateComponent}</>;\n\t}\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn <ChatUIV2 showHeader={props.showHeader} {...props} />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Container\n\t\t\t\tstyle={props.containerStyle}\n\t\t\t\tshowHeader={props.showHeader}\n\t\t\t\tisWhatsappCarousel={props.isWhatsappCarousel}\n\t\t\t>\n\t\t\t\t{props.showHeader && <ChatHeader />}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\tprops.size === 'small'\n\t\t\t\t\t\t\t\t? '12px 32px 12px 12px'\n\t\t\t\t\t\t\t\t: `16px ${props.isWhatsappCarousel ? '0px' : '56px'} ${\n\t\t\t\t\t\t\t\t\t\tprops.isWhatsappCarousel ? '2px' : '16px'\n\t\t\t\t\t\t\t\t  } 16px`,\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!props.hidePreviewText && (\n\t\t\t\t\t\t<div style={{ marginBottom: 16 }}>\n\t\t\t\t\t\t\t<PreviewText>Preview</PreviewText>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<ChatUIV2 showHeader={props.showHeader} {...props} />\n\t\t\t\t\t{props.showCallPermissionCard && (\n\t\t\t\t\t\t<div style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t<ChatUIV2\n\t\t\t\t\t\t\t\thideFooter={true}\n\t\t\t\t\t\t\t\theaderMediaType={HEADER_TYPES.NONE}\n\t\t\t\t\t\t\t\ttextType=\"html\"\n\t\t\t\t\t\t\t\tisPreview={props.isPreview}\n\t\t\t\t\t\t\t\tzeroStateComponent={<></>}\n\t\t\t\t\t\t\t\tbuttons={[\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ttext: 'Choose preference',\n\t\t\t\t\t\t\t\t\t\ttype: 'CALL_PERMISSION',\n\t\t\t\t\t\t\t\t\t\tflowId: '',\n\t\t\t\t\t\t\t\t\t\tflowName: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CallPermissionCard>\n\t\t\t\t\t\t\t\t\t<HtmlContainer className=\"flex-align-center-gap\">\n\t\t\t\t\t\t\t\t\t\t<PhoneIcon width={30} height={30} />\n\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t{props.callPermissionText\n\t\t\t\t\t\t\t\t\t\t\t\t? `${props.callPermissionText}`\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Can Make \"Merchant Name\" call you?'}\n\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t</HtmlContainer>\n\t\t\t\t\t\t\t\t\t<FooterWrapper>\n\t\t\t\t\t\t\t\t\t\t<FooterText style={{ flex: 1 }}></FooterText>\n\t\t\t\t\t\t\t\t\t\t<TimeStamp>16:48</TimeStamp>\n\t\t\t\t\t\t\t\t\t</FooterWrapper>\n\t\t\t\t\t\t\t\t</CallPermissionCard>\n\t\t\t\t\t\t\t</ChatUIV2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Container>\n\t\t</>\n\t);\n};\n"],"names":["Container","styled","props","BACKGROUND_PREVIEW_IMAGE","PreviewText","TitleRegular","COLORS","CallPermissionCard","BASE_COLORS","WhatsappLikePreviewV2","hideDeviceContainerInPreview","useTemplateModalContext","getPreviewPropLen","jsxDEV","Fragment","this","ChatUIV2","ChatHeader","HEADER_TYPES","HtmlContainer","PhoneIcon","TitleSmall","FooterWrapper","FooterText","TimeStamp"],"mappings":"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"}

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),u=require("react"),V=require("../template-context-mapper/context/templateModalContext.js"),P=require("./helpers/TemplateCreatorHelper.js"),A=require("./helpers/templateMiscHelper.js"),x=require("./models/TemplateMeta.js"),C=require("./RCS/RCSTemplateLikePreview.js"),D=require("./utils/TemplateHelperUtils.js"),L=require("./WhatsApp/WhatsAppLikePreview.js"),E=require("./WhatsApp/WhatsAppLikePreviewV2.js"),B=({template:a,extras:o,containerStyle:s,usePlaceHolderName:h,showHeader:p,zeroStateComponent:l,size:m,showSampleValues:d,carouselCardIndex:T,isWhatsappCarousel:y,isPreview:c,channel:w})=>{const{selectedCarouselIndex:k,pod:f}=V.useTemplateModalContext(),[e,v]=u.useState(),b=new P.TemplateCreatorHelper,N=new D.TemplateHelperUtils,n=[];if(e?.ctaBtn?.phoneNumber?.isChecked&&n.push({type:"phoneNumber",text:e.ctaBtn.phoneNumber.btnText??"",extra:e.ctaBtn.phoneNumber.phoneNumber??""}),e?.ctaBtn?.websiteLinkBtn?.isChecked&&n.push({type:"website",text:e.ctaBtn.websiteLinkBtn.btnText??"",extra:e.ctaBtn.websiteLinkBtn?.linkOpens??"",placeholder:e.ctaBtn.websiteLinkBtn.placeholder??""}),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:d,isV2:!a.htmlContentUrl,pod:f}).then(t=>{v({...t})})},[a,d]),u.useEffect(()=>{a&&b.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:d,isV2:!a.htmlContentUrl,pod:f}).then(t=>{v({...t})})},[k]),!a)return i.jsxDEV(i.Fragment,{children:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:104,columnNumber:10},void 0);if(A.isRCSChannel(w||a?.channel)){const t=b.parseTemplateConfiguration(a);return i.jsxDEV(C.RCSTemplateLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:s,textType:"html",bodyText:e?.bodyText,titleText:e?.titleText,footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:136,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],headerVariableList:e?.headerVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],titleVariableList:e?.titleVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],buttons:e?.allButtons,isWhatsappCarousel:y,isPreview:c,templateConfiguration:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:113,columnNumber:4},void 0)}return a.htmlContentUrl?i.jsxDEV(L.WhatsappLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:N.whatsappOnlyFillVariablesValueInBodyText(e?.bodyText??"",e?.bodyVariables??[],h),footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:N.fillVariablesValInBodyText(e?.headerText??"",e?.headerVariables??[],h),headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:241,columnNumber:46},void 0),isPreview:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:212,columnNumber:3},void 0):i.jsxDEV(E.WhatsappLikePreviewV2,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:e?.bodyText,footerText:e?.footerText,headerMediaType:e?.headerType||x.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:o,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:187,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],headerVariableList:e?.headerVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],buttons:e?.allButtons,limitedTimeOfferComponent:e?.limitedTimeOfferComponent,isWhatsappCarousel:y,isPreview:c,showCallPermissionCard:e?.showCallPermissionCard,callPermissionText:e?.callPermissionText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:165,columnNumber:4},void 0)};exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),h=require("react"),w=require("../template-context-mapper/context/templateModalContext.js"),V=require("./helpers/TemplateCreatorHelper.js"),A=require("./helpers/templateMiscHelper.js"),b=require("./models/TemplateMeta.js"),C=require("./RCS/RCSTemplateLikePreview.js"),L=require("./utils/TemplateHelperUtils.js"),E=require("./WhatsApp/WhatsAppLikePreview.js"),j=require("./WhatsApp/WhatsAppLikePreviewV2.js"),B=({template:a,extras:s,containerStyle:o,usePlaceHolderName:x,showHeader:p,zeroStateComponent:l,size:m,showSampleValues:c,carouselCardIndex:T,isWhatsappCarousel:f,isPreview:d,channel:k})=>{const{selectedCarouselIndex:P,pod:v}=w.useTemplateModalContext(),[e,N]=h.useState(),u=new V.TemplateCreatorHelper,y=new L.TemplateHelperUtils,n=[];if(e?.ctaBtn?.phoneNumber?.isChecked&&n.push({type:"phoneNumber",text:e.ctaBtn.phoneNumber.btnText??"",extra:e.ctaBtn.phoneNumber.phoneNumber??""}),e?.ctaBtn?.websiteLinkBtn?.isChecked&&n.push({type:"website",text:e.ctaBtn.websiteLinkBtn.btnText??"",extra:e.ctaBtn.websiteLinkBtn?.linkOpens??"",placeholder:e.ctaBtn.websiteLinkBtn.placeholder??""}),h.useEffect(()=>{a&&u.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:c,isV2:!a.htmlContentUrl,pod:v}).then(t=>{N({...t})})},[a,c]),h.useEffect(()=>{a&&u.parseUITemplateFromDBFormat({dbFormattedTemplate:a,isDuplicate:!1,showSampleValues:c,isV2:!a.htmlContentUrl,pod:v}).then(t=>{N({...t})})},[P]),!a)return i.jsxDEV(i.Fragment,{children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:104,columnNumber:10},void 0);if(A.isRCSChannel(k||a?.channel)){const t=u.parseTemplateConfiguration(a);return i.jsxDEV(C.RCSTemplateLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:o,textType:"html",bodyText:e?.bodyText,titleText:e?.titleText,footerText:e?.footerText,headerMediaType:e?.headerType||b.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:136,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],headerVariableList:e?.headerVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],titleVariableList:e?.titleVariables?.map(r=>({placeholder:r.variableName,value:r.variableVal??r.variableName}))??[],buttons:e?.allButtons,isWhatsappCarousel:f,isPreview:d,templateConfiguration:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:113,columnNumber:4},void 0)}return a.htmlContentUrl?i.jsxDEV(E.WhatsappLikePreview,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:o,textType:"html",bodyText:y.whatsappOnlyFillVariablesValueInBodyText(e?.bodyText??"",e?.bodyVariables??[],x),footerText:e?.footerText,headerMediaType:e?.headerType||b.HEADER_TYPES.NONE,headerText:y.fillVariablesValInBodyText(e?.headerText??"",e?.headerVariables??[],x),headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:241,columnNumber:46},void 0),isPreview:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:212,columnNumber:3},void 0):i.jsxDEV(j.WhatsappLikePreviewV2,{showHeader:p,containerPadding:m==="large"?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:o,textType:"html",bodyText:e?.bodyText,footerText:e?.footerText,headerMediaType:e?.headerType||b.HEADER_TYPES.NONE,headerText:e?.headerText,headerAssetLink:e?.headerAssetLink??"",headerAssetName:e?.headerAssetName??"",quickReplybtn:e?.quickReply,ctaBtn:n,actionTypes:e?.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:l??i.jsxDEV(i.Fragment,{children:" "},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:187,columnNumber:47},void 0),bodyVariableList:e?.bodyVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],headerVariableList:e?.headerVariables?.map(t=>({placeholder:t.variableName,value:t.variableVal??t.variableName}))??[],buttons:e?.allButtons,limitedTimeOfferComponent:e?.limitedTimeOfferComponent,isWhatsappCarousel:f,isPreview:d,showCallPermissionCard:e?.showCallPermissionCard,callPermissionText:e?.callPermissionText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/WhatsAppTemplatePreview.tsx",lineNumber:165,columnNumber:4},void 0)};exports.default=B;
 //# sourceMappingURL=WhatsAppTemplatePreview.js.map

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppTemplatePreview.js","sources":["../../../../src/components/template-preview/WhatsAppTemplatePreview.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplateCreatorHelper } from './helpers/TemplateCreatorHelper';\nimport { isRCSChannel } from './helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { RCSTemplateType } from './models/RCSTemplate';\nimport { HEADER_TYPES } from './models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tWhatsAppTemplate,\n} from './models/WhatsAppTemplate';\nimport { RCSTemplateLikePreview } from './RCS/RCSTemplateLikePreview';\nimport { TemplateHelperUtils } from './utils/TemplateHelperUtils';\nimport { WhatsappLikePreview } from './WhatsApp/WhatsAppLikePreview';\nimport { WhatsappLikePreviewV2 } from './WhatsApp/WhatsAppLikePreviewV2';\n\nconst WhatsappTemplatePreview: React.FC<{\n\ttemplate?: WhatsAppTemplate;\n\textras?: boolean;\n\tcontainerStyle?: CSSProperties;\n\tusePlaceHolderName?: boolean;\n\tshowHeader?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tsize?: 'small' | 'large';\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}> = ({\n\ttemplate,\n\textras,\n\tcontainerStyle,\n\tusePlaceHolderName,\n\tshowHeader,\n\tzeroStateComponent,\n\tsize,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tchannel,\n}) => {\n\tconst { selectedCarouselIndex, pod } = useTemplateModalContext();\n\tconst [localUIState, setLocalUiState] = useState<CreateTemplateType>();\n\tconst templateCreateHelper = new TemplateCreatorHelper();\n\tconst templateCreatorUtils = new TemplateHelperUtils();\n\tconst ctaBtn: {\n\t\ttype: 'phoneNumber' | 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[] = [];\n\tif (localUIState?.ctaBtn?.phoneNumber?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'phoneNumber',\n\t\t\ttext: localUIState.ctaBtn.phoneNumber.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.phoneNumber.phoneNumber ?? '',\n\t\t});\n\t}\n\n\tif (localUIState?.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'website',\n\t\t\ttext: localUIState.ctaBtn.websiteLinkBtn.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.websiteLinkBtn?.linkOpens ?? '',\n\t\t\tplaceholder: localUIState.ctaBtn.websiteLinkBtn.placeholder ?? '',\n\t\t});\n\t}\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [template, showSampleValues]);\n\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tif (!template) {\n\t\treturn <>{zeroStateComponent}</>;\n\t}\n\n\tif (isRCSChannel(channel || template?.channel)) {\n\t\tconst templateConfiguration =\n\t\t\ttemplateCreateHelper.parseTemplateConfiguration(\n\t\t\t\ttemplate as RCSTemplateType,\n\t\t\t);\n\t\treturn (\n\t\t\t<RCSTemplateLikePreview\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 36px 12px 16px' : '12px 36px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\ttitleText={localUIState?.titleText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\ttitleVariableList={\n\t\t\t\t\tlocalUIState?.titleVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\ttemplateConfiguration={templateConfiguration}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (!template.htmlContentUrl) {\n\t\treturn (\n\t\t\t<WhatsappLikePreviewV2\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\t// This gives multiple button type support\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tlimitedTimeOfferComponent={localUIState?.limitedTimeOfferComponent}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowCallPermissionCard={localUIState?.showCallPermissionCard}\n\t\t\t\tcallPermissionText={localUIState?.callPermissionText}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsappLikePreview\n\t\t\tshowHeader={showHeader}\n\t\t\tcontainerPadding={\n\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t}\n\t\t\tcontainerStyle={containerStyle}\n\t\t\ttextType={'html'}\n\t\t\tbodyText={templateCreatorUtils.whatsappOnlyFillVariablesValueInBodyText(\n\t\t\t\tlocalUIState?.bodyText ?? '',\n\t\t\t\tlocalUIState?.bodyVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\tfooterText={localUIState?.footerText}\n\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\theaderText={templateCreatorUtils.fillVariablesValInBodyText(\n\t\t\t\tlocalUIState?.headerText ?? '',\n\t\t\t\tlocalUIState?.headerVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\tctaBtn={ctaBtn}\n\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\textras={extras}\n\t\t\thidePreviewText\n\t\t\timagePreviewStyles={{\n\t\t\t\tobjectFit: 'cover',\n\t\t\t}}\n\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\tisPreview={isPreview}\n\t\t/>\n\t);\n};\n\nexport default WhatsappTemplatePreview;\n"],"names":["WhatsappTemplatePreview","template","extras","containerStyle","usePlaceHolderName","showHeader","zeroStateComponent","size","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","channel","selectedCarouselIndex","pod","useTemplateModalContext","localUIState","setLocalUiState","useState","templateCreateHelper","TemplateCreatorHelper","templateCreatorUtils","TemplateHelperUtils","ctaBtn","useEffect","state","this","isRCSChannel","templateConfiguration","jsxDEV","RCSTemplateLikePreview","HEADER_TYPES","Fragment","variable","WhatsappLikePreview","WhatsappLikePreviewV2"],"mappings":"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"}
+{"version":3,"file":"WhatsAppTemplatePreview.js","sources":["../../../../src/components/template-preview/WhatsAppTemplatePreview.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { CSSProperties } from 'styled-components';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplateCreatorHelper } from './helpers/TemplateCreatorHelper';\nimport { isRCSChannel } from './helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from './models/Channels';\nimport { RCSTemplateType } from './models/RCSTemplate';\nimport { HEADER_TYPES } from './models/TemplateMeta';\nimport {\n\tCreateTemplateType,\n\tWhatsAppTemplate,\n} from './models/WhatsAppTemplate';\nimport { RCSTemplateLikePreview } from './RCS/RCSTemplateLikePreview';\nimport { TemplateHelperUtils } from './utils/TemplateHelperUtils';\nimport { WhatsappLikePreview } from './WhatsApp/WhatsAppLikePreview';\nimport { WhatsappLikePreviewV2 } from './WhatsApp/WhatsAppLikePreviewV2';\n\nconst WhatsappTemplatePreview: React.FC<{\n\ttemplate?: WhatsAppTemplate;\n\textras?: boolean;\n\tcontainerStyle?: CSSProperties;\n\tusePlaceHolderName?: boolean;\n\tshowHeader?: boolean;\n\tzeroStateComponent?: ReactElement;\n\tsize?: 'small' | 'large';\n\tshowSampleValues?: boolean;\n\tcarouselCardIndex?: number;\n\tisWhatsappCarousel?: boolean;\n\tisPreview?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}> = ({\n\ttemplate,\n\textras,\n\tcontainerStyle,\n\tusePlaceHolderName,\n\tshowHeader,\n\tzeroStateComponent,\n\tsize,\n\tshowSampleValues,\n\tcarouselCardIndex,\n\tisWhatsappCarousel,\n\tisPreview,\n\tchannel,\n}) => {\n\tconst { selectedCarouselIndex, pod } = useTemplateModalContext();\n\tconst [localUIState, setLocalUiState] = useState<CreateTemplateType>();\n\tconst templateCreateHelper = new TemplateCreatorHelper();\n\tconst templateCreatorUtils = new TemplateHelperUtils();\n\tconst ctaBtn: {\n\t\ttype: 'phoneNumber' | 'website';\n\t\ttext: string;\n\t\textra?: string;\n\t\tplaceholder?: string;\n\t}[] = [];\n\tif (localUIState?.ctaBtn?.phoneNumber?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'phoneNumber',\n\t\t\ttext: localUIState.ctaBtn.phoneNumber.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.phoneNumber.phoneNumber ?? '',\n\t\t});\n\t}\n\n\tif (localUIState?.ctaBtn?.websiteLinkBtn?.isChecked) {\n\t\tctaBtn.push({\n\t\t\ttype: 'website',\n\t\t\ttext: localUIState.ctaBtn.websiteLinkBtn.btnText ?? '',\n\t\t\textra: localUIState.ctaBtn.websiteLinkBtn?.linkOpens ?? '',\n\t\t\tplaceholder: localUIState.ctaBtn.websiteLinkBtn.placeholder ?? '',\n\t\t});\n\t}\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [template, showSampleValues]);\n\n\tuseEffect(() => {\n\t\tif (template) {\n\t\t\ttemplateCreateHelper\n\t\t\t\t.parseUITemplateFromDBFormat({\n\t\t\t\t\tdbFormattedTemplate: template,\n\t\t\t\t\tisDuplicate: false,\n\t\t\t\t\tshowSampleValues,\n\t\t\t\t\tisV2: !template.htmlContentUrl,\n\t\t\t\t\tpod: pod,\n\t\t\t\t})\n\t\t\t\t.then((state) => {\n\t\t\t\t\tsetLocalUiState({ ...state });\n\t\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tif (!template) {\n\t\treturn <>{zeroStateComponent}</>;\n\t}\n\n\tif (isRCSChannel(channel || template?.channel)) {\n\t\tconst templateConfiguration =\n\t\t\ttemplateCreateHelper.parseTemplateConfiguration(\n\t\t\t\ttemplate as RCSTemplateType,\n\t\t\t);\n\t\treturn (\n\t\t\t<RCSTemplateLikePreview\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 36px 12px 16px' : '12px 36px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\ttitleText={localUIState?.titleText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\ttitleVariableList={\n\t\t\t\t\tlocalUIState?.titleVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\ttemplateConfiguration={templateConfiguration}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (!template.htmlContentUrl) {\n\t\treturn (\n\t\t\t<WhatsappLikePreviewV2\n\t\t\t\tshowHeader={showHeader}\n\t\t\t\tcontainerPadding={\n\t\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t\t}\n\t\t\t\tcontainerStyle={containerStyle}\n\t\t\t\ttextType={'html'}\n\t\t\t\tbodyText={localUIState?.bodyText}\n\t\t\t\tfooterText={localUIState?.footerText}\n\t\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\t\theaderText={localUIState?.headerText}\n\t\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\t\tctaBtn={ctaBtn}\n\t\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\t\textras={extras}\n\t\t\t\thidePreviewText\n\t\t\t\timagePreviewStyles={{\n\t\t\t\t\tobjectFit: 'cover',\n\t\t\t\t}}\n\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\t\tbodyVariableList={\n\t\t\t\t\tlocalUIState?.bodyVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\theaderVariableList={\n\t\t\t\t\tlocalUIState?.headerVariables?.map((variable) => ({\n\t\t\t\t\t\tplaceholder: variable.variableName!,\n\t\t\t\t\t\tvalue: variable.variableVal ?? variable.variableName!,\n\t\t\t\t\t})) ?? []\n\t\t\t\t}\n\t\t\t\t// This gives multiple button type support\n\t\t\t\tbuttons={localUIState?.allButtons}\n\t\t\t\tlimitedTimeOfferComponent={localUIState?.limitedTimeOfferComponent}\n\t\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\t\tisPreview={isPreview}\n\t\t\t\tshowCallPermissionCard={localUIState?.showCallPermissionCard}\n\t\t\t\tcallPermissionText={localUIState?.callPermissionText}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsappLikePreview\n\t\t\tshowHeader={showHeader}\n\t\t\tcontainerPadding={\n\t\t\t\tsize === 'large' ? '16px 56px 12px 16px' : '12px 56px 12px 12px'\n\t\t\t}\n\t\t\tcontainerStyle={containerStyle}\n\t\t\ttextType={'html'}\n\t\t\tbodyText={templateCreatorUtils.whatsappOnlyFillVariablesValueInBodyText(\n\t\t\t\tlocalUIState?.bodyText ?? '',\n\t\t\t\tlocalUIState?.bodyVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\tfooterText={localUIState?.footerText}\n\t\t\theaderMediaType={localUIState?.headerType || HEADER_TYPES.NONE}\n\t\t\theaderText={templateCreatorUtils.fillVariablesValInBodyText(\n\t\t\t\tlocalUIState?.headerText ?? '',\n\t\t\t\tlocalUIState?.headerVariables ?? [],\n\t\t\t\tusePlaceHolderName,\n\t\t\t)}\n\t\t\theaderAssetLink={localUIState?.headerAssetLink ?? ''}\n\t\t\theaderAssetName={localUIState?.headerAssetName ?? ''}\n\t\t\tquickReplybtn={localUIState?.quickReply}\n\t\t\tctaBtn={ctaBtn}\n\t\t\tactionTypes={localUIState?.actionsType}\n\t\t\textras={extras}\n\t\t\thidePreviewText\n\t\t\timagePreviewStyles={{\n\t\t\t\tobjectFit: 'cover',\n\t\t\t}}\n\t\t\tzeroStateComponent={zeroStateComponent ?? <> </>}\n\t\t\tisPreview={isPreview}\n\t\t/>\n\t);\n};\n\nexport default WhatsappTemplatePreview;\n"],"names":["WhatsappTemplatePreview","template","extras","containerStyle","usePlaceHolderName","showHeader","zeroStateComponent","size","showSampleValues","carouselCardIndex","isWhatsappCarousel","isPreview","channel","selectedCarouselIndex","pod","useTemplateModalContext","localUIState","setLocalUiState","useState","templateCreateHelper","TemplateCreatorHelper","templateCreatorUtils","TemplateHelperUtils","ctaBtn","useEffect","state","this","isRCSChannel","templateConfiguration","jsxDEV","RCSTemplateLikePreview","HEADER_TYPES","Fragment","variable","WhatsappLikePreview","WhatsappLikePreviewV2"],"mappings":"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"}

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-dev-runtime"),e=require("../models/WebpushTemplate.js"),E=require("../utils/TemplateHelperUtils.js"),P=require("./WebpushPreview.styled.js"),m="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",_=l=>{const{components:u,webpushBroadcastConfig:i}=l.template,n=new E.TemplateHelperUtils().parseJsonString(u),a=(o,r)=>{let t=0;return o?o.replace(/{{(.*?)}}/g,(h,d)=>{const b=d.trim();if(r&&r.length&&t<r.length){const N=r[t];return t++,`${N} `}else return`{{${b}}}`}):""},p=a(n[e.WEB_PUSH_COMPONENT_TYPE.TITLE],i?.title),c=a(n[e.WEB_PUSH_COMPONENT_TYPE.BODY]?.text??n[e.WEB_PUSH_COMPONENT_TYPE.BODY]??"",i?.body);return s.jsxDEV(P.WebpushPreviewContainer,{style:{...l.extraContainerCss},children:[s.jsxDEV("div",{className:"icon--header",children:[s.jsxDEV("div",{className:"icon-img-container",children:s.jsxDEV("img",{src:i?.[e.WEB_PUSH_COMPONENT_TYPE.ICON]?.length?i[e.WEB_PUSH_COMPONENT_TYPE.ICON][0]:n[e.WEB_PUSH_COMPONENT_TYPE.ICON]||m,alt:"icon-image"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:51,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:50,columnNumber:5},void 0),s.jsxDEV("div",{className:"text--container",children:[s.jsxDEV("div",{children:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:63,columnNumber:6},void 0),s.jsxDEV("div",{style:{marginTop:3},children:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:64,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:62,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:49,columnNumber:4},void 0),n[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&n[e.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&s.jsxDEV("div",{className:"banner-img-container",children:s.jsxDEV("img",{src:i?.[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length?i[e.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:n[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]??m,alt:"icon-image"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:69,columnNumber:6},void 0),n[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&n[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&s.jsxDEV("div",{className:`button-container ${n[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"single-button":""}`,children:n[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((o,r)=>s.jsxDEV("div",{className:"each--btn",style:{flex:n[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"0 0 50%":"1"},children:s.jsxDEV("div",{className:"text-btn",children:o.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:101,columnNumber:9},void 0)},`webpush-buttons-${r}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:91,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:48,columnNumber:3},void 0)};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),e=require("../models/WebpushTemplate.js"),h=require("../utils/TemplateHelperUtils.js"),d=require("./WebpushPreview.styled.js"),c="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",E=l=>{const{components:m,webpushBroadcastConfig:s}=l.template,r=new h.TemplateHelperUtils().parseJsonString(m),a=(i,n)=>{let o=0;return i?i.replace(/{{(.*?)}}/g,(v,b)=>{const N=b.trim();if(n&&n.length&&o<n.length){const P=n[o];return o++,`${P} `}else return`{{${N}}}`}):""},u=a(r[e.WEB_PUSH_COMPONENT_TYPE.TITLE],s?.title),p=a(r[e.WEB_PUSH_COMPONENT_TYPE.BODY]?.text??r[e.WEB_PUSH_COMPONENT_TYPE.BODY]??"",s?.body);return t.jsxDEV(d.WebpushPreviewContainer,{style:{...l.extraContainerCss},children:[t.jsxDEV("div",{className:"icon--header",children:[t.jsxDEV("div",{className:"icon-img-container",children:t.jsxDEV("img",{src:s?.[e.WEB_PUSH_COMPONENT_TYPE.ICON]?.length?s[e.WEB_PUSH_COMPONENT_TYPE.ICON][0]:r[e.WEB_PUSH_COMPONENT_TYPE.ICON]||c,alt:"icon-image"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:51,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:50,columnNumber:5},void 0),t.jsxDEV("div",{className:"text--container",children:[t.jsxDEV("div",{children:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:63,columnNumber:6},void 0),t.jsxDEV("div",{style:{marginTop:3},children:p},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:64,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:62,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:49,columnNumber:4},void 0),r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&t.jsxDEV("div",{className:"banner-img-container",children:t.jsxDEV("img",{src:s?.[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length?s[e.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:r[e.WEB_PUSH_COMPONENT_TYPE.IMAGE]??c,alt:"icon-image"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:69,columnNumber:6},void 0),r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&t.jsxDEV("div",{className:`button-container ${r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"single-button":""}`,children:r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((i,n)=>t.jsxDEV("div",{className:"each--btn",style:{flex:r[e.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length===1?"0 0 50%":"1"},children:t.jsxDEV("div",{className:"text-btn",children:i.text},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:101,columnNumber:9},void 0)},`webpush-buttons-${n}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:91,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-preview/webpush/WebpushPreview.tsx",lineNumber:48,columnNumber:3},void 0)};exports.default=E;
 //# sourceMappingURL=WebpushPreview.js.map

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] ||\n\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\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\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","templateComps","webpushBroadcastConfig","components","TemplateHelperUtils","replacePlaceholders","text","config","index","_","key","trimmedKey","value","title","WEB_PUSH_COMPONENT_TYPE","bodyText","WebpushPreviewContainer","jsxDEV","this","btn"],"mappings":"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"}
+{"version":3,"file":"WebpushPreview.js","sources":["../../../../../src/components/template-preview/webpush/WebpushPreview.tsx"],"sourcesContent":["import {\n\tWEB_PUSH_COMPONENT_TYPE,\n\tWebpushTemplateType,\n} from '../models/WebpushTemplate';\nimport { TemplateHelperUtils } from '../utils/TemplateHelperUtils';\nimport { WebpushPreviewContainer } from './WebpushPreview.styled';\n\ninterface WebpushPreviewProps {\n\ttemplate: WebpushTemplateType;\n\textraContainerCss?: React.CSSProperties;\n}\nconst WEBPUSH_DUMMY_VARIABLE_IMAGE =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3';\n\nconst WebpushPreview = (props: WebpushPreviewProps) => {\n\tconst { components: templateComps, webpushBroadcastConfig } = props.template;\n\tconst templateHelperUtils = new TemplateHelperUtils();\n\tconst components = templateHelperUtils.parseJsonString(templateComps);\n\n\tconst replacePlaceholders = (text: string, config?: string[]) => {\n\t\tlet index = 0;\n\t\tif (!text) return '';\n\t\treturn text.replace(/{{(.*?)}}/g, (_, key) => {\n\t\t\tconst trimmedKey = key.trim();\n\n\t\t\tif (config && config.length && index < config.length) {\n\t\t\t\tconst value = config[index];\n\t\t\t\tindex++;\n\t\t\t\treturn `${value} `;\n\t\t\t} else {\n\t\t\t\treturn `{{${trimmedKey}}}`;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst title = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.TITLE],\n\t\twebpushBroadcastConfig?.title,\n\t);\n\tconst bodyText = replacePlaceholders(\n\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY]?.text ??\n\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BODY] ??\n\t\t\t'',\n\t\twebpushBroadcastConfig?.body,\n\t);\n\n\treturn (\n\t\t<WebpushPreviewContainer style={{ ...props.extraContainerCss }}>\n\t\t\t<div className=\"icon--header\">\n\t\t\t\t<div className=\"icon-img-container\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.ICON]?.length\n\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.ICON][0]\n\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.ICON] ||\n\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t}\n\t\t\t\t\t\talt=\"icon-image\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"text--container\">\n\t\t\t\t\t<div>{title}</div>\n\t\t\t\t\t<div style={{ marginTop: 3 }}>{bodyText}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.IMAGE] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.IMAGE].length && (\n\t\t\t\t\t<div className=\"banner-img-container\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\twebpushBroadcastConfig?.[WEB_PUSH_COMPONENT_TYPE.IMAGE]?.length\n\t\t\t\t\t\t\t\t\t? webpushBroadcastConfig[WEB_PUSH_COMPONENT_TYPE.IMAGE][0]\n\t\t\t\t\t\t\t\t\t: components[WEB_PUSH_COMPONENT_TYPE.IMAGE] ??\n\t\t\t\t\t\t\t\t\t  WEBPUSH_DUMMY_VARIABLE_IMAGE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\talt={'icon-image'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS] &&\n\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`button-container ${\n\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t? 'single-button'\n\t\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\t\t{components[WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((btn, index) => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"each--btn\"\n\t\t\t\t\t\t\t\tkey={`webpush-buttons-${index}`}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex:\n\t\t\t\t\t\t\t\t\t\tcomponents[WEB_PUSH_COMPONENT_TYPE.BUTTONS].length === 1\n\t\t\t\t\t\t\t\t\t\t\t? '0 0 50%'\n\t\t\t\t\t\t\t\t\t\t\t: '1',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"text-btn\">{btn.text}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t</WebpushPreviewContainer>\n\t);\n};\n\nexport default WebpushPreview;\n"],"names":["WEBPUSH_DUMMY_VARIABLE_IMAGE","WebpushPreview","props","templateComps","webpushBroadcastConfig","components","TemplateHelperUtils","replacePlaceholders","text","config","index","_","key","trimmedKey","value","title","WEB_PUSH_COMPONENT_TYPE","bodyText","WebpushPreviewContainer","jsxDEV","this","btn"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),m=require("../../assets/icons/card_footer_arraw.svg.js"),o=require("./TestimonialCard.style.js"),c=require("../star-rating/StarRating.js"),u=require("../avatar/Avatar.js"),s=require("../avatar/AvatarHelper.js"),b=n=>{const a=n.version??"v1",t=()=>a=="v2"?e.jsxDEV(o.TestimonialProfileInfo2,{children:[e.jsxDEV(o.Logo,{src:n.avatarUrl},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:52,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:r.COLORS.content.secondary,children:n.reviewerName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:53,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:51,columnNumber:5},void 0):e.jsxDEV(o.TestimonialProfileCard,{children:[e.jsxDEV(u.Avatar,{type:s.AVATAR_TYPES.IMAGE,size:n.avatarSize??s.SIZE.MEDIUM,background:s.AVATAR_BACKGROUND.LIGHT,photoUrl:n.avatarUrl},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:62,columnNumber:5},void 0),e.jsxDEV(o.TestimonialProfileInfo,{children:[e.jsxDEV(i.TitleMedium,{color:r.COLORS.content.secondary,children:n.reviewerName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:r.COLORS.content.secondary,children:n.reviewerCaption},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:61,columnNumber:4},void 0),l=()=>a==="v2"?e.jsxDEV(o.TestimonialProfileFooter,{width:n.width,children:[e.jsxDEV(o.FooterText,{children:e.jsxDEV(i.TitleRegular,{color:r.COLORS.text.white,children:n?.footerText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:84,columnNumber:6},void 0),e.jsxDEV(o.FooterStat,{children:e.jsxDEV(i.TitleLarge,{color:r.COLORS.text.white,children:n?.footerStat},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:90,columnNumber:6},void 0),e.jsxDEV(o.FooterArrow,{children:e.jsxDEV(m.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:97,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:96,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:83,columnNumber:5},void 0):null;return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(o.TestimonialCardStyle,{width:n.width,height:n.height,version:a,children:[e.jsxDEV(c.StarRating,{starSize:24,maxValue:n.ratingMaxValue??5,value:n.ratingValue,onChange:d=>console.log(d),mode:"VIEW",version:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV(i.BodyLarge,{color:r.COLORS.content.secondary,children:n.testimonial},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:121,columnNumber:5},void 0),t()]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:108,columnNumber:4},void 0),l()]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:107,columnNumber:3},void 0)};exports.TestimonialCard=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),m=require("../../assets/icons/card_footer_arraw.svg.js"),n=require("./TestimonialCard.style.js"),d=require("../star-rating/StarRating.js"),u=require("../avatar/Avatar.js"),a=require("../avatar/AvatarHelper.js"),b=r=>{const t=r.version??"v1",s=()=>t=="v2"?e.jsxDEV(n.TestimonialProfileInfo2,{children:[e.jsxDEV(n.Logo,{src:r.avatarUrl},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:52,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:o.COLORS.content.secondary,children:r.reviewerName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:53,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:51,columnNumber:5},void 0):e.jsxDEV(n.TestimonialProfileCard,{children:[e.jsxDEV(u.Avatar,{type:a.AVATAR_TYPES.IMAGE,size:r.avatarSize??a.SIZE.MEDIUM,background:a.AVATAR_BACKGROUND.LIGHT,photoUrl:r.avatarUrl},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:62,columnNumber:5},void 0),e.jsxDEV(n.TestimonialProfileInfo,{children:[e.jsxDEV(i.TitleMedium,{color:o.COLORS.content.secondary,children:r.reviewerName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:69,columnNumber:6},void 0),e.jsxDEV(i.BodyPrimary,{color:o.COLORS.content.secondary,children:r.reviewerCaption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:68,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:61,columnNumber:4},void 0),l=()=>t==="v2"?e.jsxDEV(n.TestimonialProfileFooter,{width:r.width,children:[e.jsxDEV(n.FooterText,{children:e.jsxDEV(i.TitleRegular,{color:o.COLORS.text.white,children:r?.footerText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:84,columnNumber:6},void 0),e.jsxDEV(n.FooterStat,{children:e.jsxDEV(i.TitleLarge,{color:o.COLORS.text.white,children:r?.footerStat},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:90,columnNumber:6},void 0),e.jsxDEV(n.FooterArrow,{children:e.jsxDEV(m.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:97,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:96,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:83,columnNumber:5},void 0):null;return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(n.TestimonialCardStyle,{width:r.width,height:r.height,version:t,children:[e.jsxDEV(d.StarRating,{starSize:24,maxValue:r.ratingMaxValue??5,value:r.ratingValue,onChange:c=>console.log(c),mode:"VIEW",version:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:113,columnNumber:5},void 0),e.jsxDEV(i.BodyLarge,{color:o.COLORS.content.secondary,children:r.testimonial},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:121,columnNumber:5},void 0),s()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:108,columnNumber:4},void 0),l()]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/testimonial-card/TestimonialCard.tsx",lineNumber:107,columnNumber:3},void 0)};exports.TestimonialCard=b;
 //# sourceMappingURL=TestimonialCard.js.map

package/dist/cjs/components/testimonial-card/TestimonialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestimonialCard.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tAvatar,\n\tAVATAR_BACKGROUND,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodyLarge,\n\tBodyPrimary,\n\tTitleLarge,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport FooterArrowIcon from '../../assets/icons/card_footer_arraw.svg';\nimport {\n\tFooterArrow,\n\tFooterStat,\n\tFooterText,\n\tLogo,\n\tTestimonialCardStyle,\n\tTestimonialProfileCard,\n\tTestimonialProfileFooter,\n\tTestimonialProfileInfo,\n\tTestimonialProfileInfo2,\n} from './TestimonialCard.style';\n\nexport interface TestimonialCardProps {\n\ttestimonial: string;\n\tratingValue: number;\n\treviewerName: string;\n\tavatarUrl: string;\n\treviewerCaption?: string;\n\tratingMaxValue?: number;\n\tavatarSize?: SIZE;\n\tfooterText?: string;\n\tfooterStat?: string;\n\twidth?: string;\n\theight?: string;\n\tversion?: 'v1' | 'v2';\n}\n\nexport const TestimonialCard: React.FC<TestimonialCardProps> = (props) => {\n\tconst version = props.version ?? 'v1';\n\n\tconst getHTMLBody = () => {\n\t\tif (version == 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileInfo2>\n\t\t\t\t\t<Logo src={props.avatarUrl} />\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo2>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TestimonialProfileCard>\n\t\t\t\t<Avatar\n\t\t\t\t\ttype={AVATAR_TYPES.IMAGE}\n\t\t\t\t\tsize={props.avatarSize ?? SIZE.MEDIUM}\n\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\tphotoUrl={props.avatarUrl}\n\t\t\t\t/>\n\t\t\t\t<TestimonialProfileInfo>\n\t\t\t\t\t<TitleMedium color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerCaption}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo>\n\t\t\t</TestimonialProfileCard>\n\t\t);\n\t};\n\n\tconst getFooterHTML = () => {\n\t\tif (version === 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileFooter width={props.width}>\n\t\t\t\t\t<FooterText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerText}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</FooterText>\n\n\t\t\t\t\t<FooterStat>\n\t\t\t\t\t\t<TitleLarge color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerStat}\n\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t</FooterStat>\n\n\t\t\t\t\t<FooterArrow>\n\t\t\t\t\t\t<FooterArrowIcon />\n\t\t\t\t\t</FooterArrow>\n\t\t\t\t</TestimonialProfileFooter>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<TestimonialCardStyle\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tversion={version}\n\t\t\t>\n\t\t\t\t<StarRating\n\t\t\t\t\tstarSize={24}\n\t\t\t\t\tmaxValue={props.ratingMaxValue ?? 5}\n\t\t\t\t\tvalue={props.ratingValue}\n\t\t\t\t\tonChange={(stars) => console.log(stars)}\n\t\t\t\t\tmode={'VIEW'}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t\t<BodyLarge color={COLORS.content.secondary}>\n\t\t\t\t\t{props.testimonial}\n\t\t\t\t</BodyLarge>\n\t\t\t\t{getHTMLBody()}\n\t\t\t</TestimonialCardStyle>\n\n\t\t\t{getFooterHTML()}\n\t\t</>\n\t);\n};\n"],"names":["TestimonialCard","props","version","getHTMLBody","TestimonialProfileInfo2","jsxDEV","Logo","this","BodyPrimary","COLORS","TestimonialProfileCard","Avatar","AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","TestimonialProfileInfo","TitleMedium","getFooterHTML","TestimonialProfileFooter","FooterText","TitleRegular","FooterStat","TitleLarge","FooterArrow","FooterArrowIcon","Fragment","TestimonialCardStyle","StarRating","stars","BodyLarge"],"mappings":"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"}
+{"version":3,"file":"TestimonialCard.js","sources":["../../../../src/components/testimonial-card/TestimonialCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tAvatar,\n\tAVATAR_BACKGROUND,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodyLarge,\n\tBodyPrimary,\n\tTitleLarge,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport FooterArrowIcon from '../../assets/icons/card_footer_arraw.svg';\nimport {\n\tFooterArrow,\n\tFooterStat,\n\tFooterText,\n\tLogo,\n\tTestimonialCardStyle,\n\tTestimonialProfileCard,\n\tTestimonialProfileFooter,\n\tTestimonialProfileInfo,\n\tTestimonialProfileInfo2,\n} from './TestimonialCard.style';\n\nexport interface TestimonialCardProps {\n\ttestimonial: string;\n\tratingValue: number;\n\treviewerName: string;\n\tavatarUrl: string;\n\treviewerCaption?: string;\n\tratingMaxValue?: number;\n\tavatarSize?: SIZE;\n\tfooterText?: string;\n\tfooterStat?: string;\n\twidth?: string;\n\theight?: string;\n\tversion?: 'v1' | 'v2';\n}\n\nexport const TestimonialCard: React.FC<TestimonialCardProps> = (props) => {\n\tconst version = props.version ?? 'v1';\n\n\tconst getHTMLBody = () => {\n\t\tif (version == 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileInfo2>\n\t\t\t\t\t<Logo src={props.avatarUrl} />\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo2>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TestimonialProfileCard>\n\t\t\t\t<Avatar\n\t\t\t\t\ttype={AVATAR_TYPES.IMAGE}\n\t\t\t\t\tsize={props.avatarSize ?? SIZE.MEDIUM}\n\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\tphotoUrl={props.avatarUrl}\n\t\t\t\t/>\n\t\t\t\t<TestimonialProfileInfo>\n\t\t\t\t\t<TitleMedium color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerName}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\t{props.reviewerCaption}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</TestimonialProfileInfo>\n\t\t\t</TestimonialProfileCard>\n\t\t);\n\t};\n\n\tconst getFooterHTML = () => {\n\t\tif (version === 'v2') {\n\t\t\treturn (\n\t\t\t\t<TestimonialProfileFooter width={props.width}>\n\t\t\t\t\t<FooterText>\n\t\t\t\t\t\t<TitleRegular color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerText}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t</FooterText>\n\n\t\t\t\t\t<FooterStat>\n\t\t\t\t\t\t<TitleLarge color={COLORS.text.white}>\n\t\t\t\t\t\t\t{props?.footerStat}\n\t\t\t\t\t\t</TitleLarge>\n\t\t\t\t\t</FooterStat>\n\n\t\t\t\t\t<FooterArrow>\n\t\t\t\t\t\t<FooterArrowIcon />\n\t\t\t\t\t</FooterArrow>\n\t\t\t\t</TestimonialProfileFooter>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<TestimonialCardStyle\n\t\t\t\twidth={props.width}\n\t\t\t\theight={props.height}\n\t\t\t\tversion={version}\n\t\t\t>\n\t\t\t\t<StarRating\n\t\t\t\t\tstarSize={24}\n\t\t\t\t\tmaxValue={props.ratingMaxValue ?? 5}\n\t\t\t\t\tvalue={props.ratingValue}\n\t\t\t\t\tonChange={(stars) => console.log(stars)}\n\t\t\t\t\tmode={'VIEW'}\n\t\t\t\t\tversion={version}\n\t\t\t\t/>\n\t\t\t\t<BodyLarge color={COLORS.content.secondary}>\n\t\t\t\t\t{props.testimonial}\n\t\t\t\t</BodyLarge>\n\t\t\t\t{getHTMLBody()}\n\t\t\t</TestimonialCardStyle>\n\n\t\t\t{getFooterHTML()}\n\t\t</>\n\t);\n};\n"],"names":["TestimonialCard","props","version","getHTMLBody","TestimonialProfileInfo2","jsxDEV","Logo","this","BodyPrimary","COLORS","TestimonialProfileCard","Avatar","AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","TestimonialProfileInfo","TitleMedium","getFooterHTML","TestimonialProfileFooter","FooterText","TitleRegular","FooterStat","TitleLarge","FooterArrow","FooterArrowIcon","Fragment","TestimonialCardStyle","StarRating","stars","BodyLarge"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),y=require("styled-components"),o=require("../../constants/Theme.js"),d=require("../TypographyStyle.js"),p=require("../../assets/icons/chevronRight.svg.js"),x=require("../checkBox/CheckBox.js"),b=require("../tag/Tag.js"),f=require("../icon-button/IconButton.js"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=g(y),C=k.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),p=require("styled-components"),t=require("../../constants/Theme.js"),u=require("../TypographyStyle.js"),x=require("../../assets/icons/chevronRight.svg.js"),b=require("../checkBox/CheckBox.js"),f=require("../tag/Tag.js"),y=require("../icon-button/IconButton.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=k(p),h=g.default.div`
   height: 64px;
-  background-color: ${({isSelected:e,isActive:n})=>e?o.COLORS.background.positive.light:n?o.COLORS.surface.hovered:o.COLORS.surface.standard};
-  border-bottom: 1px solid ${o.COLORS.stroke.primary};
+  background-color: ${({isSelected:e,isActive:n})=>e?t.COLORS.background.positive.light:n?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+  border-bottom: 1px solid ${t.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: background 0.2s;
   &:hover {
-    background-color: ${({isSelected:e})=>e?o.COLORS.background.positive.light:o.COLORS.surface.hovered};
+    background-color: ${({isSelected:e})=>e?t.COLORS.background.positive.light:t.COLORS.surface.hovered};
   }
-`,N=({id:e,name:n,itemsCount:s,selectedCount:a,isChecked:t,isPartiallyChecked:i,onCheck:l,onClick:u})=>r.jsxDEV(C,{isActive:t||i,isSelected:t,onClick:u,children:[r.jsxDEV(x.CheckBox,{isChecked:t||i,isPartiallyChecked:i&&!t,onValueChange:function(m,h,c){c?.stopPropagation(),l(m,c)},style:{marginRight:16}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[r.jsxDEV(d.BodyPrimary,{children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:70,columnNumber:7},void 0),r.jsxDEV(d.BodyCaption,{style:{color:o.COLORS.text.secondary,fontSize:13},children:[s," document",s!==1?"s":""]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:69,columnNumber:5},void 0),!!a&&r.jsxDEV(b.Tag,{tagText:`${a} selected`,type:"positive",style:{marginLeft:12}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:76,columnNumber:7},void 0),r.jsxDEV(f.IconButton,{Icon:p.default,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:78,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:51,columnNumber:3},void 0);exports.TextPickerCategoryCard=N;
+`,C=({id:e,name:n,itemsCount:c,selectedCount:s,isChecked:o,isPartiallyChecked:i,onCheck:l,onClick:d})=>r.jsxDEV(h,{isActive:o||i,isSelected:o,onClick:d,children:[r.jsxDEV(b.CheckBox,{isChecked:o||i,isPartiallyChecked:i&&!o,onValueChange:function(m,N,a){a?.stopPropagation(),l(m,a)},style:{marginRight:16}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:56,columnNumber:5},void 0),r.jsxDEV("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[r.jsxDEV(u.BodyPrimary,{children:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:70,columnNumber:7},void 0),r.jsxDEV(u.BodyCaption,{style:{color:t.COLORS.text.secondary,fontSize:13},children:[c," document",c!==1?"s":""]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:71,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:69,columnNumber:5},void 0),!!s&&r.jsxDEV(f.Tag,{tagText:`${s} selected`,type:"positive",style:{marginLeft:12}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:76,columnNumber:7},void 0),r.jsxDEV(y.IconButton,{Icon:x.default,height:16,width:16,style:{marginLeft:8}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:78,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/text-picker/TextPickerCategoryCard.tsx",lineNumber:51,columnNumber:3},void 0);exports.TextPickerCategoryCard=C;
 //# sourceMappingURL=TextPickerCategoryCard.js.map

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n  id: string;\n  name: string;\n  itemsCount: number;\n  selectedCount: number;\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n  height: 64px;\n  background-color: ${({ isSelected, isActive }) =>\n    isSelected\n      ? COLORS.background.positive.light\n      : isActive\n        ? COLORS.surface.hovered\n        : COLORS.surface.standard};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  &:hover {\n    background-color: ${({ isSelected }) =>\n    isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n  }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n  id,\n  name,\n  itemsCount,\n  selectedCount,\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n  onClick,\n}) => (\n  <CategoryCard\n    isActive={isChecked || isPartiallyChecked}\n    isSelected={isChecked}\n    onClick={onClick}\n  >\n    <CheckBox\n      isChecked={isChecked || isPartiallyChecked}\n      isPartiallyChecked={isPartiallyChecked && !isChecked}\n      onValueChange={function (\n        checked: boolean,\n        _value?: string,\n        event?: React.MouseEvent\n      ) {\n        event?.stopPropagation();\n        onCheck(checked, event);\n      }}\n      style={{ marginRight: 16 }}\n    />\n    <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n      <BodyPrimary>{name}</BodyPrimary>\n      <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n        {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n      </BodyCaption>\n    </div>\n    {!!selectedCount && (\n      <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n    )}\n    <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n  </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxDEV","CheckBox","checked","_value","event","this","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"8bAoBMA,EAAeC,EAAAA,QAAO;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbM,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPN,EAAQI,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,EAX3B,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAaAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAA,EAAAA,OAACM,EAAAA,aAAa,SAAAb,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAmB,EACnBL,EAAAA,OAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACC,CAAC,CAACV,GACDK,SAACQ,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,GAAG,EAAnF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAsF,EAExFL,EAAAA,OAACS,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,EAA9E,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAiF,CAAA,CAAA,EA3BnF,OAAA,GAAA,CAAA,SAAA,4GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}
+{"version":3,"file":"TextPickerCategoryCard.js","sources":["../../../../src/components/text-picker/TextPickerCategoryCard.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { IconButton } from '../icon-button';\nimport { Tag } from '../tag';\nimport { BodyPrimary, BodyCaption } from '../TypographyStyle';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\n\nexport interface TextPickerCategoryCardProps {\n  id: string;\n  name: string;\n  itemsCount: number;\n  selectedCount: number;\n  isChecked: boolean;\n  isPartiallyChecked: boolean;\n  onCheck: (checked: boolean, e?: React.MouseEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n\nconst CategoryCard = styled.div<{ isActive: boolean; isSelected: boolean }>`\n  height: 64px;\n  background-color: ${({ isSelected, isActive }) =>\n    isSelected\n      ? COLORS.background.positive.light\n      : isActive\n        ? COLORS.surface.hovered\n        : COLORS.surface.standard};\n  border-bottom: 1px solid ${COLORS.stroke.primary};\n  padding: 12px 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  &:hover {\n    background-color: ${({ isSelected }) =>\n    isSelected ? COLORS.background.positive.light : COLORS.surface.hovered};\n  }\n`;\n\nexport const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps> = ({\n  id,\n  name,\n  itemsCount,\n  selectedCount,\n  isChecked,\n  isPartiallyChecked,\n  onCheck,\n  onClick,\n}) => (\n  <CategoryCard\n    isActive={isChecked || isPartiallyChecked}\n    isSelected={isChecked}\n    onClick={onClick}\n  >\n    <CheckBox\n      isChecked={isChecked || isPartiallyChecked}\n      isPartiallyChecked={isPartiallyChecked && !isChecked}\n      onValueChange={function (\n        checked: boolean,\n        _value?: string,\n        event?: React.MouseEvent\n      ) {\n        event?.stopPropagation();\n        onCheck(checked, event);\n      }}\n      style={{ marginRight: 16 }}\n    />\n    <div style={{ flex: 1, display: 'flex', flexDirection: 'column' }}>\n      <BodyPrimary>{name}</BodyPrimary>\n      <BodyCaption style={{ color: COLORS.text.secondary, fontSize: 13 }}>\n        {itemsCount} document{itemsCount !== 1 ? 's' : ''}\n      </BodyCaption>\n    </div>\n    {!!selectedCount && (\n      <Tag tagText={`${selectedCount} selected`} type=\"positive\" style={{ marginLeft: 12 }} />\n    )}\n    <IconButton Icon={ChevronRight} height={16} width={16} style={{ marginLeft: 8 }} />\n  </CategoryCard>\n);\n"],"names":["CategoryCard","styled","isSelected","isActive","COLORS","TextPickerCategoryCard","id","name","itemsCount","selectedCount","isChecked","isPartiallyChecked","onCheck","onClick","jsxDEV","CheckBox","checked","_value","event","this","BodyPrimary","BodyCaption","Tag","IconButton","ChevronRight"],"mappings":"8bAoBMA,EAAeC,EAAAA,QAAO;AAAA;AAAA,sBAEN,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAA,IACjCD,EACIE,EAAAA,OAAO,WAAW,SAAS,MAC3BD,EACEC,EAAAA,OAAO,QAAQ,QACfA,EAAAA,OAAO,QAAQ,QAAQ;AAAA,6BACJA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAO1B,CAAC,CAAE,WAAAF,KACvBA,EAAaE,EAAAA,OAAO,WAAW,SAAS,MAAQA,SAAO,QAAQ,OAAO;AAAA;AAAA,EAI7DC,EAAgE,CAAC,CAC5E,GAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,OAACd,EAAA,CACC,SAAUU,GAAaC,EACvB,WAAYD,EACZ,QAAAG,EAEA,SAAA,CAAAC,EAAAA,OAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAe,SACbM,EACAC,EACAC,EACA,CACAA,GAAO,gBAAA,EACPN,EAAQI,EAASE,CAAK,CACxB,EACA,MAAO,CAAE,YAAa,EAAA,CAAG,EAX3B,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAaAL,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,KAAM,EAAG,QAAS,OAAQ,cAAe,QAAA,EACrD,SAAA,CAAAA,EAAAA,OAACM,EAAAA,aAAa,SAAAb,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAmB,EACnBL,EAAAA,OAACO,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOjB,EAAAA,OAAO,KAAK,UAAW,SAAU,EAAA,EAC3D,SAAA,CAAAI,EAAW,YAAUA,IAAe,EAAI,IAAM,EAAA,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACC,CAAC,CAACV,GACDK,SAACQ,EAAAA,KAAI,QAAS,GAAGb,CAAa,YAAa,KAAK,WAAW,MAAO,CAAE,WAAY,GAAG,EAAnF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAsF,EAExFL,EAAAA,OAACS,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAc,OAAQ,GAAI,MAAO,GAAI,MAAO,CAAE,WAAY,CAAA,CAAE,EAA9E,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAL,MAAiF,CAAA,CAAA,EA3BnF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}