@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.1

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -1,69 +1,69 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
-import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
-import { WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
-import { CHANNEL_TYPE } from '../template-preview/models/Channels';
-import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
-import { AllTemplateTypes, AllTemplateVariables, NonNullTemplateTypes } from '../template-preview/models/types';
-import { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';
-import { ExtrasWhatsapp, POD, TemplateAnalyticsI, WhatsAppPickerMeta, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
-import { VariableV3 } from '../variable-picker-v3/model';
-export interface TemplateContextMapperProps {
-    selectedTemplate: NonNullTemplateTypes;
-    closeDialog?: () => void;
-    showVariableMapping: boolean;
-    channel: CHANNEL_TYPE;
-    globalPlaceholders: GlobalPlaceholderType;
-    /** List of variables being used in this template */
-    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
-    /** Only for initial-UI-purpose for the modal */
-    htmlContent: string;
-    showOnlyContent?: boolean;
-    onTemplateSelect?(template: AllTemplateTypes, variables: AllTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
-        error: string;
-        errorIndexes?: number[];
-        templateErrorIndexes?: {
-            body?: number[];
-            buttons?: number[];
-        };
-    } | void;
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-    zIndex?: number;
-    showVariableModal?: boolean;
-    variableList?: VariableListInterfaceV2[];
-    variableListForImage?: VariableListInterfaceV2[];
-    onBackPress?: () => void;
-    discountCode?: string;
-    setDiscountCode?: (code: string) => void;
-    enabledCustomText?: boolean;
-    showSampleValues?: boolean;
-    disableEditVariable?: boolean;
-    pod?: POD;
-    extras?: ExtrasWhatsapp;
-    pickerConf?: {
-        searchInCollection: any;
-        searchProducts: any;
-        fetchCollections: any;
-        fetchProducts: any;
-        storeId: string;
-        appType?: ApplicationType;
-    };
-    selectedCarouselProducts?: CarouselProduct[];
-    disableEditExpiry?: boolean;
-    cardWidth?: number;
-    onDeleteSelectedProducts?: () => void;
-    fileName?: string;
-    setFileName?: (name: string) => void;
-    hideDeviceContainerInPreview?: boolean;
-    maxCharLimit?: number;
-    onDefaultVariableSelect?: (variable: VariableV3) => void;
-    skipDefaultVariableContent?: boolean;
-    disableDatePicker?: boolean;
-    disableCopyCode?: boolean;
-    initialExpiryDateTime?: string;
-    showDiscountCodeExpiryInfo?: boolean;
-    footerButtonText?: string;
-    footerInfoText?: string;
-    templateAnalytics?: TemplateAnalyticsI;
-}
-export declare const TemplateContextMapper: (props: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';
+import { CarouselProduct } from '@src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2';
+import { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';
+import { CHANNEL_TYPE } from '../template-preview/models/Channels';
+import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
+import { AllTemplateTypes, AllTemplateVariables, NonNullTemplateTypes } from '../template-preview/models/types';
+import { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';
+import { ExtrasWhatsapp, POD, TemplateAnalyticsI, WhatsAppPickerMeta, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+import { VariableV3 } from '../variable-picker-v3/model';
+export interface TemplateContextMapperProps {
+    selectedTemplate: NonNullTemplateTypes;
+    closeDialog?: () => void;
+    showVariableMapping: boolean;
+    channel: CHANNEL_TYPE;
+    globalPlaceholders: GlobalPlaceholderType;
+    /** List of variables being used in this template */
+    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
+    /** Only for initial-UI-purpose for the modal */
+    htmlContent: string;
+    showOnlyContent?: boolean;
+    onTemplateSelect?(template: AllTemplateTypes, variables: AllTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
+        error: string;
+        errorIndexes?: number[];
+        templateErrorIndexes?: {
+            body?: number[];
+            buttons?: number[];
+        };
+    } | void;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    zIndex?: number;
+    showVariableModal?: boolean;
+    variableList?: VariableListInterfaceV2[];
+    variableListForImage?: VariableListInterfaceV2[];
+    onBackPress?: () => void;
+    discountCode?: string;
+    setDiscountCode?: (code: string) => void;
+    enabledCustomText?: boolean;
+    showSampleValues?: boolean;
+    disableEditVariable?: boolean;
+    pod?: POD;
+    extras?: ExtrasWhatsapp;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+        appType?: ApplicationType;
+    };
+    selectedCarouselProducts?: CarouselProduct[];
+    disableEditExpiry?: boolean;
+    cardWidth?: number;
+    onDeleteSelectedProducts?: () => void;
+    fileName?: string;
+    setFileName?: (name: string) => void;
+    hideDeviceContainerInPreview?: boolean;
+    maxCharLimit?: number;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    skipDefaultVariableContent?: boolean;
+    disableDatePicker?: boolean;
+    disableCopyCode?: boolean;
+    initialExpiryDateTime?: string;
+    showDiscountCodeExpiryInfo?: boolean;
+    footerButtonText?: string;
+    footerInfoText?: string;
+    templateAnalytics?: TemplateAnalyticsI;
+}
+export declare const TemplateContextMapper: (props: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +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"),i=require("../modals/styledModal.js"),r=require("../template-preview/helpers/templateMiscHelper.js"),s=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),v=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=m=>{var C,h,b,S,E,x,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:y,channel:I,htmlContent:D,templateVariables:L,onTemplateSelect:j,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:F,showSampleValues:_,disableEditVariable:W,pod:Y,extras:R,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:ae,initialExpiryDateTime:oe,showDiscountCodeExpiryInfo:ie,footerButtonText:re,footerInfoText:se,templateAnalytics:ne}=m;l.useEffect((()=>{be(D)}),[D]);const de=r.determineCardIndex(I),ue=r.isItCarousal(I,P),ce=null==P?void 0:P.isProductCarouselType,[pe,ve]=l.useState(I===s.CHANNEL_TYPE.EMAIL||I==s.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[me,Ce]=l.useState(!1),[he,be]=l.useState(D),[Se,Ee]=l.useState(!1),[xe,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,ye]=l.useState(P),[Ie,De]=l.useState([]),[Le,je]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=L?L:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(h=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===h?void 0:h.length)?-1:0:-1),[qe,Be]=l.useState([]),[Fe,_e]=l.useState(void 0),We=l.useRef(null),[Ye,Re]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z||0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].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:"")}))})),De(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>v.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{_e(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:I===s.CHANNEL_TYPE.WHATSAPP?`${a.default.capitaliseFirstLetterOfString(null!==(b=null==ge?void 0:ge.category)&&void 0!==b?b:"")} • ${null!==(S=null==ge?void 0:ge.templateCategory)&&void 0!==S?S:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Fe,setVariableList:_e,variableCallback:Le,setVariableCallback:je,showVariablePicker:me,setShowVariablePicker:Ce,template:ge,setTemplate:ye,device:pe,setDevice:ve,display_content:he,setDisplayContent:be,originalVariableList:ke,setOriginalVariableList:Me,isError:Se,setIsError:Ee,channel:I,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:W,pod:Y,extras:R,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(x=null===(E=P.components)||void 0===E?void 0:E[de].cards)||void 0===x?void 0:x.length:void 0,errorIndexes:xe,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:Ie,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:We,isCarouselHovered:Ye,setIsCarouselHovered:Re,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:ae,initialExpiryDateTime:oe,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsx(p.default,{variableListFromProps:H,channel:s.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:I===s.CHANNEL_TYPE.EMAIL&&y?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:I===s.CHANNEL_TYPE.WHATSAPP||r.isRCSChannel(I)?`${a.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q||q()},modalHeaderStyles:{borderBottom:`1px solid ${o.COLORS.stroke.primary}`}},{children:[e.jsx(p.default,{variableListFromProps:H,showSampleValues:_,showVariableMapping:y,channel:I,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:F&&(null==F?void 0:F.length)>0?F:Fe,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),j?e.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void Ee(!0);if(Object.keys(Ze).length>0&&Y!==n.POD.CHATBOT)return void Ee(!0);const t=null==j?void 0:j(ge,ke,null!=he?he:"",qe);Pe(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)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&Ee(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:re,footerInfoText:se}):e.jsx(e.Fragment,{})]}))}))};
+"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"),i=require("../modals/styledModal.js"),r=require("../template-preview/helpers/templateMiscHelper.js"),s=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),v=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=m=>{var C,h,b,S,E,x,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:y,channel:I,htmlContent:D,templateVariables:L,onTemplateSelect:w,globalPlaceholders:j,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:q,onBackPress:B,enabledCustomText:O,variableListForImage:F,showSampleValues:_,disableEditVariable:W,pod:Y,extras:R,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:ae,initialExpiryDateTime:oe,showDiscountCodeExpiryInfo:ie,footerButtonText:re,footerInfoText:se,templateAnalytics:ne}=m;l.useEffect((()=>{be(D)}),[D]);const de=r.determineCardIndex(I),ue=r.isItCarousal(I,P),ce=null==P?void 0:P.isProductCarouselType,[pe,ve]=l.useState(I===s.CHANNEL_TYPE.EMAIL||I==s.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[me,Ce]=l.useState(!1),[he,be]=l.useState(D),[Se,Ee]=l.useState(!1),[xe,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,ye]=l.useState(P),[Ie,De]=l.useState([]),[Le,we]=l.useState(null),[je,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=L?L:[]),[Ve,He]=l.useState(!1),[Ne,qe]=l.useState(ue?(null===(h=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===h?void 0:h.length)?-1:0:-1),[Be,Oe]=l.useState([]),[Fe,_e]=l.useState(void 0),We=l.useRef(null),[Ye,Re]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Oe(z):ce&&Oe([])}),[z]),l.useEffect((()=>{var e;if(!je&&ce&&(!z||0===Oe.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].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:"")}))})),De(l),Ae(!0)}}),[je]);const tt=l.useMemo((()=>v.convertPlaceholdersToBikDropdown(j)),[j]);return l.useEffect((()=>{_e(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:I===s.CHANNEL_TYPE.WHATSAPP?`${a.default.capitaliseFirstLetterOfString(null!==(b=null==ge?void 0:ge.category)&&void 0!==b?b:"")} • ${null!==(S=null==ge?void 0:ge.templateCategory)&&void 0!==S?S:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsx(d.TemplateModalContext.Provider,{value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Fe,setVariableList:_e,variableCallback:Le,setVariableCallback:we,showVariablePicker:me,setShowVariablePicker:Ce,template:ge,setTemplate:ye,device:pe,setDevice:ve,display_content:he,setDisplayContent:be,originalVariableList:ke,setOriginalVariableList:Me,isError:Se,setIsError:Ee,channel:I,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:O,disableEditVariable:W,pod:Y,extras:R,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:qe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(x=null===(E=P.components)||void 0===E?void 0:E[de].cards)||void 0===x?void 0:x.length:void 0,errorIndexes:xe,setErrorIndexes:fe,pickerConf:$,carouselProducts:Be,setCarouselProducts:Oe,disableEditExpiry:Q,cardWidth:U,cardImages:Ie,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:We,isCarouselHovered:Ye,setIsCarouselHovered:Re,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:ae,initialExpiryDateTime:oe,showDiscountCodeExpiryInfo:ie,cardIndex:de},children:A?e.jsx(p.default,{variableListFromProps:H,channel:s.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(i.StyledModal,{hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:I===s.CHANNEL_TYPE.EMAIL&&y?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:I===s.CHANNEL_TYPE.WHATSAPP||r.isRCSChannel(I)?`${a.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==B||B()},modalHeaderStyles:{borderBottom:`1px solid ${o.COLORS.stroke.primary}`},children:[e.jsx(p.default,{variableListFromProps:H,showSampleValues:_,showVariableMapping:y,channel:I,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:q,variableListForImage:F&&(null==F?void 0:F.length)>0?F:Fe,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),w?e.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==Be?void 0:Be.length)<1&&ce)return void Ee(!0);if(Object.keys(Ze).length>0&&Y!==n.POD.CHATBOT)return void Ee(!0);const t=null==w?void 0:w(ge,ke,null!=he?he:"",Be);Pe(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)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&Ee(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:re,footerInfoText:se}):e.jsx(e.Fragment,{})]})})};

