@bikdotai/bik-component-library 0.0.570-beta-29 → 0.0.571

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

@@ -1,54 +0,0 @@
-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;
-        };
-        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;
-            } | undefined;
-            components: WebPushTemplateComponent;
-            whatsappSpecificPickerMeta?: import("../../template-preview").WhatsAppPickerMeta | undefined;
-        };
-    }>;
-};
-export default useWebPushTemplate;

package/dist/esm/components/template-context-mapper/helpers/WebpushTemplateHelper.js

@@ -1 +0,0 @@
-import{__awaiter as t}from"../../../_virtual/_tslib.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import"../../template-preview/models/TemplateMeta.js";import{BUTTON_TYPE as e}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import{CUSTOM_URL_PLACEHOLDER as i,CUSTOM_URL_PLACEHOLDER_VAR as l}from"../../template-preview/constants/TemplateConstants.js";import{extractVariables as n}from"../../../utils/variableUtils.js";const o=()=>{function o(t,e,i,l){const o=e.map(((e,o)=>{const r=a(e);if(l)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:o,variableValue:e,type:"string"};const u=function(t,e,i){const l=i&&i.length?i:n(t);if(!l||!l.length)return[];const o=[];return l.forEach(((t,i)=>{const l=s(e,`{{${t}}}`);if(l){const{actualValue:t,defaultValue:e,variableText:n}=l;o.push({editable:"editableVariable"===n,variableVal:e,editableDefaultValues:e,variableName:t,idx:i})}})),o}(r?e:i,t);if(u.length>0){const t=u[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:r?t.variableName:e,index:o,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return o}const a=t=>t.includes("{{")&&t.includes("}}"),r=t=>t&&t.length?t.flatMap((t=>a(t)?n(t).map((t=>`{{${t}}}`))||[]:t)):[];const s=(t,e)=>{for(const i of t)for(const t in i.variables){const l=i.variables[t];if(l.actualValue===e)return l}return null};return{processWebpushTemplate:function(s,u,p,d){var b,v,c,m,f,h,g,w;return t(this,void 0,void 0,(function*(){const t=Object.assign({},s);t.components=function(t){let e;if("string"==typeof t)try{e=JSON.parse(t)}catch(t){console.error("Error parsing webpush component JSON:",t),e={}}else e=t;return e}(t.components);const{components:{title:y,body:V,buttons:W,icon:j,image:k},webpushBroadcastConfig:x}=t;let L={title:r(null!==(b=null==x?void 0:x.title)&&void 0!==b?b:[]),body:r(null!==(v=null==x?void 0:x.body)&&void 0!==v?v:[]),buttonsW:null!==(c=null==x?void 0:x.buttons)&&void 0!==c?c:[]};if(!t.webpushBroadcastConfig){const e=null!==(m=null==V?void 0:V.text)&&void 0!==m?m:"string"==typeof V?V:"",l=W&&(null==W?void 0:W.length)?W.map((t=>(null==t?void 0:t.websiteLink)==i?null==t?void 0:t.redirectionLink:null==t?void 0:t.websiteLink)).filter((t=>void 0!==t)):[];L={title:n(y).map((t=>`{{${t}}}`)),body:n(e).map((t=>`{{${t}}}`)),buttonsW:[]};const o={title:null!==(f=L.title)&&void 0!==f?f:[],body:null!==(h=L.body)&&void 0!==h?h:[],buttons:l,icon:j?[j]:void 0,image:k?[k]:void 0};t.webpushBroadcastConfig=o}const C=W&&W.length?W.map(((t,n)=>({type:e.URL,text:null==t?void 0:t.text,url:"https://d.bik.ai/{{1}}",example:L.buttonsW&&L.buttonsW.length?a(L.buttonsW[n])?[""]:[L.buttonsW[n]]:t.redirectionLink?[t.redirectionLink]:void 0,buttonVariable:L.buttonsW&&L.buttonsW.length?a(L.buttonsW[n])?L.buttonsW[n]:l:t.websiteLink?t.websiteLink==i?l:t.websiteLink:l,index:n}))):[],N={title:o(u,L.title,y,d),body:o(u,L.body,(null==V?void 0:V.text)||"",d),buttons:C};return{templateVariableMapping:{title:(null===(g=null==p?void 0:p.title)||void 0===g?void 0:g.length)?p.title:N.title,body:(null===(w=null==p?void 0:p.body)||void 0===w?void 0:w.length)?p.body:N.body,buttons:N.buttons,icon:[],header:[]},webpushBroadcastConfig:t.webpushBroadcastConfig,template:t}}))}}};export{o as default};

