@bikdotai/bik-component-library 0.0.533-beta.2 → 0.0.533-beta.3
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("lodash"),t=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("./context/templateModalContext.js"),n=require("./modalElements/Footer.js"),d=require("./modalElements/TemplateSelectModalContent.js"),u=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=c=>{let{selectedTemplate:p,closeDialog:v,showVariableMapping:m,channel:h,htmlContent:b,templateVariables:C,onTemplateSelect:S,globalPlaceholders:E,showOnlyContent:x,whatsappSpecificPickerMeta:P,zIndex:g,showVariableModal:f,variableList:T,discountCode:I,setDiscountCode:L,onBackPress:j,enabledCustomText:y,variableListForImage:w,showSampleValues:M,disableEditVariable:N,pod:V,extras:k,pickerConf:A,selectedCarouselProducts:D,disableEditExpiry:q,cardWidth:H,onDeleteSelectedProducts:F,fileName:O,setFileName:_,hideDeviceContainerInPreview:W}=c;var B,Y,z,R,$,U;t.useEffect((()=>{le(b)}),[b]);const G=h===s.CHANNEL_TYPE.WHATSAPP&&"CAROUSEL"===(null===(Y=null===(B=null==p?void 0:p.components)||void 0===B?void 0:B[1])||void 0===Y?void 0:Y.type),J=null==p?void 0:p.isProductCarouselType,[K,Q]=t.useState(h===s.CHANNEL_TYPE.EMAIL||G?"desktop":"mobile"),[X,Z]=t.useState(!1),[ee,le]=t.useState(b),[te,ae]=t.useState(!1),[oe,re]=t.useState([]),[se,ie]=t.useState({}),[ne,de]=t.useState(p),[ue,ce]=t.useState([]),[pe,ve]=t.useState(null),[me,he]=t.useState(!1),[be,Ce]=t.useState(null!=C?C:[]),[Se,Ee]=t.useState(!1),[xe,Pe]=t.useState(-1),[ge,fe]=t.useState([]),[Te,Ie]=t.useState(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("lodash"),t=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("./context/templateModalContext.js"),n=require("./modalElements/Footer.js"),d=require("./modalElements/TemplateSelectModalContent.js"),u=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=c=>{let{selectedTemplate:p,closeDialog:v,showVariableMapping:m,channel:h,htmlContent:b,templateVariables:C,onTemplateSelect:S,globalPlaceholders:E,showOnlyContent:x,whatsappSpecificPickerMeta:P,zIndex:g,showVariableModal:f,variableList:T,discountCode:I,setDiscountCode:L,onBackPress:j,enabledCustomText:y,variableListForImage:w,showSampleValues:M,disableEditVariable:N,pod:V,extras:k,pickerConf:A,selectedCarouselProducts:D,disableEditExpiry:q,cardWidth:H,onDeleteSelectedProducts:F,fileName:O,setFileName:_,hideDeviceContainerInPreview:W}=c;var B,Y,z,R,$,U;t.useEffect((()=>{le(b)}),[b]);const G=h===s.CHANNEL_TYPE.WHATSAPP&&"CAROUSEL"===(null===(Y=null===(B=null==p?void 0:p.components)||void 0===B?void 0:B[1])||void 0===Y?void 0:Y.type),J=null==p?void 0:p.isProductCarouselType,[K,Q]=t.useState(h===s.CHANNEL_TYPE.EMAIL||G?"desktop":"mobile"),[X,Z]=t.useState(!1),[ee,le]=t.useState(b),[te,ae]=t.useState(!1),[oe,re]=t.useState([]),[se,ie]=t.useState({}),[ne,de]=t.useState(p),[ue,ce]=t.useState([]),[pe,ve]=t.useState(null),[me,he]=t.useState(!1),[be,Ce]=t.useState(null!=C?C:[]),[Se,Ee]=t.useState(!1),[xe,Pe]=t.useState(-1),[ge,fe]=t.useState([]),[Te,Ie]=t.useState(void 0);t.useEffect((()=>{D?fe(D):J&&fe([])}),[D]),t.useEffect((()=>{var e;if(!me&&J&&(!D||0===fe.length)){const l=null===(e=null==ne?void 0:ne.components)||void 0===e?void 0:e[1].cards,t=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,a,o;"HEADER"===e.type&&t.push(null!==(o=null===(a=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===a?void 0:a[0])&&void 0!==o?o:"")}))})),ce(t),he(!0)}}),[me]);const Le=t.useMemo((()=>u.convertPlaceholdersToBikDropdown(E)),[E]);return t.useEffect((()=>{Ie(l.cloneDeep(T))}),[T]),e.jsx(i.TemplateModalContext.Provider,Object.assign({value:{variableList:Te,setVariableList:Ie,variableCallback:pe,setVariableCallback:ve,showVariablePicker:X,setShowVariablePicker:Z,template:ne,setTemplate:de,device:K,setDevice:Q,display_content:ee,setDisplayContent:le,originalVariableList:be,setOriginalVariableList:Ce,isError:te,setIsError:ae,channel:h,globalNormalizedPlaceholders:Le,templateSelectionTriggered:Se,setTemplateSelectionTriggered:Ee,enabledCustomText:y,disableEditVariable:N,pod:V,extras:k,isWhatsappCarousel:G,selectedCarouselIndex:xe,setSelectedCarouselIndex:Pe,isProductCarouselType:J,templateErrorIndexes:se,cardCount:G?null===(R=null===(z=p.components)||void 0===z?void 0:z[1].cards)||void 0===R?void 0:R.length:void 0,errorIndexes:oe,setErrorIndexes:re,pickerConf:A,carouselProducts:ge,setCarouselProducts:fe,disableEditExpiry:q,cardWidth:H,cardImages:ue,onDeleteSelectedProducts:F,hideDeviceContainerInPreview:W}},{children:x?e.jsx(d.default,{variableListFromProps:T,channel:s.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(r.StyledModal,Object.assign({zIndex:g,centralContainerStyles:{width:G?900:h===s.CHANNEL_TYPE.EMAIL&&m?1e3:800},open:!0,onClose:()=>{null==v||v()},headingTitle:null==ne?void 0:ne.label,headingSubtitle:h===s.CHANNEL_TYPE.WHATSAPP?`${a.default.capitaliseFirstLetterOfString(null!==($=null==ne?void 0:ne.category)&&void 0!==$?$:"")} • ${null!==(U=null==ne?void 0:ne.templateCategory)&&void 0!==U?U:""}`:"",onBackPress:()=>{null==j||j()},modalHeaderStyles:{borderBottom:`1px solid ${o.COLORS.stroke.primary}`}},{children:[e.jsx(d.default,{variableListFromProps:T,showSampleValues:M,showVariableMapping:m,channel:h,whatsappSpecificPickerMeta:P,showVariableModal:f,discountCode:I,setDiscountCode:L,variableListForImage:w&&(null==w?void 0:w.length)>0?w:Te,fileName:O,setFileName:e=>{null==_||_(e)}}),S?e.jsx(n.default,{isWhatsappCarousel:null!=G&&G,onSelect:function(){var e;if((null==ge?void 0:ge.length)<1&&J)return void ae(!0);const l=null==S?void 0:S(ne,be,null!=ee?ee:"",ge);ie(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)&&re(l.errorIndexes),(null==l?void 0:l.error)&&ae(!!(null==l?void 0:l.error))):Ee(!0)}}):e.jsx(e.Fragment,{})]}))}))};
|
|
@@ -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,useMemo as a}from"react";import s from"../../utils/StringUtils.js";import{COLORS as n}from"../../constants/Theme.js";import{StyledModal as d}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{TemplateModalContext as u}from"./context/templateModalContext.js";import p from"./modalElements/Footer.js";import m from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as v}from"./utils/convertPlaceholdersToBikDropdown.js";const h=h=>{let{selectedTemplate:b,closeDialog:C,showVariableMapping:g,channel:
|
|
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,useMemo as a}from"react";import s from"../../utils/StringUtils.js";import{COLORS as n}from"../../constants/Theme.js";import{StyledModal as d}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{TemplateModalContext as u}from"./context/templateModalContext.js";import p from"./modalElements/Footer.js";import m from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as v}from"./utils/convertPlaceholdersToBikDropdown.js";const h=h=>{let{selectedTemplate:b,closeDialog:C,showVariableMapping:g,channel:P,htmlContent:f,templateVariables:x,onTemplateSelect:E,globalPlaceholders:S,showOnlyContent:I,whatsappSpecificPickerMeta:w,zIndex:y,showVariableModal:T,variableList:V,discountCode:L,setDiscountCode:k,onBackPress:M,enabledCustomText:j,variableListForImage:D,showSampleValues:A,disableEditVariable:F,pod:O,extras:W,pickerConf:H,selectedCarouselProducts:N,disableEditExpiry:B,cardWidth:z,onDeleteSelectedProducts:$,fileName:R,setFileName:U,hideDeviceContainerInPreview:_}=h;var q,G,J,K,Q,X;r((()=>{ie(f)}),[f]);const Y=P===c.WHATSAPP&&"CAROUSEL"===(null===(G=null===(q=null==b?void 0:b.components)||void 0===q?void 0:q[1])||void 0===G?void 0:G.type),Z=null==b?void 0:b.isProductCarouselType,[ee,le]=i(P===c.EMAIL||Y?"desktop":"mobile"),[oe,te]=i(!1),[re,ie]=i(f),[ae,se]=i(!1),[ne,de]=i([]),[ce,ue]=i({}),[pe,me]=i(b),[ve,he]=i([]),[be,Ce]=i(null),[ge,Pe]=i(!1),[fe,xe]=i(null!=x?x:[]),[Ee,Se]=i(!1),[Ie,we]=i(-1),[ye,Te]=i([]),[Ve,Le]=i(void 0);r((()=>{N?Te(N):Z&&Te([])}),[N]),r((()=>{var e;if(!ge&&Z&&(!N||0===Te.length)){const l=null===(e=null==pe?void 0:pe.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:"")}))})),he(o),Pe(!0)}}),[ge]);const ke=a((()=>v(S)),[S]);return r((()=>{Le(t(V))}),[V]),e(u.Provider,Object.assign({value:{variableList:Ve,setVariableList:Le,variableCallback:be,setVariableCallback:Ce,showVariablePicker:oe,setShowVariablePicker:te,template:pe,setTemplate:me,device:ee,setDevice:le,display_content:re,setDisplayContent:ie,originalVariableList:fe,setOriginalVariableList:xe,isError:ae,setIsError:se,channel:P,globalNormalizedPlaceholders:ke,templateSelectionTriggered:Ee,setTemplateSelectionTriggered:Se,enabledCustomText:j,disableEditVariable:F,pod:O,extras:W,isWhatsappCarousel:Y,selectedCarouselIndex:Ie,setSelectedCarouselIndex:we,isProductCarouselType:Z,templateErrorIndexes:ce,cardCount:Y?null===(K=null===(J=b.components)||void 0===J?void 0:J[1].cards)||void 0===K?void 0:K.length:void 0,errorIndexes:ne,setErrorIndexes:de,pickerConf:H,carouselProducts:ye,setCarouselProducts:Te,disableEditExpiry:B,cardWidth:z,cardImages:ve,onDeleteSelectedProducts:$,hideDeviceContainerInPreview:_}},{children:I?e(m,{variableListFromProps:V,channel:c.EMAIL,hideHeader:!0}):l(d,Object.assign({zIndex:y,centralContainerStyles:{width:Y?900:P===c.EMAIL&&g?1e3:800},open:!0,onClose:()=>{null==C||C()},headingTitle:null==pe?void 0:pe.label,headingSubtitle:P===c.WHATSAPP?`${s.capitaliseFirstLetterOfString(null!==(Q=null==pe?void 0:pe.category)&&void 0!==Q?Q:"")} • ${null!==(X=null==pe?void 0:pe.templateCategory)&&void 0!==X?X:""}`:"",onBackPress:()=>{null==M||M()},modalHeaderStyles:{borderBottom:`1px solid ${n.stroke.primary}`}},{children:[e(m,{variableListFromProps:V,showSampleValues:A,showVariableMapping:g,channel:P,whatsappSpecificPickerMeta:w,showVariableModal:T,discountCode:L,setDiscountCode:k,variableListForImage:D&&(null==D?void 0:D.length)>0?D:Ve,fileName:R,setFileName:e=>{null==U||U(e)}}),E?e(p,{isWhatsappCarousel:null!=Y&&Y,onSelect:function(){var e;if((null==ye?void 0:ye.length)<1&&Z)return void se(!0);const l=null==E?void 0:E(pe,fe,null!=re?re:"",ye);ue(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)&&de(l.errorIndexes),(null==l?void 0:l.error)&&se(!!(null==l?void 0:l.error))):Se(!0)}}):e(o,{})]}))}))};export{h as TemplateContextMapper};
|