package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts

@@ -1,157 +1,157 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { VariableV3 } from "../../../helpers";
-import React, { LegacyRef } from 'react';
-import Slider from 'react-slick';
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
-import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
-import { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
-import { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
-export type DEVICE_TYPES = 'desktop' | 'mobile';
-export declare const TemplateModalContext: React.Context<{
-    showDiscountCodeExpiryInfo?: boolean | undefined;
-    initialExpiryDateTime?: string | undefined;
-    disableDatePicker?: boolean | undefined;
-    disableCopyCode?: boolean | undefined;
-    hideFooterButton: boolean;
-    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
-    hideCrossButton: boolean;
-    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
-    variableList: VariableListInterfaceV2[] | undefined;
-    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
-    variableCallback: any;
-    setVariableCallback: any;
-    showVariablePicker: boolean;
-    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
-    device: DEVICE_TYPES;
-    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
-    display_content: string | null;
-    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: AllTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>> | undefined;
-    channel: CHANNEL_TYPE;
-    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: AllTemplateTypes;
-    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>> | undefined;
-    isError: boolean;
-    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
-    templateSelectionTriggered: boolean;
-    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    enabledCustomText?: boolean | undefined;
-    disableEditVariable?: boolean | undefined;
-    pod?: string | undefined;
-    extras?: ExtrasWhatsapp | undefined;
-    isWhatsappCarousel?: boolean | undefined;
-    selectedCarouselIndex?: number | undefined;
-    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>> | undefined;
-    isProductCarouselType?: boolean | undefined;
-    cardCount?: number | undefined;
-    errorIndexes?: number[] | undefined;
-    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>> | undefined;
-    pickerConf?: {
-        searchInCollection: any;
-        searchProducts: any;
-        fetchCollections: any;
-        fetchProducts: any;
-        storeId: string;
-        appType?: ApplicationType | undefined;
-    } | undefined;
-    carouselProducts?: CarouselProduct[] | undefined;
-    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
-    disableEditExpiry?: boolean | undefined;
-    cardWidth?: number | undefined;
-    cardImages?: string[] | undefined;
-    onDeleteSelectedProducts?: (() => void) | undefined;
-    hideDeviceContainerInPreview?: boolean | undefined;
-    templateErrorIndexes?: {
-        body?: number[] | undefined;
-        buttons?: number[] | undefined;
-    } | undefined;
-    sliderRef?: LegacyRef<Slider> | undefined;
-    isCarouselHovered?: boolean | undefined;
-    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
-    maxCharLimit?: number | undefined;
-    ctaOptionsErrors?: {
-        [key: string]: string;
-    } | undefined;
-    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
-        [key: string]: string;
-    }>> | undefined;
-    onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
-    cardIndex: number;
-}>;
-export declare const useTemplateModalContext: () => {
-    showDiscountCodeExpiryInfo?: boolean | undefined;
-    initialExpiryDateTime?: string | undefined;
-    disableDatePicker?: boolean | undefined;
-    disableCopyCode?: boolean | undefined;
-    hideFooterButton: boolean;
-    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
-    hideCrossButton: boolean;
-    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
-    variableList: VariableListInterfaceV2[] | undefined;
-    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
-    variableCallback: any;
-    setVariableCallback: any;
-    showVariablePicker: boolean;
-    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
-    device: DEVICE_TYPES;
-    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
-    display_content: string | null;
-    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: AllTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>> | undefined;
-    channel: CHANNEL_TYPE;
-    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: AllTemplateTypes;
-    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>> | undefined;
-    isError: boolean;
-    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
-    templateSelectionTriggered: boolean;
-    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    enabledCustomText?: boolean | undefined;
-    disableEditVariable?: boolean | undefined;
-    pod?: string | undefined;
-    extras?: ExtrasWhatsapp | undefined;
-    isWhatsappCarousel?: boolean | undefined;
-    selectedCarouselIndex?: number | undefined;
-    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>> | undefined;
-    isProductCarouselType?: boolean | undefined;
-    cardCount?: number | undefined;
-    errorIndexes?: number[] | undefined;
-    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>> | undefined;
-    pickerConf?: {
-        searchInCollection: any;
-        searchProducts: any;
-        fetchCollections: any;
-        fetchProducts: any;
-        storeId: string;
-        appType?: ApplicationType | undefined;
-    } | undefined;
-    carouselProducts?: CarouselProduct[] | undefined;
-    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>> | undefined;
-    disableEditExpiry?: boolean | undefined;
-    cardWidth?: number | undefined;
-    cardImages?: string[] | undefined;
-    onDeleteSelectedProducts?: (() => void) | undefined;
-    hideDeviceContainerInPreview?: boolean | undefined;
-    templateErrorIndexes?: {
-        body?: number[] | undefined;
-        buttons?: number[] | undefined;
-    } | undefined;
-    sliderRef?: LegacyRef<Slider> | undefined;
-    isCarouselHovered?: boolean | undefined;
-    setIsCarouselHovered?: ((value: boolean) => void) | undefined;
-    maxCharLimit?: number | undefined;
-    ctaOptionsErrors?: {
-        [key: string]: string;
-    } | undefined;
-    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
-        [key: string]: string;
-    }>> | undefined;
-    onDefaultVariableSelect?: ((variable: VariableV3) => void) | undefined;
-    cardIndex: number;
-};
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { VariableV3 } from '@src/helpers';
+import React, { LegacyRef } from 'react';
+import Slider from 'react-slick';
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2';
+import { CarouselProduct } from '@src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2';
+import { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';
+import { globalNormalizedPlaceholdersType } from '@src/components/template-preview/models/TemplateMeta';
+import { AllTemplateTypes, AllTemplateVariables } from '@src/components/template-preview/models/types';
+import { ExtrasWhatsapp } from '@src/components/template-preview/models/WhatsAppTemplate';
+export type DEVICE_TYPES = 'desktop' | 'mobile';
+export declare const TemplateModalContext: React.Context<{
+    showDiscountCodeExpiryInfo?: boolean;
+    initialExpiryDateTime?: string;
+    disableDatePicker?: boolean;
+    disableCopyCode?: boolean;
+    hideFooterButton: boolean;
+    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
+    hideCrossButton: boolean;
+    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
+    variableList: VariableListInterfaceV2[] | undefined;
+    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
+    variableCallback: any;
+    setVariableCallback: any;
+    showVariablePicker: boolean;
+    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>>;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>>;
+    originalVariableList: AllTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>>;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>;
+    template: AllTemplateTypes;
+    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>>;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[];
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>>;
+    enabledCustomText?: boolean;
+    disableEditVariable?: boolean;
+    pod?: string;
+    extras?: ExtrasWhatsapp;
+    isWhatsappCarousel?: boolean;
+    selectedCarouselIndex?: number;
+    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>>;
+    isProductCarouselType?: boolean;
+    cardCount?: number;
+    errorIndexes?: number[];
+    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>>;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+        appType?: ApplicationType;
+    };
+    carouselProducts?: CarouselProduct[];
+    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>>;
+    disableEditExpiry?: boolean;
+    cardWidth?: number;
+    cardImages?: string[];
+    onDeleteSelectedProducts?: () => void;
+    hideDeviceContainerInPreview?: boolean;
+    templateErrorIndexes?: {
+        body?: number[];
+        buttons?: number[];
+    };
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean;
+    setIsCarouselHovered?: (value: boolean) => void;
+    maxCharLimit?: number;
+    ctaOptionsErrors?: {
+        [key: string]: string;
+    };
+    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    }>>;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    cardIndex: number;
+}>;
+export declare const useTemplateModalContext: () => {
+    showDiscountCodeExpiryInfo?: boolean;
+    initialExpiryDateTime?: string;
+    disableDatePicker?: boolean;
+    disableCopyCode?: boolean;
+    hideFooterButton: boolean;
+    setHideFooterButton: React.Dispatch<React.SetStateAction<boolean>>;
+    hideCrossButton: boolean;
+    setHideCrossButton: React.Dispatch<React.SetStateAction<boolean>>;
+    variableList: VariableListInterfaceV2[] | undefined;
+    setVariableList: React.Dispatch<React.SetStateAction<VariableListInterfaceV2[] | undefined>>;
+    variableCallback: any;
+    setVariableCallback: any;
+    showVariablePicker: boolean;
+    setShowVariablePicker: React.Dispatch<React.SetStateAction<boolean>>;
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>>;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>>;
+    originalVariableList: AllTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>>;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>;
+    template: AllTemplateTypes;
+    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>>;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>>;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[];
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>>;
+    enabledCustomText?: boolean;
+    disableEditVariable?: boolean;
+    pod?: string;
+    extras?: ExtrasWhatsapp;
+    isWhatsappCarousel?: boolean;
+    selectedCarouselIndex?: number;
+    setSelectedCarouselIndex?: React.Dispatch<React.SetStateAction<number>>;
+    isProductCarouselType?: boolean;
+    cardCount?: number;
+    errorIndexes?: number[];
+    setErrorIndexes?: React.Dispatch<React.SetStateAction<number[]>>;
+    pickerConf?: {
+        searchInCollection: any;
+        searchProducts: any;
+        fetchCollections: any;
+        fetchProducts: any;
+        storeId: string;
+        appType?: ApplicationType;
+    };
+    carouselProducts?: CarouselProduct[];
+    setCarouselProducts?: React.Dispatch<React.SetStateAction<CarouselProduct[]>>;
+    disableEditExpiry?: boolean;
+    cardWidth?: number;
+    cardImages?: string[];
+    onDeleteSelectedProducts?: () => void;
+    hideDeviceContainerInPreview?: boolean;
+    templateErrorIndexes?: {
+        body?: number[];
+        buttons?: number[];
+    };
+    sliderRef?: LegacyRef<Slider> | undefined;
+    isCarouselHovered?: boolean;
+    setIsCarouselHovered?: (value: boolean) => void;
+    maxCharLimit?: number;
+    ctaOptionsErrors?: {
+        [key: string]: string;
+    };
+    setCtaOptionsErrors?: React.Dispatch<React.SetStateAction<{
+        [key: string]: string;
+    }>>;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    cardIndex: number;
+};