package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts

@@ -1,10 +0,0 @@
-import { WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
-import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
-export interface EditWebpushTemplateV2Props {
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-    template: WebpushTemplateType;
-    onTemplateChange?: (template: WebpushTemplateType) => void;
-    showVariableModal?: boolean;
-}
-declare const EditWebpushTemplate: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, }: EditWebpushTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
-export default EditWebpushTemplate;

package/dist/esm/components/template-context-mapper/modalElements/EditWebpushTemplate.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cloneDeep as i}from"lodash";import{useState as a,useEffect as o,useMemo as n,useRef as l}from"react";import{HEADER_TYPES as d}from"../../template-preview/models/TemplateMeta.js";import{useTemplateModalContext as r}from"../context/templateModalContext.js";import s from"../helpers/WebpushTemplateHelper.js";import{getAllDataFromWebpushTemplateComponent as p}from"../utils/getDataFromTemplateComponent.js";import m from"./EditMediaModal.js";import u from"./EditMediaV2.js";import{EditTemplateMediaContainer as c}from"./EditMediaV2.style.js";import{useEditWhatsappTemplateMedia as b}from"./useEditWhtasappTemplateMedia.js";import{Container as g}from"./VariableConnectorsPanel.js";import h from"./VariableConnectorWhatsApp.js";import f from"./VariableEditorHeader.js";import M from"./WhatsAppTemplateCardButtonV2.js";const v=v=>{let{template:C,onTemplateChange:T,whatsappSpecificPickerMeta:E,showVariableModal:V}=v;var j,y,I;const[w,x]=a(null),[O,L]=a(null),{variableList:A,disableEditVariable:B,originalVariableList:R,setOriginalVariableList:W}=r(),{processWebpushTemplate:k}=s(),[F,H]=a(null),[U,D]=a(null);o((()=>{A&&k(C,A,R,B).then((e=>{let{templateVariableMapping:t,template:i,webpushBroadcastConfig:a}=e;x(t),null==W||W(t),null==T||T(Object.assign({},i)),L(a)}))}),[A,B]);const{descriptionComponents:G,bodyVariables:S,titleVariables:N}=n((()=>{if(w&&O){const e=p(O,w);return F||H(e.iconImage),U||D(e.bannerImage),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[w,O]),{uploadMediaLink:P,uploadMediaFiles:$,validateMimeType:q}=E,z=l(null),J=b({uploadMediaLink:P,uploadMediaFiles:$,updateTemplateImageUrl:e=>Q(e,"icon"),validateMimeType:q,mediaComponent:F,fileRef:z}),K=b({uploadMediaLink:P,uploadMediaFiles:$,updateTemplateImageUrl:e=>Q(e,"image"),validateMimeType:q,mediaComponent:U,fileRef:z});function Q(e,t){const a=Object.assign({},C),o=i(a);"icon"===t?(o.webpushBroadcastConfig.icon=[e],H([e])):"image"===t&&(o.webpushBroadcastConfig.image=[e],D([e])),null==T||T(Object.assign({},o))}function X(e,t,a){var o;const n=Object.assign({},C),l=i(n),d="custom"===t&&"string"==typeof e,r=null===(o=null==l?void 0:l.webpushBroadcastConfig)||void 0===o?void 0:o.buttons;if(r&&r.length>0){r[a]=d?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==T||T(l)}const Y=J.openEditMedia?J:K.openEditMedia?K:null;return Y?e(g,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e(m,{mediaComponentFormat:d.IMAGE,uploadMedia:Y.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:Y,setOpenEditMedia:Y.setOpenEditMedia,openEditMedia:Y.openEditMedia,editIconRef:Y.editIconRef,fileRef:z,skipAddVariable:!0})})):t(g,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[F&&F.length?e(c,{children:e(u,{imageName:F,handleImageChange:J.handleImageChange,mediaType:d.IMAGE,error:J.error,isLoading:J.loading,setOpenEditMedia:J.setOpenEditMedia})}):null,U&&U.length?e(c,{children:e(u,{imageName:U,handleImageChange:K.handleImageChange,mediaType:d.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,(null==S?void 0:S.length)||(null==N?void 0:N.length)?e(f,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==G?void 0:G.map(((t,i)=>e(h,{originalVariableList:w,type:t.type,descriptionComponent:t.component,showVariableModal:V},i))),(null===(y=null===(j=null==w?void 0:w.buttons)||void 0===j?void 0:j.filter((e=>"URL"===e.type)))||void 0===y?void 0:y.length)>0&&e(f,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(I=null==w?void 0:w.buttons)||void 0===I?void 0:I.map(((t,i)=>e(M,{variableListIndex:i,CTAoptions:null==E?void 0:E.CTAoptions,button:t,currentVariableList:w,updateSelectedURLTemplateBtn:X},`${i}`)))]}))};export{v as default};

package/dist/esm/components/template-preview/models/WebpushTemplate.d.ts

@@ -1,72 +0,0 @@
-/// <reference types="react" />
-import { Variable } from "../../add-variableV2";
-import { CHANNEL_TYPE } from './Channels';
-import { CUSTOM_VARIABLE } from './TemplateMeta';
-import { TEMPLATE_BUTTON, WhatsAppPickerMeta, WhatsAppTemplateVariables } from './WhatsAppTemplate';
-export type WebpushTemplateType = {
-    name: string;
-    label: string;
-    templateId?: string;
-    channel: CHANNEL_TYPE;
-    templateCategory: string;
-    category: string;
-    mapping?: {
-        title?: string[];
-        body?: string[];
-        buttons?: string[];
-        icon?: string[];
-        image?: string[];
-    };
-    templateVariables?: WebpushTemplateVariables;
-    webpushBroadcastConfig?: {
-        [k in WEB_PUSH_COMPONENT_TYPE]?: string[];
-    };
-    components: WebPushTemplateComponent;
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-};
-export type WebpushMetaType = {
-    containerStyle?: React.CSSProperties | undefined;
-    extraContainerCss?: React.CSSProperties | undefined;
-};
-export declare enum WEB_PUSH_COMPONENT_TYPE {
-    TITLE = "title",
-    BODY = "body",
-    ICON = "icon",
-    IMAGE = "image",
-    BUTTONS = "buttons"
-}
-export type WebpushComponentKeyType = {
-    type: WEB_PUSH_COMPONENT_TYPE;
-};
-export type WebPushComponentType = {
-    text: string;
-    redirectionLink?: string;
-    websiteLink?: string;
-};
-export type WebPushTemplateComponent = {
-    [WEB_PUSH_COMPONENT_TYPE.TITLE]: string;
-    [WEB_PUSH_COMPONENT_TYPE.BODY]: WebPushComponentType;
-    [WEB_PUSH_COMPONENT_TYPE.ICON]: string;
-    [WEB_PUSH_COMPONENT_TYPE.IMAGE]: string;
-    [WEB_PUSH_COMPONENT_TYPE.BUTTONS]: WebPushComponentType[];
-};
-export interface WebpushTemplateVariables extends WhatsAppTemplateVariables {
-    title: CUSTOM_VARIABLE[];
-    body: CUSTOM_VARIABLE[];
-    buttons: TEMPLATE_BUTTON[];
-    image?: CUSTOM_VARIABLE[];
-    icon: CUSTOM_VARIABLE[];
-}
-export interface VariableList {
-    description: string;
-    displayName: string;
-    orderId: number;
-    variables: Variable;
-}
-export type TemplateVariable = {
-    editable: boolean;
-    variableName: string;
-    variableVal: string;
-    editableDefaultValues?: string | null;
-    idx: number;
-};

package/dist/esm/components/template-preview/models/WebpushTemplate.js

@@ -1 +0,0 @@
-var t;!function(t){t.TITLE="title",t.BODY="body",t.ICON="icon",t.IMAGE="image",t.BUTTONS="buttons"}(t||(t={}));export{t as WEB_PUSH_COMPONENT_TYPE};

package/dist/esm/components/template-preview/models/types.d.ts

@@ -1,9 +0,0 @@
-import { EmailTemplateType } from './EmailTemplate';
-import { SMSTemplateType } from './SmsTemplate';
-import { CUSTOM_VARIABLE } from './TemplateMeta';
-import { WebpushTemplateType, WebpushTemplateVariables } from './WebpushTemplate';
-import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from './WhatsappCarouselTemplate';
-import { WhatsAppTemplate, WhatsAppTemplateVariables } from './WhatsAppTemplate';
-export type AllTemplateTypes = WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | WebpushTemplateType | null;
-export type NonNullTemplateTypes = NonNullable<AllTemplateTypes>;
-export type AllTemplateVariables = CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;

package/dist/esm/components/template-preview/webpush/WebpushPreview.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { WebpushTemplateType } from '../models/WebpushTemplate';
-interface WebpushPreviewProps {
-    template: WebpushTemplateType;
-    extraContainerCss?: React.CSSProperties;
-}
-declare const WebpushPreview: (props: WebpushPreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default WebpushPreview;

package/dist/esm/components/template-preview/webpush/WebpushPreview.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{TemplateHelperUtils as n}from"../utils/TemplateHelperUtils.js";import{WebpushPreviewContainer as s}from"./WebpushPreview.styled.js";const a=a=>{var l,o,c,r,d,m;const{components:g,webpushBroadcastConfig:b}=a.template,h=(new n).parseJsonString(g),u="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",v=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,n)=>{const s=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,e}return`{{${s}}}`})):""},p=v(h[i.TITLE],null==b?void 0:b.title),O=v(null!==(c=null!==(o=null===(l=h[i.BODY])||void 0===l?void 0:l.text)&&void 0!==o?o:h[i.BODY])&&void 0!==c?c:"",null==b?void 0:b.body);return e(s,Object.assign({style:Object.assign({},a.extraContainerCss)},{children:[e("div",Object.assign({className:"icon--header"},{children:[t("div",Object.assign({className:"icon-img-container"},{children:t("img",{src:(null===(r=null==b?void 0:b[i.ICON])||void 0===r?void 0:r.length)?b[i.ICON][0]:h[i.ICON]||u,alt:"icon-image"})})),e("div",Object.assign({className:"text--container"},{children:[t("div",{children:p}),t("div",Object.assign({style:{marginTop:3}},{children:O}))]}))]})),h[i.IMAGE]&&h[i.IMAGE].length&&t("div",Object.assign({className:"banner-img-container"},{children:t("img",{src:(null===(d=null==b?void 0:b[i.IMAGE])||void 0===d?void 0:d.length)?b[i.IMAGE][0]:null!==(m=h[i.IMAGE])&&void 0!==m?m:u,alt:"icon-image"})})),h[i.BUTTONS]&&h[i.BUTTONS].length&&t("div",Object.assign({className:"button-container "+(1===h[i.BUTTONS].length?"single-button":"")},{children:h[i.BUTTONS].map(((e,n)=>t("div",Object.assign({className:"each--btn",style:{flex:1===h[i.BUTTONS].length?"0 0 50%":"1"}},{children:t("div",Object.assign({className:"text-btn"},{children:e.text}))}),`webpush-buttons-${n}`)))}))]}))};export{a as default};

package/dist/esm/components/template-preview/webpush/WebpushPreview.styled.d.ts

@@ -1 +0,0 @@
-export declare const WebpushPreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/template-preview/webpush/WebpushPreview.styled.js

@@ -1,70 +0,0 @@
-import t from"styled-components";import{COLORS as e}from"../../../constants/Theme.js";const i=t.div`
-	max-width: 345px;
-	min-width: 242px;
-	background-color: ${e.content.primary};
-	.icon--header {
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-start;
-		align-items: flex-start;
-		gap: 10px;
-		padding: 10px;
-	}
-	.icon-img-container {
-		border-radius: 4px;
-		width: 48px;
-		height: 48px;
-	}
-	.banner-img-container {
-		padding: 8px 10px 8px 10px;
-		height: 180px;
-	}
-	.text--container {
-		max-width: 180px;
-		color: #f0f0f0;
-		font-family: Inter;
-		font-size: 10.44px;
-		font-weight: 400;
-		line-height: 15.66px;
-		text-align: left;
-	}
-	img {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		border-radius: 3px;
-	}
-	.button-container {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		padding: 10px;
-		gap: 10px;
-	}
-	.each--btn {
-		background-color: #444345;
-		color: #f0f0f0;
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		height: 26px;
-		flex: 1;
-		max-width: 100%;
-	}
-	.text-btn {
-		font-family: Inter;
-		font-size: 10.5px;
-		font-weight: 500;
-		line-height: 13.13px;
-		text-align: center;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		max-width: 100px;
-	}
-	.single-button {
-		justify-content: flex-end;
-	}
-`;export{i as WebpushPreviewContainer};

package/dist/esm/utils/variableUtils.d.ts

@@ -1 +0,0 @@
-export declare function extractVariables(text: string | string[]): string[];

package/dist/esm/utils/variableUtils.js

@@ -1 +0,0 @@
-function r(r){if(!r||!r.length)return[];const t=/\{\{(.*?)\}\}/g,e=[],n=r=>{let n;for(;null!==(n=t.exec(r));)e.push(n[1].trim())};return Array.isArray(r)?r.forEach(n):n(r),e}export{r as extractVariables};