@bikdotai/bik-component-library 0.0.570-beta-22 → 0.0.570-beta-23
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-context-mapper/TemplateContextMapper.d.ts +1 -0
- package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts +5 -0
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts +1 -0
- package/dist/esm/components/template-context-mapper/TemplateContextMapper.js +1 -1
- package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts +5 -0
- package/package.json +1 -1
|
@@ -56,5 +56,6 @@ export interface TemplateContextMapperProps {
|
|
|
56
56
|
maxCharLimit?: number;
|
|
57
57
|
onDefaultVariableSelect?: (variable: VariableV3) => void;
|
|
58
58
|
skipDefaultVariableContent?: boolean;
|
|
59
|
+
originalTemplateVariables?: WebpushTemplateVariables;
|
|
59
60
|
}
|
|
60
61
|
export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList: variableListFromProps, discountCode, setDiscountCode, onBackPress, enabledCustomText, variableListForImage, showSampleValues, disableEditVariable, pod, extras, pickerConf, selectedCarouselProducts, disableEditExpiry, cardWidth, onDeleteSelectedProducts, fileName, setFileName, hideDeviceContainerInPreview, maxCharLimit, onDefaultVariableSelect, skipDefaultVariableContent, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),l=require("react"),a=require("../../utils/StringUtils.js"),o=require("../../constants/Theme.js"),r=require("../modals/styledModal.js"),s=require("../template-preview/models/Channels.js"),i=require("../template-preview/models/WhatsAppTemplate.js"),n=require("./context/templateModalContext.js"),d=require("./modalElements/Footer.js"),u=require("./modalElements/TemplateSelectModalContent.js"),c=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=p=>{let{selectedTemplate:v,closeDialog:m,showVariableMapping:h,channel:C,htmlContent:b,templateVariables:S,onTemplateSelect:E,globalPlaceholders:P,showOnlyContent:f,whatsappSpecificPickerMeta:x,zIndex:g,showVariableModal:T,variableList:L,discountCode:I,setDiscountCode:V,onBackPress:j,enabledCustomText:y,variableListForImage:D,showSampleValues:H,disableEditVariable:N,pod:w,extras:A,pickerConf:k,selectedCarouselProducts:M,disableEditExpiry:O,cardWidth:B,onDeleteSelectedProducts:q,fileName:F,setFileName:_,hideDeviceContainerInPreview:W,maxCharLimit:Y,onDefaultVariableSelect:R,skipDefaultVariableContent:U}=p;var z,$,G,J,K,Q,X,Z;l.useEffect((()=>{ie(b)}),[b]);const ee=C===s.CHANNEL_TYPE.WHATSAPP&&"CAROUSEL"===(null===($=null===(z=null==v?void 0:v.components)||void 0===z?void 0:z[1])||void 0===$?void 0:$.type),te=null==v?void 0:v.isProductCarouselType,[le,ae]=l.useState(C===s.CHANNEL_TYPE.EMAIL||C==s.CHANNEL_TYPE.WEBPUSH||ee?"desktop":"mobile"),[oe,re]=l.useState(!1),[se,ie]=l.useState(b),[ne,de]=l.useState(!1),[ue,ce]=l.useState([]),[pe,ve]=l.useState({}),[me,he]=l.useState(v),[Ce,be]=l.useState([]),[Se,Ee]=l.useState(null),[Pe,fe]=l.useState(!1),[xe,ge]=l.useState(null!=S?S:[]),[Te,Le]=l.useState(!1),[Ie,Ve]=l.useState(ee?(null===(J=null===(G=null==me?void 0:me.mapping)||void 0===G?void 0:G.body)||void 0===J?void 0:J.length)?-1:0:-1),[je,ye]=l.useState([]),[De,He]=l.useState(void 0),Ne=l.useRef(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(!1),[Oe,Be]=l.useState(!1),[qe,Fe]=l.useState({}),[_e,We]=l.useState({});l.useEffect((()=>{M?ye(M):te&&ye([])}),[M]),l.useEffect((()=>{var e;if(!Pe&&te&&(!M||0===ye.length)){const t=null===(e=null==me?void 0:me.components)||void 0===e?void 0:e[1].cards,l=[];null==t||t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)||void 0===t||t.forEach((e=>{var t,a,o;"HEADER"===e.type&&l.push(null!==(o=null===(a=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===a?void 0:a[0])&&void 0!==o?o:"")}))})),be(l),fe(!0)}}),[Pe]);const Ye=l.useMemo((()=>c.convertPlaceholdersToBikDropdown(P)),[P]);return l.useEffect((()=>{He(t.cloneDeep(L))}),[L]),l.useEffect((()=>{C===s.CHANNEL_TYPE.WEBPUSH&&ge(t.cloneDeep(xe))}),[xe]),e.jsx(n.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Oe,setHideFooterButton:Be,hideCrossButton:ke,setHideCrossButton:Me,variableList:De,setVariableList:He,variableCallback:Se,setVariableCallback:Ee,showVariablePicker:oe,setShowVariablePicker:re,template:me,setTemplate:he,device:le,setDevice:ae,display_content:se,setDisplayContent:ie,originalVariableList:xe,setOriginalVariableList:ge,isError:ne,setIsError:de,channel:C,globalNormalizedPlaceholders:Ye,templateSelectionTriggered:Te,setTemplateSelectionTriggered:Le,enabledCustomText:y,disableEditVariable:N,pod:w,extras:A,isWhatsappCarousel:ee,selectedCarouselIndex:Ie,setSelectedCarouselIndex:Ve,isProductCarouselType:te,templateErrorIndexes:pe,cardCount:ee?null===(Q=null===(K=v.components)||void 0===K?void 0:K[1].cards)||void 0===Q?void 0:Q.length:void 0,errorIndexes:ue,setErrorIndexes:ce,pickerConf:k,carouselProducts:je,setCarouselProducts:ye,disableEditExpiry:O,cardWidth:B,cardImages:Ce,onDeleteSelectedProducts:q,hideDeviceContainerInPreview:W,sliderRef:Ne,isCarouselHovered:we,setIsCarouselHovered:Ae,maxCharLimit:Y,ctaOptionsErrors:qe,setCtaOptionsErrors:Fe,onDefaultVariableSelect:R,originalTemplateVariables:_e,setOriginalTemplateVariables:We}},{children:f?e.jsx(u.default,{variableListFromProps:L,channel:s.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(r.StyledModal,Object.assign({hideCrossButton:ke,zIndex:g,centralContainerStyles:{width:ee?900:C===s.CHANNEL_TYPE.EMAIL&&h?1e3:800},open:!0,onClose:()=>{null==m||m()},headingTitle:null==me?void 0:me.label,headingSubtitle:C===s.CHANNEL_TYPE.WHATSAPP?`${a.default.capitaliseFirstLetterOfString(null!==(X=null==me?void 0:me.category)&&void 0!==X?X:"")} • ${null!==(Z=null==me?void 0:me.templateCategory)&&void 0!==Z?Z:""}`:"",onBackPress:()=>{null==j||j()},modalHeaderStyles:{borderBottom:`1px solid ${o.COLORS.stroke.primary}`}},{children:[e.jsx(u.default,{variableListFromProps:L,showSampleValues:H,showVariableMapping:h,channel:C,whatsappSpecificPickerMeta:x,showVariableModal:T,discountCode:I,setDiscountCode:V,variableListForImage:D&&(null==D?void 0:D.length)>0?D:De,fileName:F,setFileName:e=>{null==_||_(e)},skipDefaultVariableContent:U}),E?e.jsx(d.default,{isWhatsappCarousel:null!=ee&&ee,onSelect:function(){var e;if((null==je?void 0:je.length)<1&&te)return void de(!0);if(Object.keys(qe).length>0&&w!==i.POD.CHATBOT)return void de(!0);const t=null==E?void 0:E(me,xe,null!=se?se:"",je);ve(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)||(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&ce(t.errorIndexes),(null==t?void 0:t.error)&&de(!!(null==t?void 0:t.error))):Le(!0)}}):e.jsx(e.Fragment,{})]}))}))};
|
|
@@ -7,6 +7,7 @@ import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
|
|
|
7
7
|
import { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
|
|
8
8
|
import { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
|
|
9
9
|
import { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
|
|
10
|
+
import { WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
|
|
10
11
|
export type DEVICE_TYPES = 'desktop' | 'mobile';
|
|
11
12
|
export declare const TemplateModalContext: React.Context<{
|
|
12
13
|
hideFooterButton: boolean;
|
|
@@ -74,6 +75,8 @@ export declare const TemplateModalContext: React.Context<{
|
|
|
74
75
|
[key: string]: string;
|
|
75
76
|
}>> | undefined;
|
|
76
77
|
onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
|
|
78
|
+
setOriginalTemplateVariables?: React.Dispatch<React.SetStateAction<WebpushTemplateVariables>> | undefined;
|
|
79
|
+
originalTemplateVariables?: WebpushTemplateVariables | undefined;
|
|
77
80
|
}>;
|
|
78
81
|
export declare const useTemplateModalContext: () => {
|
|
79
82
|
hideFooterButton: boolean;
|
|
@@ -141,4 +144,6 @@ export declare const useTemplateModalContext: () => {
|
|
|
141
144
|
[key: string]: string;
|
|
142
145
|
}>> | undefined;
|
|
143
146
|
onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
|
|
147
|
+
setOriginalTemplateVariables?: React.Dispatch<React.SetStateAction<WebpushTemplateVariables>> | undefined;
|
|
148
|
+
originalTemplateVariables?: WebpushTemplateVariables | undefined;
|
|
144
149
|
};
|
|
@@ -56,5 +56,6 @@ export interface TemplateContextMapperProps {
|
|
|
56
56
|
maxCharLimit?: number;
|
|
57
57
|
onDefaultVariableSelect?: (variable: VariableV3) => void;
|
|
58
58
|
skipDefaultVariableContent?: boolean;
|
|
59
|
+
originalTemplateVariables?: WebpushTemplateVariables;
|
|
59
60
|
}
|
|
60
61
|
export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList: variableListFromProps, discountCode, setDiscountCode, onBackPress, enabledCustomText, variableListForImage, showSampleValues, disableEditVariable, pod, extras, pickerConf, selectedCarouselProducts, disableEditExpiry, cardWidth, onDeleteSelectedProducts, fileName, setFileName, hideDeviceContainerInPreview, maxCharLimit, onDefaultVariableSelect, skipDefaultVariableContent, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import{useEffect as r,useState as i,useRef as a,useMemo as s}from"react";import n from"../../utils/StringUtils.js";import{COLORS as d}from"../../constants/Theme.js";import{StyledModal as u}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{POD as p}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as m}from"./context/templateModalContext.js";import v from"./modalElements/Footer.js";import h from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as b}from"./utils/convertPlaceholdersToBikDropdown.js";const C=C=>{let{selectedTemplate:
|
|
1
|
+
import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import{useEffect as r,useState as i,useRef as a,useMemo as s}from"react";import n from"../../utils/StringUtils.js";import{COLORS as d}from"../../constants/Theme.js";import{StyledModal as u}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{POD as p}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as m}from"./context/templateModalContext.js";import v from"./modalElements/Footer.js";import h from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as b}from"./utils/convertPlaceholdersToBikDropdown.js";const C=C=>{let{selectedTemplate:g,closeDialog:f,showVariableMapping:P,channel:x,htmlContent:E,templateVariables:S,onTemplateSelect:I,globalPlaceholders:T,showOnlyContent:V,whatsappSpecificPickerMeta:y,zIndex:w,showVariableModal:k,variableList:L,discountCode:D,setDiscountCode:j,onBackPress:B,enabledCustomText:H,variableListForImage:M,showSampleValues:A,disableEditVariable:O,pod:F,extras:W,pickerConf:N,selectedCarouselProducts:U,disableEditExpiry:z,cardWidth:R,onDeleteSelectedProducts:$,fileName:_,setFileName:q,hideDeviceContainerInPreview:G,maxCharLimit:J,onDefaultVariableSelect:K,skipDefaultVariableContent:Q}=C;var X,Y,Z,ee,le,oe,te,re;r((()=>{pe(E)}),[E]);const ie=x===c.WHATSAPP&&"CAROUSEL"===(null===(Y=null===(X=null==g?void 0:g.components)||void 0===X?void 0:X[1])||void 0===Y?void 0:Y.type),ae=null==g?void 0:g.isProductCarouselType,[se,ne]=i(x===c.EMAIL||x==c.WEBPUSH||ie?"desktop":"mobile"),[de,ue]=i(!1),[ce,pe]=i(E),[me,ve]=i(!1),[he,be]=i([]),[Ce,ge]=i({}),[fe,Pe]=i(g),[xe,Ee]=i([]),[Se,Ie]=i(null),[Te,Ve]=i(!1),[ye,we]=i(null!=S?S:[]),[ke,Le]=i(!1),[De,je]=i(ie?(null===(ee=null===(Z=null==fe?void 0:fe.mapping)||void 0===Z?void 0:Z.body)||void 0===ee?void 0:ee.length)?-1:0:-1),[Be,He]=i([]),[Me,Ae]=i(void 0),Oe=a(null),[Fe,We]=i(!1),[Ne,Ue]=i(!1),[ze,Re]=i(!1),[$e,_e]=i({}),[qe,Ge]=i({});r((()=>{U?He(U):ae&&He([])}),[U]),r((()=>{var e;if(!Te&&ae&&(!U||0===He.length)){const l=null===(e=null==fe?void 0:fe.components)||void 0===e?void 0:e[1].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,r;"HEADER"===e.type&&o.push(null!==(r=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==r?r:"")}))})),Ee(o),Ve(!0)}}),[Te]);const Je=s((()=>b(T)),[T]);return r((()=>{Ae(t(L))}),[L]),r((()=>{x===c.WEBPUSH&&we(t(ye))}),[ye]),e(m.Provider,Object.assign({value:{hideFooterButton:ze,setHideFooterButton:Re,hideCrossButton:Ne,setHideCrossButton:Ue,variableList:Me,setVariableList:Ae,variableCallback:Se,setVariableCallback:Ie,showVariablePicker:de,setShowVariablePicker:ue,template:fe,setTemplate:Pe,device:se,setDevice:ne,display_content:ce,setDisplayContent:pe,originalVariableList:ye,setOriginalVariableList:we,isError:me,setIsError:ve,channel:x,globalNormalizedPlaceholders:Je,templateSelectionTriggered:ke,setTemplateSelectionTriggered:Le,enabledCustomText:H,disableEditVariable:O,pod:F,extras:W,isWhatsappCarousel:ie,selectedCarouselIndex:De,setSelectedCarouselIndex:je,isProductCarouselType:ae,templateErrorIndexes:Ce,cardCount:ie?null===(oe=null===(le=g.components)||void 0===le?void 0:le[1].cards)||void 0===oe?void 0:oe.length:void 0,errorIndexes:he,setErrorIndexes:be,pickerConf:N,carouselProducts:Be,setCarouselProducts:He,disableEditExpiry:z,cardWidth:R,cardImages:xe,onDeleteSelectedProducts:$,hideDeviceContainerInPreview:G,sliderRef:Oe,isCarouselHovered:Fe,setIsCarouselHovered:We,maxCharLimit:J,ctaOptionsErrors:$e,setCtaOptionsErrors:_e,onDefaultVariableSelect:K,originalTemplateVariables:qe,setOriginalTemplateVariables:Ge}},{children:V?e(h,{variableListFromProps:L,channel:c.EMAIL,hideHeader:!0}):l(u,Object.assign({hideCrossButton:Ne,zIndex:w,centralContainerStyles:{width:ie?900:x===c.EMAIL&&P?1e3:800},open:!0,onClose:()=>{null==f||f()},headingTitle:null==fe?void 0:fe.label,headingSubtitle:x===c.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(te=null==fe?void 0:fe.category)&&void 0!==te?te:"")} • ${null!==(re=null==fe?void 0:fe.templateCategory)&&void 0!==re?re:""}`:"",onBackPress:()=>{null==B||B()},modalHeaderStyles:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:[e(h,{variableListFromProps:L,showSampleValues:A,showVariableMapping:P,channel:x,whatsappSpecificPickerMeta:y,showVariableModal:k,discountCode:D,setDiscountCode:j,variableListForImage:M&&(null==M?void 0:M.length)>0?M:Me,fileName:_,setFileName:e=>{null==q||q(e)},skipDefaultVariableContent:Q}),I?e(v,{isWhatsappCarousel:null!=ie&&ie,onSelect:function(){var e;if((null==Be?void 0:Be.length)<1&&ae)return void ve(!0);if(Object.keys($e).length>0&&F!==p.CHATBOT)return void ve(!0);const l=null==I?void 0:I(fe,ye,null!=ce?ce:"",Be);ge(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&be(l.errorIndexes),(null==l?void 0:l.error)&&ve(!!(null==l?void 0:l.error))):Le(!0)}}):e(o,{})]}))}))};export{C as TemplateContextMapper};
|
|
@@ -7,6 +7,7 @@ import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
|
|
|
7
7
|
import { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
|
|
8
8
|
import { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
|
|
9
9
|
import { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
|
|
10
|
+
import { WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
|
|
10
11
|
export type DEVICE_TYPES = 'desktop' | 'mobile';
|
|
11
12
|
export declare const TemplateModalContext: React.Context<{
|
|
12
13
|
hideFooterButton: boolean;
|
|
@@ -74,6 +75,8 @@ export declare const TemplateModalContext: React.Context<{
|
|
|
74
75
|
[key: string]: string;
|
|
75
76
|
}>> | undefined;
|
|
76
77
|
onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
|
|
78
|
+
setOriginalTemplateVariables?: React.Dispatch<React.SetStateAction<WebpushTemplateVariables>> | undefined;
|
|
79
|
+
originalTemplateVariables?: WebpushTemplateVariables | undefined;
|
|
77
80
|
}>;
|
|
78
81
|
export declare const useTemplateModalContext: () => {
|
|
79
82
|
hideFooterButton: boolean;
|
|
@@ -141,4 +144,6 @@ export declare const useTemplateModalContext: () => {
|
|
|
141
144
|
[key: string]: string;
|
|
142
145
|
}>> | undefined;
|
|
143
146
|
onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
|
|
147
|
+
setOriginalTemplateVariables?: React.Dispatch<React.SetStateAction<WebpushTemplateVariables>> | undefined;
|
|
148
|
+
originalTemplateVariables?: WebpushTemplateVariables | undefined;
|
|
144
149
|
};
|