package/dist/cjs/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts

@@ -1,12 +1,12 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-export type AdditionalVariableProps = {
-    variableList?: VariableListInterfaceV2[];
-    categoryDisplayName: string;
-    variableDisplayName: string;
-    variableValue: string;
-};
-/**
- * Takes the previous variable list and adds any custom variable given as prop.
- * E.g - Custom Text, Custom URL, Static Expiry
- */
-export declare const updateVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';
+export type AdditionalVariableProps = {
+    variableList?: VariableListInterfaceV2[];
+    categoryDisplayName: string;
+    variableDisplayName: string;
+    variableValue: string;
+};
+/**
+ * Takes the previous variable list and adds any custom variable given as prop.
+ * E.g - Custom Text, Custom URL, Static Expiry
+ */
+export declare const updateVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;

package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.d.ts

@@ -1,57 +1,50 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { AllTemplateVariables, BUTTON_TYPE, CUSTOM_VARIABLE } from "../../template-preview";
-import { WebPushTemplateComponent, WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
-declare const useWebPushTemplate: () => {
-    processWebpushTemplate: (template: WebpushTemplateType, variableList: VariableListInterfaceV2[], originalVar?: AllTemplateVariables, disableEditVariable?: boolean) => Promise<{
-        templateVariableMapping: {
-            title: any;
-            body: any;
-            buttons: {
-                type: BUTTON_TYPE;
-                text: string;
-                url: string;
-                example: string[] | undefined;
-                buttonVariable: string;
-                index: number;
-            }[];
-            icon: CUSTOM_VARIABLE[];
-            header: CUSTOM_VARIABLE[];
-        };
-        webpushBroadcastConfig: {
-            title?: string[] | undefined;
-            body?: string[] | undefined;
-            icon?: string[] | undefined;
-            image?: string[] | undefined;
-            buttons?: string[] | undefined;
-            redirectionLink?: string[] | undefined;
-        };
-        template: {
-            name: string;
-            label: string;
-            templateId?: string | undefined;
-            channel: import("../../template-preview").CHANNEL_TYPE;
-            templateCategory: string;
-            category: string;
-            mapping?: {
-                title?: string[] | undefined;
-                body?: string[] | undefined;
-                buttons?: string[] | undefined;
-                icon?: string[] | undefined;
-                image?: string[] | undefined;
-            } | undefined;
-            templateVariables?: import("../../template-preview/models/WebpushTemplate").WebpushTemplateVariables | undefined;
-            webpushBroadcastConfig?: {
-                title?: string[] | undefined;
-                body?: string[] | undefined;
-                icon?: string[] | undefined;
-                image?: string[] | undefined;
-                buttons?: string[] | undefined;
-                redirectionLink?: string[] | undefined;
-            } | undefined;
-            components: WebPushTemplateComponent;
-            whatsappSpecificPickerMeta?: import("../../template-preview").WhatsAppPickerMeta | undefined;
-        };
-    }>;
-    isValidUrl: (url: string) => boolean;
-};
-export default useWebPushTemplate;
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2';
+import { AllTemplateVariables, BUTTON_TYPE, CUSTOM_VARIABLE } from '@src/components/template-preview';
+import { WebPushTemplateComponent, WebpushTemplateType } from '@src/components/template-preview/models/WebpushTemplate';
+declare const useWebPushTemplate: () => {
+    processWebpushTemplate: (template: WebpushTemplateType, variableList: VariableListInterfaceV2[], originalVar?: AllTemplateVariables, disableEditVariable?: boolean) => Promise<{
+        templateVariableMapping: {
+            title: any;
+            body: any;
+            buttons: {
+                type: BUTTON_TYPE;
+                text: string;
+                url: string;
+                example: string[] | undefined;
+                buttonVariable: string;
+                index: number;
+            }[];
+            icon: CUSTOM_VARIABLE[];
+            header: CUSTOM_VARIABLE[];
+        };
+        webpushBroadcastConfig: {
+            title?: string[] | undefined;
+            body?: string[] | undefined;
+            icon?: string[] | undefined;
+            image?: string[] | undefined;
+            buttons?: string[] | undefined;
+            redirectionLink?: string[] | undefined;
+        };
+        template: {
+            name: string;
+            label: string;
+            templateId?: string;
+            channel: import("@src/components/template-preview").CHANNEL_TYPE;
+            templateCategory: string;
+            category: string;
+            mapping?: {
+                title?: string[];
+                body?: string[];
+                buttons?: string[];
+                icon?: string[];
+                image?: string[];
+            };
+            templateVariables?: import("@src/components/template-preview/models/WebpushTemplate").WebpushTemplateVariables;
+            webpushBroadcastConfig?: { [k in import("@src/components/template-preview/models/WebpushTemplate").WEB_PUSH_COMPONENT_TYPE]?: string[]; };
+            components: WebPushTemplateComponent;
+            whatsappSpecificPickerMeta?: import("@src/components/template-preview").WhatsAppPickerMeta;
+        };
+    }>;
+    isValidUrl: (url: string) => boolean;
+};
+export default useWebPushTemplate;