@bikdotai/bik-component-library 0.0.654-beta-ctv.7 → 0.0.654-beta-ctv.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.
- package/dist/cjs/components/template-preview/TemplatePreview.d.ts +3 -2
- package/dist/cjs/components/template-preview/TemplatePreview.js +1 -1
- package/dist/esm/components/template-preview/TemplatePreview.d.ts +3 -2
- package/dist/esm/components/template-preview/TemplatePreview.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { EmailMeta } from './models/EmailTemplate';
|
|
|
4
4
|
import { SMSMeta } from './models/SmsTemplate';
|
|
5
5
|
import { AllTemplateTypes } from './models/types';
|
|
6
6
|
import { WebpushMetaType } from './models/WebpushTemplate';
|
|
7
|
-
import { WhatsappMeta } from './models/WhatsAppTemplate';
|
|
7
|
+
import { POD, WhatsappMeta } from './models/WhatsAppTemplate';
|
|
8
8
|
export interface TemplatePreviewProps {
|
|
9
9
|
template?: AllTemplateTypes;
|
|
10
10
|
channel: CHANNEL_TYPE;
|
|
@@ -24,5 +24,6 @@ export interface TemplatePreviewProps {
|
|
|
24
24
|
applyBorderBottom?: boolean;
|
|
25
25
|
webPushSpecificMeta?: WebpushMetaType;
|
|
26
26
|
hidePointerEvents?: boolean;
|
|
27
|
+
pod?: POD;
|
|
27
28
|
}
|
|
28
|
-
export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta, hidePointerEvents, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta, hidePointerEvents, pod, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../template-context-mapper/context/templateModalContext.js"),t=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),n=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),o=require("./webpush/WebpushPreview.js"),d=require("./WhatsAppTemplatePreview.js");const p={WhatsAppWrapper:{backgroundColor:a.COLORS.surface.standard,borderRadius:4,border:`1px solid ${a.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=u=>{let{template:c,channel:m,whatsAppSpecificMeta:v,templateCreationsInfo:h,hideHeader:C,size:j,onlyTemplateContent:x,emailSpecificMeta:b,smsSpecificMeta:S,showSampleValues:g,carouselCardIndex:y,isWhatsappCarousel:T,isPreview:P,applyBorderBottom:O,webPushSpecificMeta:w,hidePointerEvents:E,pod:H}=u;var f,A;const{setSelectedCarouselIndex:W,pod:q}=l.useTemplateModalContext();return m===s.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:h?16:0,border:h?`1px solid ${a.COLORS.stroke.primary}`:"none",borderRadius:4},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(r.default,{template:c,hideHeader:C,onlyTemplateContent:x,size:null!=j?j:"large",variableStore:null==S?void 0:S.smsVariableStore,display_content:null==S?void 0:S.smsDisplayContent,uniqueId:null==S?void 0:S.uniqueId})})):m===s.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:h?16:0},null==b?void 0:b.templateContainerStyles)},{children:e.jsx(n.default,{template:c,handleViewTemplate:()=>{var e;null===(e=null==b?void 0:b.handleViewTemplate)||void 0===e||e.call(b)},hideHeader:C,hideViewButton:null==b?void 0:b.hideViewButtonForEmail,containerStyle:null==b?void 0:b.containerStyle,emailDisplayContent:null==b?void 0:b.emailDisplayContent,emailHtmlContainerId:null==b?void 0:b.emailHtmlContainerId,applyBorderBottom:O,hidePointerEvents:E})})):m===s.CHANNEL_TYPE.WHATSAPP||m===s.CHANNEL_TYPE.RCS?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==v?void 0:v.templateContainerStyles),h?p.WhatsAppWrapper:{}),onClick:()=>{var e,l;if(W&&T){if(-1===y&&!(null===(l=null===(e=null==c?void 0:c.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length))return;W(null!=y?y:-1)}}},{children:[h?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(i.TitleRegular,{children:t.default.convertToTitleCase(null!==(f=null==c?void 0:c.label)&&void 0!==f?f:"")})})):e.jsx(e.Fragment,{}),"x"," ",e.jsx(l.TemplateModalContext.Provider,Object.assign({value:{pod:null!=H?H:q}},{children:e.jsx(d.default,{showSampleValues:g,showHeader:null==v?void 0:v.showWhatsAppHeader,extras:null==v?void 0:v.whatsAppExtras,template:c,size:h?"small":null!=j?j:"large",containerStyle:Object.assign(Object.assign({borderWidth:h?0:1,borderTopWidth:1},null!==(A=null==v?void 0:v.containerStyle)&&void 0!==A?A:{}),{height:"100%"}),zeroStateComponent:null==v?void 0:v.zeroStateComponent,usePlaceHolderName:null==v?void 0:v.usePlaceHolderName,carouselCardIndex:y,isWhatsappCarousel:T,isPreview:P,channel:m})}))]})):m==s.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==w?void 0:w.containerStyle)},{children:e.jsx(o.default,{template:c,extraContainerCss:null==w?void 0:w.extraContainerCss})})):e.jsx(e.Fragment,{})};
|
|
@@ -4,7 +4,7 @@ import { EmailMeta } from './models/EmailTemplate';
|
|
|
4
4
|
import { SMSMeta } from './models/SmsTemplate';
|
|
5
5
|
import { AllTemplateTypes } from './models/types';
|
|
6
6
|
import { WebpushMetaType } from './models/WebpushTemplate';
|
|
7
|
-
import { WhatsappMeta } from './models/WhatsAppTemplate';
|
|
7
|
+
import { POD, WhatsappMeta } from './models/WhatsAppTemplate';
|
|
8
8
|
export interface TemplatePreviewProps {
|
|
9
9
|
template?: AllTemplateTypes;
|
|
10
10
|
channel: CHANNEL_TYPE;
|
|
@@ -24,5 +24,6 @@ export interface TemplatePreviewProps {
|
|
|
24
24
|
applyBorderBottom?: boolean;
|
|
25
25
|
webPushSpecificMeta?: WebpushMetaType;
|
|
26
26
|
hidePointerEvents?: boolean;
|
|
27
|
+
pod?: POD;
|
|
27
28
|
}
|
|
28
|
-
export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta, hidePointerEvents, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta, hidePointerEvents, pod, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{useTemplateModalContext as i,TemplateModalContext as a}from"../template-context-mapper/context/templateModalContext.js";import n from"../../utils/StringUtils.js";import{COLORS as o}from"../../constants/Theme.js";import{TitleRegular as r}from"../TypographyStyle.js";import s from"./EmailTemplateThumbnailPreview.js";import{CHANNEL_TYPE as d}from"./models/Channels.js";import p from"./SmsTemplatePreview.js";import m from"./webpush/WebpushPreview.js";import u from"./WhatsAppTemplatePreview.js";const c=c=>{let{template:h,channel:b,whatsAppSpecificMeta:C,templateCreationsInfo:S,hideHeader:g,size:y,onlyTemplateContent:j,emailSpecificMeta:f,smsSpecificMeta:w,showSampleValues:T,carouselCardIndex:x,isWhatsappCarousel:P,isPreview:O,applyBorderBottom:W,webPushSpecificMeta:H,hidePointerEvents:A,pod:I}=c;var B,E;const{setSelectedCarouselIndex:M,pod:V}=i();return b===d.SMS?e("div",Object.assign({style:Object.assign({marginTop:S?16:0,border:S?`1px solid ${o.stroke.primary}`:"none",borderRadius:4},null==w?void 0:w.templateContainerStyles)},{children:e(p,{template:h,hideHeader:g,onlyTemplateContent:j,size:null!=y?y:"large",variableStore:null==w?void 0:w.smsVariableStore,display_content:null==w?void 0:w.smsDisplayContent,uniqueId:null==w?void 0:w.uniqueId})})):b===d.EMAIL?e("div",Object.assign({style:Object.assign({marginTop:S?16:0},null==f?void 0:f.templateContainerStyles)},{children:e(s,{template:h,handleViewTemplate:()=>{var e;null===(e=null==f?void 0:f.handleViewTemplate)||void 0===e||e.call(f)},hideHeader:g,hideViewButton:null==f?void 0:f.hideViewButtonForEmail,containerStyle:null==f?void 0:f.containerStyle,emailDisplayContent:null==f?void 0:f.emailDisplayContent,emailHtmlContainerId:null==f?void 0:f.emailHtmlContainerId,applyBorderBottom:W,hidePointerEvents:A})})):b===d.WHATSAPP||b===d.RCS?t("div",Object.assign({style:Object.assign(Object.assign({},null==C?void 0:C.templateContainerStyles),S?v.WhatsAppWrapper:{}),onClick:()=>{var e,t;if(M&&P){if(-1===x&&!(null===(t=null===(e=null==h?void 0:h.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;M(null!=x?x:-1)}}},{children:[S?e("div",Object.assign({style:{padding:16}},{children:e(r,{children:n.convertToTitleCase(null!==(B=null==h?void 0:h.label)&&void 0!==B?B:"")})})):e(l,{}),"x"," ",e(a.Provider,Object.assign({value:{pod:null!=I?I:V}},{children:e(u,{showSampleValues:T,showHeader:null==C?void 0:C.showWhatsAppHeader,extras:null==C?void 0:C.whatsAppExtras,template:h,size:S?"small":null!=y?y:"large",containerStyle:Object.assign(Object.assign({borderWidth:S?0:1,borderTopWidth:1},null!==(E=null==C?void 0:C.containerStyle)&&void 0!==E?E:{}),{height:"100%"}),zeroStateComponent:null==C?void 0:C.zeroStateComponent,usePlaceHolderName:null==C?void 0:C.usePlaceHolderName,carouselCardIndex:x,isWhatsappCarousel:P,isPreview:O,channel:b})}))]})):b==d.WEBPUSH?e("div",Object.assign({style:Object.assign({},null==H?void 0:H.containerStyle)},{children:e(m,{template:h,extraContainerCss:null==H?void 0:H.extraContainerCss})})):e(l,{})},v={WhatsAppWrapper:{backgroundColor:o.surface.standard,borderRadius:4,border:`1px solid ${o.background.inactive}`,marginTop:16}};export{c as TemplatePreview};
|