@bikdotai/bik-component-library 0.0.817-beta.8 → 0.0.817-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js +1 -1
  2. package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js.map +1 -1
  3. package/dist/esm/components/template-preview/RCS/RCSChatPreview.js +6 -6
  4. package/dist/esm/components/template-preview/RCS/RCSChatPreview.js.map +1 -1
  5. package/package.json +1 -1
package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),C=require("react"),_=require("../../template-context-mapper/context/templateModalContext.js"),x=require("../helpers/templateMiscHelper.js"),q=require("../helpers/VariableEditorHelper.js"),o=require("../models/TemplateMeta.js"),B=require("../WhatsApp/ChatBtn.js"),I=require("./RCSButtons.js"),b=require("./RCSMediaCard.js"),s=require("./RCSPreview.styled.js"),v=new q.VariableEditorHelper,L=h=>{const{bodyText:w,titleText:m,headerMediaType:r,headerText:D,headerAssetLink:a,headerAssetName:c,imagePreviewStyles:N,size:S,bodyVariableList:T,headerVariableList:P,buttons:l,carouselCardIndex:n,isWhatsappCarousel:H,isPreview:M,titleVariableList:g,templateConfiguration:i}=h,V=v.format(w?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),T),U=v.format(D?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),P),j=v.format(m?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),{selectedCarouselIndex:d,isProductCarouselType:R,errorIndexes:k,isCarouselHovered:A}=_.useTemplateModalContext(),y=C.useMemo(()=>x.isRichAndCarouselCards(i?.templateType),[i?.templateType]),t=C.useMemo(()=>i?.orientation=="HORIZONTAL",[i]),f=C.useMemo(()=>!t&&!!i?.isMediaAfterBody,[t,i]),E=r===o.HEADER_TYPES.TEXT?e.jsxDEV(s.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:U}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:80,columnNumber:4},void 0):r!==o.HEADER_TYPES.NONE&&a&&r!==o.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===o.HEADER_TYPES.IMAGE?N:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:84,columnNumber:4},void 0):null;return e.jsxDEV(s.RCSPreviewContainer,{isCarouselCard:n!=null&&n>-1,showBorder:n!=null&&n===d||R&&n!=null&&n>-1&&d!=null&&d>-1,hasError:k?.includes(n??-2),isWhatsappCarousel:H,isPreview:M,showDashedBorder:R&&A&&(d??-1)<0&&(n??-1)>-1,needBorder:y,isHorizontalOrientation:t,children:[!t&&!f&&E,e.jsxDEV("div",{style:{width:t?"50%":""},children:[e.jsxDEV("div",{className:y?"":"text--template",children:[!!m&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.TitleTextContainer,{dangerouslySetInnerHTML:{__html:j}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:123,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:122,columnNumber:7},void 0),!!w&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:V},style:{paddingTop:m?0:12}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:133,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:132,columnNumber:7},void 0),r===o.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.PdfMediaCard,{headerAssetLink:a,headerAssetName:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:142,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:144,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:120,columnNumber:5},void 0),l&&l.length>0?x.isRichAndCarouselCards(i?.templateType)?e.jsxDEV(e.Fragment,{children:l.map((u,p)=>e.jsxDEV(B.ChatBtn,{text:u.text,size:S},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:154,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:152,columnNumber:7},void 0):e.jsxDEV(s.RCSChatBtnContainer,{children:l.map((u,p)=>e.jsxDEV(I.RCSButtons,{text:u.text,size:S},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:160,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:158,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:119,columnNumber:4},void 0),!t&&f&&E,t&&r!==o.HEADER_TYPES.NONE&&a&&r!==o.HEADER_TYPES.DOCUMENT&&e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===o.HEADER_TYPES.IMAGE?N:{},isHorizontal:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:171,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:95,columnNumber:3},void 0)};exports.RCSChatPreview=L;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),C=require("react"),_=require("../../template-context-mapper/context/templateModalContext.js"),x=require("../helpers/templateMiscHelper.js"),q=require("../helpers/VariableEditorHelper.js"),o=require("../models/TemplateMeta.js"),B=require("../WhatsApp/ChatBtn.js"),I=require("./RCSButtons.js"),b=require("./RCSMediaCard.js"),s=require("./RCSPreview.styled.js"),v=new q.VariableEditorHelper,L=h=>{const{bodyText:w,titleText:m,headerMediaType:r,headerText:D,headerAssetLink:a,headerAssetName:c,imagePreviewStyles:N,size:S,bodyVariableList:T,headerVariableList:P,buttons:l,carouselCardIndex:n,isWhatsappCarousel:H,isPreview:M,titleVariableList:g,templateConfiguration:i}=h,V=v.format(w?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),T),U=v.format(D?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),P),j=v.format(m?.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),{selectedCarouselIndex:d,isProductCarouselType:R,errorIndexes:k,isCarouselHovered:A}=_.useTemplateModalContext(),y=C.useMemo(()=>x.isRichAndCarouselCards(i?.templateType),[i?.templateType]),t=C.useMemo(()=>i?.orientation=="HORIZONTAL",[i]),f=C.useMemo(()=>!t&&!!i?.isMediaAfterBody,[t,i]),E=r===o.HEADER_TYPES.TEXT?e.jsxDEV(s.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:U}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:80,columnNumber:4},void 0):r!==o.HEADER_TYPES.NONE&&a&&r!==o.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===o.HEADER_TYPES.IMAGE?N:{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:84,columnNumber:4},void 0):null;return e.jsxDEV(s.RCSPreviewContainer,{isCarouselCard:n!=null&&n>-1,showBorder:n!=null&&n===d||R&&n!=null&&n>-1&&d!=null&&d>-1,hasError:k?.includes(n??-2),isWhatsappCarousel:H,isPreview:M,showDashedBorder:R&&A&&(d??-1)<0&&(n??-1)>-1,needBorder:y,isHorizontalOrientation:t,children:[!t&&!f&&E,e.jsxDEV("div",{style:{width:t?"50%":""},children:[e.jsxDEV("div",{className:y?"":"text--template",children:[!!m&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.TitleTextContainer,{dangerouslySetInnerHTML:{__html:j}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:123,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:122,columnNumber:7},void 0),!!w&&e.jsxDEV(e.Fragment,{children:e.jsxDEV(s.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:V},style:{paddingTop:m?0:12}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:133,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:132,columnNumber:7},void 0),r===o.HEADER_TYPES.DOCUMENT?e.jsxDEV(b.PdfMediaCard,{headerAssetLink:a,headerAssetName:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:142,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:144,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:120,columnNumber:5},void 0),!t&&f&&E,l&&l.length>0?x.isRichAndCarouselCards(i?.templateType)?e.jsxDEV(e.Fragment,{children:l.map((u,p)=>e.jsxDEV(B.ChatBtn,{text:u.text,size:S},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:156,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:154,columnNumber:7},void 0):e.jsxDEV(s.RCSChatBtnContainer,{children:l.map((u,p)=>e.jsxDEV(I.RCSButtons,{text:u.text,size:S},p,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:162,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:160,columnNumber:7},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:119,columnNumber:4},void 0),t&&r!==o.HEADER_TYPES.NONE&&a&&r!==o.HEADER_TYPES.DOCUMENT&&e.jsxDEV(b.RCSMediaCard,{headerAssetLink:a,headerAssetName:c,mediaType:r,imagePreviewStyles:r===o.HEADER_TYPES.IMAGE?N:{},isHorizontal:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:172,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",lineNumber:95,columnNumber:3},void 0)};exports.RCSChatPreview=L;
2
2
  //# sourceMappingURL=RCSChatPreview.js.map
package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// For VERTICAL templates whose original `components[]` order is\n\t// body-then-media, render the media after the body instead of the default\n\t// media-first layout. Defaults to false → unchanged behaviour.\n\tconst isMediaAfterBody = useMemo(() => {\n\t\treturn (\n\t\t\t!isHorizontalOrientation && !!templateConfiguration?.isMediaAfterBody\n\t\t);\n\t}, [isHorizontalOrientation, templateConfiguration]);\n\n\tconst verticalMediaHeader =\n\t\theaderMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t<HeaderTextContainer dangerouslySetInnerHTML={{ __html: headerHtml }} />\n\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t headerAssetLink &&\n\t\t headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && !isMediaAfterBody && verticalMediaHeader}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{!isHorizontalOrientation && isMediaAfterBody && verticalMediaHeader}\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","isMediaAfterBody","verticalMediaHeader","HEADER_TYPES","jsxDEV","HeaderTextContainer","this","RCSMediaCard","RCSPreviewContainer","Fragment","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"geAiBMA,EAAuB,IAAIC,EAAAA,qBAEpBC,EAAkBC,GAA6B,CAC3D,KAAM,CACL,SAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,KAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,sBAAAC,CAAA,EACGhB,EAEEiB,EAAWpB,EAAqB,OACrCI,GAAU,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACpDQ,CAAA,EAEKS,EAAarB,EAAqB,OACvCO,GAAY,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACtDM,CAAA,EAEKS,EAAYtB,EAAqB,OACtCK,GAAW,QAAQ,KAAM,MAAM,EAAE,QAAQ,KAAM,MAAM,EACrDa,CAAA,EAEK,CACL,sBAAAK,EACA,sBAAAC,EACA,aAAAC,EACA,kBAAAC,CAAA,EACGC,0BAAA,EAEEC,EAAyBC,EAAAA,QAAQ,IAC/BC,EAAAA,uBACNX,GAAuB,YAAA,EAEtB,CAACA,GAAuB,YAAY,CAAC,EAElCY,EAA0BF,EAAAA,QAAQ,IAChCV,GAAuB,aAAe,aAC3C,CAACA,CAAqB,CAAC,EAKpBa,EAAmBH,EAAAA,QAAQ,IAE/B,CAACE,GAA2B,CAAC,CAACZ,GAAuB,iBAEpD,CAACY,EAAyBZ,CAAqB,CAAC,EAE7Cc,EACL3B,IAAoB4B,EAAAA,aAAa,KAChCC,EAAAA,OAACC,EAAAA,qBAAoB,wBAAyB,CAAE,OAAQf,CAAA,CAAW,EAAnE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAsE,EACnE/B,IAAoB4B,eAAa,MACnC1B,GACAF,IAAoB4B,eAAa,SAClCC,EAAAA,OAACG,EAAAA,aAAA,CACA,gBAAA9B,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoB4B,eAAa,MAAQxB,EAAqB,CAAA,CAAC,EALjE,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAA2B,MAAA,EAQG,KAEL,OACCF,EAAAA,OAACI,EAAAA,oBAAA,CACA,eAAgBxB,GAAqB,MAAaA,EAAoB,GACtE,WACEA,GAAqB,MACrBA,IAAsBQ,GACtBC,GACAT,GAAqB,MACrBA,EAAoB,IACpBQ,GAAyB,MACzBA,EAAwB,GAE1B,SAAUE,GAAc,SAASV,GAAqB,EAAE,EACxD,mBAAAC,EACA,UAAAC,EACA,iBACCO,GACAE,IACCH,GAAyB,IAAM,IAC/BR,GAAqB,IAAM,GAE7B,WAAYa,EACZ,wBAAAG,EAEC,SAAA,CAAA,CAACA,GAA2B,CAACC,GAAoBC,EAClDE,SAAC,OAAI,MAAO,CAAE,MAAOJ,EAA0B,MAAQ,IACtD,SAAA,CAAAI,EAAAA,OAAC,MAAA,CAAI,UAAWP,EAAyB,GAAK,iBAC5C,SAAA,CAAA,CAAC,CAACvB,GACF8B,EAAAA,OAAAK,EAAAA,SAAA,CACC,SAAAL,EAAAA,OAACM,EAAAA,mBAAA,CACA,wBAAyB,CACxB,OAAQnB,CAAA,CACT,EAHD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EAGA,CAAC,CAACjC,GACF+B,EAAAA,OAAAK,EAAAA,SAAA,CACC,SAAAL,EAAAA,OAACO,EAAAA,iBAAA,CACA,wBAAyB,CACxB,OAAQtB,CAAA,EAET,MAAO,CAAE,WAAYf,EAAY,EAAI,EAAA,CAAG,EAJzC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,EAEA/B,IAAoB4B,EAAAA,aAAa,SACjCC,EAAAA,OAACQ,EAAAA,cAAmB,gBAAAnC,EAAiB,gBAAAC,GAArC,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAA4B,MAAwD,EAExDF,EAAAA,OAAAK,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAE,CAAA,CAAA,EAxBJ,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA0BA,EAECvB,GAAWA,EAAQ,OAAS,EAC5BgB,EAAAA,uBACCX,GAAuB,YAAA,EAEvBgB,EAAAA,OAAAK,EAAAA,SAAA,CACE,SAAA1B,EAAQ,IAAI,CAAC8B,EAAQC,IACrBV,EAAAA,OAACW,EAAAA,QAAA,CAAgB,KAAMF,EAAO,KAAM,KAAAjC,GAAtBkC,EAAd,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAgD,CAChD,GAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEAF,EAAAA,OAACY,EAAAA,oBAAA,CACC,SAAAjC,EAAQ,IAAI,CAAC8B,EAAQC,IACrBV,SAACa,EAAAA,WAAA,CAAmB,KAAMJ,EAAO,KAAM,KAAAjC,GAAtBkC,EAAjB,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAmD,CACnD,GAHF,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEE,IAAA,CAAA,EA7CL,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8CA,EACC,CAACN,GAA2BC,GAAoBC,EAChDF,GACAzB,IAAoB4B,EAAAA,aAAa,MACjC1B,GACAF,IAAoB4B,EAAAA,aAAa,UAChCC,EAAAA,OAACG,EAAAA,aAAA,CACA,gBAAA9B,EACA,gBAAAC,EACA,UAAWH,EACX,mBACCA,IAAoB4B,EAAAA,aAAa,MAAQxB,EAAqB,CAAA,EAE/D,aAAcqB,CAAA,EAPf,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAQA,CAAA,EApFH,OAAA,GAAA,CAAA,SAAA,6GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwFF"}
1
+ {"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// For VERTICAL templates whose original `components[]` order is\n\t// body-then-media, render the media after the body instead of the default\n\t// media-first layout. Defaults to false → unchanged behaviour.\n\tconst isMediaAfterBody = useMemo(() => {\n\t\treturn (\n\t\t\t!isHorizontalOrientation && !!templateConfiguration?.isMediaAfterBody\n\t\t);\n\t}, [isHorizontalOrientation, templateConfiguration]);\n\n\tconst verticalMediaHeader =\n\t\theaderMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t<HeaderTextContainer dangerouslySetInnerHTML={{ __html: headerHtml }} />\n\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t headerAssetLink &&\n\t\t headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && !isMediaAfterBody && verticalMediaHeader}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && isMediaAfterBody && verticalMediaHeader}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","isMediaAfterBody","verticalMediaHeader","HEADER_TYPES","jsxDEV","HeaderTextContainer","this","RCSMediaCard","RCSPreviewContainer","Fragment","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
package/dist/esm/components/template-preview/RCS/RCSChatPreview.js CHANGED
@@ -133,23 +133,24 @@ const b = new O(), oe = (T) => {
133
133
  lineNumber: 120,
134
134
  columnNumber: 5
135
135
  }, void 0),
136
+ !o && h && S,
136
137
  s && s.length > 0 ? R(
137
138
  t?.templateType
138
139
  ) ? /* @__PURE__ */ e(m, { children: s.map((c, u) => /* @__PURE__ */ e(_, { text: c.text, size: w }, u, !1, {
139
140
  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
140
- lineNumber: 154,
141
+ lineNumber: 156,
141
142
  columnNumber: 9
142
143
  }, void 0)) }, void 0, !1, {
143
144
  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
144
- lineNumber: 152,
145
+ lineNumber: 154,
145
146
  columnNumber: 7
146
147
  }, void 0) : /* @__PURE__ */ e(X, { children: s.map((c, u) => /* @__PURE__ */ e(V, { text: c.text, size: w }, u, !1, {
147
148
  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
148
- lineNumber: 160,
149
+ lineNumber: 162,
149
150
  columnNumber: 9
150
151
  }, void 0)) }, void 0, !1, {
151
152
  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
152
- lineNumber: 158,
153
+ lineNumber: 160,
153
154
  columnNumber: 7
154
155
  }, void 0) : null
155
156
  ] }, void 0, !0, {
@@ -157,7 +158,6 @@ const b = new O(), oe = (T) => {
157
158
  lineNumber: 119,
158
159
  columnNumber: 4
159
160
  }, void 0),
160
- !o && h && S,
161
161
  o && r !== i.NONE && a && r !== i.DOCUMENT && /* @__PURE__ */ e(
162
162
  x,
163
163
  {
@@ -171,7 +171,7 @@ const b = new O(), oe = (T) => {
171
171
  !1,
172
172
  {
173
173
  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/template-preview/RCS/RCSChatPreview.tsx",
174
- lineNumber: 171,
174
+ lineNumber: 172,
175
175
  columnNumber: 6
176
176
  },
177
177
  void 0
package/dist/esm/components/template-preview/RCS/RCSChatPreview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// For VERTICAL templates whose original `components[]` order is\n\t// body-then-media, render the media after the body instead of the default\n\t// media-first layout. Defaults to false → unchanged behaviour.\n\tconst isMediaAfterBody = useMemo(() => {\n\t\treturn (\n\t\t\t!isHorizontalOrientation && !!templateConfiguration?.isMediaAfterBody\n\t\t);\n\t}, [isHorizontalOrientation, templateConfiguration]);\n\n\tconst verticalMediaHeader =\n\t\theaderMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t<HeaderTextContainer dangerouslySetInnerHTML={{ __html: headerHtml }} />\n\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t headerAssetLink &&\n\t\t headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && !isMediaAfterBody && verticalMediaHeader}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{!isHorizontalOrientation && isMediaAfterBody && verticalMediaHeader}\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","isMediaAfterBody","verticalMediaHeader","HEADER_TYPES","jsxDEV","HeaderTextContainer","this","RCSMediaCard","RCSPreviewContainer","Fragment","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
1
+ {"version":3,"file":"RCSChatPreview.js","sources":["../../../../../src/components/template-preview/RCS/RCSChatPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { isRichAndCarouselCards } from '../helpers/templateMiscHelper';\nimport { VariableEditorHelper } from '../helpers/VariableEditorHelper';\nimport { RCS_TEMPLATE_TYPE, RCSPreviewPropsV2 } from '../models/RCSTemplate';\nimport { HEADER_TYPES } from '../models/TemplateMeta';\nimport { ChatBtn } from '../WhatsApp/ChatBtn';\nimport { RCSButtons } from './RCSButtons';\nimport { PdfMediaCard, RCSMediaCard } from './RCSMediaCard';\nimport {\n\tHeaderTextContainer,\n\tRCSChatBtnContainer,\n\tRcsHtmlContainer,\n\tRCSPreviewContainer,\n\tTitleTextContainer,\n} from './RCSPreview.styled';\n\nconst variableEditorHelper = new VariableEditorHelper();\n\nexport const RCSChatPreview = (props: RCSPreviewPropsV2) => {\n\tconst {\n\t\tbodyText,\n\t\ttitleText,\n\t\theaderMediaType,\n\t\theaderText,\n\t\theaderAssetLink,\n\t\theaderAssetName,\n\t\timagePreviewStyles,\n\t\tsize,\n\t\tbodyVariableList,\n\t\theaderVariableList,\n\t\tbuttons,\n\t\tcarouselCardIndex,\n\t\tisWhatsappCarousel,\n\t\tisPreview,\n\t\ttitleVariableList,\n\t\ttemplateConfiguration,\n\t} = props;\n\n\tconst bodyHTML = variableEditorHelper.format(\n\t\tbodyText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\tbodyVariableList,\n\t);\n\tconst headerHtml = variableEditorHelper.format(\n\t\theaderText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\theaderVariableList,\n\t);\n\tconst titleHtml = variableEditorHelper.format(\n\t\ttitleText?.replace(/</g, '&lt;').replace(/>/g, '&gt;'),\n\t\ttitleVariableList,\n\t);\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\terrorIndexes,\n\t\tisCarouselHovered,\n\t} = useTemplateModalContext();\n\n\tconst isRichCardTypeTemplate = useMemo(() => {\n\t\treturn isRichAndCarouselCards(\n\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t);\n\t}, [templateConfiguration?.templateType]);\n\n\tconst isHorizontalOrientation = useMemo(() => {\n\t\treturn templateConfiguration?.orientation == 'HORIZONTAL';\n\t}, [templateConfiguration]);\n\n\t// For VERTICAL templates whose original `components[]` order is\n\t// body-then-media, render the media after the body instead of the default\n\t// media-first layout. Defaults to false → unchanged behaviour.\n\tconst isMediaAfterBody = useMemo(() => {\n\t\treturn (\n\t\t\t!isHorizontalOrientation && !!templateConfiguration?.isMediaAfterBody\n\t\t);\n\t}, [isHorizontalOrientation, templateConfiguration]);\n\n\tconst verticalMediaHeader =\n\t\theaderMediaType === HEADER_TYPES.TEXT ? (\n\t\t\t<HeaderTextContainer dangerouslySetInnerHTML={{ __html: headerHtml }} />\n\t\t) : headerMediaType !== HEADER_TYPES.NONE &&\n\t\t headerAssetLink &&\n\t\t headerMediaType !== HEADER_TYPES.DOCUMENT ? (\n\t\t\t<RCSMediaCard\n\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\tmediaType={headerMediaType}\n\t\t\t\timagePreviewStyles={\n\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t}\n\t\t\t/>\n\t\t) : null;\n\n\treturn (\n\t\t<RCSPreviewContainer\n\t\t\tisCarouselCard={carouselCardIndex != undefined && carouselCardIndex > -1}\n\t\t\tshowBorder={\n\t\t\t\t(carouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex === selectedCarouselIndex) ||\n\t\t\t\t(isProductCarouselType &&\n\t\t\t\t\tcarouselCardIndex != undefined &&\n\t\t\t\t\tcarouselCardIndex > -1 &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1)\n\t\t\t}\n\t\t\thasError={errorIndexes?.includes(carouselCardIndex ?? -2)}\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tisPreview={isPreview}\n\t\t\tshowDashedBorder={\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tisCarouselHovered &&\n\t\t\t\t(selectedCarouselIndex ?? -1) < 0 &&\n\t\t\t\t(carouselCardIndex ?? -1) > -1\n\t\t\t}\n\t\t\tneedBorder={isRichCardTypeTemplate}\n\t\t\tisHorizontalOrientation={isHorizontalOrientation}\n\t\t>\n\t\t\t{!isHorizontalOrientation && !isMediaAfterBody && verticalMediaHeader}\n\t\t\t<div style={{ width: isHorizontalOrientation ? '50%' : '' }}>\n\t\t\t\t<div className={isRichCardTypeTemplate ? '' : 'text--template'}>\n\t\t\t\t\t{!!titleText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TitleTextContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: titleHtml,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!bodyText && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RcsHtmlContainer\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: bodyHTML,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{ paddingTop: titleText ? 0 : 12 }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{headerMediaType === HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t<PdfMediaCard {...{ headerAssetLink, headerAssetName }} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{!isHorizontalOrientation && isMediaAfterBody && verticalMediaHeader}\n\n\t\t\t\t{buttons && buttons.length > 0 ? (\n\t\t\t\t\tisRichAndCarouselCards(\n\t\t\t\t\t\ttemplateConfiguration?.templateType as RCS_TEMPLATE_TYPE,\n\t\t\t\t\t) ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<ChatBtn key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<RCSChatBtnContainer>\n\t\t\t\t\t\t\t{buttons.map((button, i) => (\n\t\t\t\t\t\t\t\t<RCSButtons key={i} text={button.text} size={size} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</RCSChatBtnContainer>\n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{isHorizontalOrientation &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.NONE &&\n\t\t\t\theaderAssetLink &&\n\t\t\t\theaderMediaType !== HEADER_TYPES.DOCUMENT && (\n\t\t\t\t\t<RCSMediaCard\n\t\t\t\t\t\theaderAssetLink={headerAssetLink}\n\t\t\t\t\t\theaderAssetName={headerAssetName}\n\t\t\t\t\t\tmediaType={headerMediaType}\n\t\t\t\t\t\timagePreviewStyles={\n\t\t\t\t\t\t\theaderMediaType === HEADER_TYPES.IMAGE ? imagePreviewStyles : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHorizontal={isHorizontalOrientation}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</RCSPreviewContainer>\n\t);\n};\n"],"names":["variableEditorHelper","VariableEditorHelper","RCSChatPreview","props","bodyText","titleText","headerMediaType","headerText","headerAssetLink","headerAssetName","imagePreviewStyles","size","bodyVariableList","headerVariableList","buttons","carouselCardIndex","isWhatsappCarousel","isPreview","titleVariableList","templateConfiguration","bodyHTML","headerHtml","titleHtml","selectedCarouselIndex","isProductCarouselType","errorIndexes","isCarouselHovered","useTemplateModalContext","isRichCardTypeTemplate","useMemo","isRichAndCarouselCards","isHorizontalOrientation","isMediaAfterBody","verticalMediaHeader","HEADER_TYPES","jsxDEV","HeaderTextContainer","this","RCSMediaCard","RCSPreviewContainer","Fragment","TitleTextContainer","RcsHtmlContainer","PdfMediaCard","button","i","ChatBtn","RCSChatBtnContainer","RCSButtons"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.817-beta.8",
3
+ "version": "0.0.817-beta.9",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",