@bikdotai/bik-component-library 0.0.594 → 0.0.595-beta.2

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

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

package/dist/esm/components/template-preview/utils/TemplateHelperUtils.d.ts

@@ -6,3 +6,4 @@ export declare class TemplateHelperUtils {
     whatsappOnlyFillVariablesValueInBodyText(text: string, variableStore: templateVariable[], usePlaceholderName?: boolean): string;
     parseJsonString(templateComps: string | WebPushTemplateComponent): WebPushTemplateComponent;
 }
+export declare const replaceText: (text?: string) => string | undefined;

package/dist/esm/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +1 @@
-import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}export{a as TemplateHelperUtils};
+import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e),i=l.split(e);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e),i=l.split(e);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n;const o=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}const r=e=>null==e?void 0:e.replace(/</g,"&lt;").replace(/>/g,"&gt;");export{a as TemplateHelperUtils,r as replaceText};

package/package.json

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