@bikdotai/bik-component-library 0.0.575-beta-05 → 0.0.575

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

@@ -1,57 +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;
-            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;

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

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

package/dist/cjs/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/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),a=require("react"),i=require("../../template-preview/models/TemplateMeta.js"),n=require("../context/templateModalContext.js"),l=require("../helpers/WebpushTemplateHelper.js"),o=require("../utils/getDataFromTemplateComponent.js"),s=require("./EditMediaModal.js"),d=require("./EditMediaV2.js"),r=require("./EditMediaV2.style.js"),p=require("./useEditWhtasappTemplateMedia.js"),u=require("./VariableConnectorsPanel.js"),c=require("./VariableConnectorWhatsApp.js"),m=require("./VariableEditorHeader.js"),h=require("./WhatsAppTemplateCardButtonV2.js"),b=require("../../input/Input.js");exports.default=g=>{let{template:f,onTemplateChange:M,whatsappSpecificPickerMeta:j,showVariableModal:E}=g;var x,C,T;const[v,V]=a.useState(null),[y,L]=a.useState(null),{variableList:I,disableEditVariable:w,originalVariableList:O,setOriginalVariableList:q}=n.useTemplateModalContext(),{processWebpushTemplate:R,isValidUrl:A}=l.default(),[k,D]=a.useState(null),[S,B]=a.useState(null),[W,F]=a.useState(null);a.useEffect((()=>{I&&R(f,I,O,w).then((e=>{let{templateVariableMapping:t,template:a,webpushBroadcastConfig:i}=e;V(t),null==q||q(t),null==M||M(Object.assign({},a)),L(i)}))}),[I,w]);const{descriptionComponents:H,bodyVariables:P,titleVariables:U}=a.useMemo((()=>{if(v&&y){const e=o.getAllDataFromWebpushTemplateComponent(y,v);return k||D(e.iconImage),S||B(e.bannerImage),W||F(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[v,y]),{uploadMediaLink:_,uploadMediaFiles:G,validateMimeType:Y}=j,N=a.useRef(null),$=p.useEditWhatsappTemplateMedia({uploadMediaLink:_,uploadMediaFiles:G,updateTemplateImageUrl:e=>z(e,"icon"),validateMimeType:Y,mediaComponent:k,fileRef:N}),K=p.useEditWhatsappTemplateMedia({uploadMediaLink:_,uploadMediaFiles:G,updateTemplateImageUrl:e=>z(e,"image"),validateMimeType:Y,mediaComponent:S,fileRef:N});function z(e,a){const i=Object.assign({},f),n=t.cloneDeep(i);"icon"===a?(n.webpushBroadcastConfig.icon=[e],D([e])):"image"===a&&(n.webpushBroadcastConfig.image=[e],B([e])),null==M||M(Object.assign({},n))}function J(e,a,i){var n;const l=Object.assign({},f),o=t.cloneDeep(l),s="custom"===a&&"string"==typeof e,d=null===(n=null==o?void 0:o.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(d&&d.length>0){d[i]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},o.webpushBroadcastConfig),{buttons:d});o.webpushBroadcastConfig=t}null==M||M(o)}const Q=$.openEditMedia?$:K.openEditMedia?K:null;if(Q)return e.jsx(u.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(s.default,{mediaComponentFormat:i.HEADER_TYPES.IMAGE,uploadMedia:Q.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:Q,setOpenEditMedia:Q.setOpenEditMedia,openEditMedia:Q.openEditMedia,editIconRef:Q.editIconRef,fileRef:N,skipAddVariable:!0})}));return e.jsxs(u.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[k&&k.length?e.jsx(r.EditTemplateMediaContainer,{children:e.jsx(d.default,{imageName:k,handleImageChange:$.handleImageChange,mediaType:i.HEADER_TYPES.IMAGE,error:$.error,isLoading:$.loading,setOpenEditMedia:$.setOpenEditMedia})}):null,S&&S.length?e.jsx(r.EditTemplateMediaContainer,{children:e.jsx(d.default,{imageName:S,handleImageChange:K.handleImageChange,mediaType:i.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,(null==P?void 0:P.length)||(null==U?void 0:U.length)?e.jsx(m.default,{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==H?void 0:H.map(((t,a)=>e.jsx(c.default,{originalVariableList:v,type:t.type,descriptionComponent:t.component,showVariableModal:E},a))),W&&W.length?e.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsx(b.Input,{labelText:"Redirection Link",id:"redirection-link",value:W[0].replace("https://",""),errorMessage:A(W[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:w?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var a;const i=`https://${e}`;F([i]);const n=t.cloneDeep(f);(null===(a=n.webpushBroadcastConfig)||void 0===a?void 0:a.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[i]),null==M||M(Object.assign({},n))}(e)}})})):e.jsx(e.Fragment,{}),(null===(C=null===(x=null==v?void 0:v.buttons)||void 0===x?void 0:x.filter((e=>"URL"===e.type)))||void 0===C?void 0:C.length)>0&&e.jsx(m.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(T=null==v?void 0:v.buttons)||void 0===T?void 0:T.map(((t,a)=>e.jsx(h.default,{variableListIndex:a,CTAoptions:null==j?void 0:j.CTAoptions,button:t,currentVariableList:v,updateSelectedURLTemplateBtn:J},`${a}`)))]}))};

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

@@ -1,78 +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",
-    redirectionLink = "redirectionLink"
-}
-export type WebpushComponentKeyType = {
-    type: WEB_PUSH_COMPONENT_TYPE;
-};
-export type WebPushComponentType = {
-    text: string;
-    redirectionLink?: string;
-    websiteLink?: string;
-    variables?: {
-        name: string;
-        value: 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[];
-    [WEB_PUSH_COMPONENT_TYPE.redirectionLink]?: string;
-};
-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/cjs/components/template-preview/models/WebpushTemplate.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEB_PUSH_COMPONENT_TYPE=void 0,(e=exports.WEB_PUSH_COMPONENT_TYPE||(exports.WEB_PUSH_COMPONENT_TYPE={})).TITLE="title",e.BODY="body",e.ICON="icon",e.IMAGE="image",e.BUTTONS="buttons",e.redirectionLink="redirectionLink";

package/dist/cjs/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/cjs/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/cjs/components/template-preview/webpush/WebpushPreview.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../models/WebpushTemplate.js"),t=require("../utils/TemplateHelperUtils.js"),i=require("./WebpushPreview.styled.js");exports.default=n=>{var l,a,r,E,O,c;const{components:P,webpushBroadcastConfig:_}=n.template,o=(new t.TemplateHelperUtils).parseJsonString(P),T="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",N=(e,s)=>{let t=0;return e?e.replace(/{{(.*?)}}/g,((e,i)=>{const n=i.trim();if(s&&s.length&&t<s.length){const e=s[t];return t++,`${e} `}return`{{${n}}}`})):""},d=N(o[s.WEB_PUSH_COMPONENT_TYPE.TITLE],null==_?void 0:_.title),g=N(null!==(r=null!==(a=null===(l=o[s.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===l?void 0:l.text)&&void 0!==a?a:o[s.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==r?r:"",null==_?void 0:_.body);return e.jsxs(i.WebpushPreviewContainer,Object.assign({style:Object.assign({},n.extraContainerCss)},{children:[e.jsxs("div",Object.assign({className:"icon--header"},{children:[e.jsx("div",Object.assign({className:"icon-img-container"},{children:e.jsx("img",{src:(null===(E=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===E?void 0:E.length)?_[s.WEB_PUSH_COMPONENT_TYPE.ICON][0]:o[s.WEB_PUSH_COMPONENT_TYPE.ICON]||T,alt:"icon-image"})})),e.jsxs("div",Object.assign({className:"text--container"},{children:[e.jsx("div",{children:d}),e.jsx("div",Object.assign({style:{marginTop:3}},{children:g}))]}))]})),o[s.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&o[s.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",Object.assign({className:"banner-img-container"},{children:e.jsx("img",{src:(null===(O=null==_?void 0:_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===O?void 0:O.length)?_[s.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(c=o[s.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==c?c:T,alt:"icon-image"})})),o[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&o[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",Object.assign({className:"button-container "+(1===o[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":"")},{children:o[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((t,i)=>e.jsx("div",Object.assign({className:"each--btn",style:{flex:1===o[s.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"}},{children:e.jsx("div",Object.assign({className:"text-btn"},{children:t.text}))}),`webpush-buttons-${i}`)))}))]}))};

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

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

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

@@ -1,70 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(e).default.div`
-	max-width: 345px;
-	min-width: 242px;
-	background-color: ${t.COLORS.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;
-	}
-`;exports.WebpushPreviewContainer=n;

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

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

package/dist/cjs/utils/variableUtils.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.extractVariables=function(e){if(!e||!e.length)return[];const r=/\{\{(.*?)\}\}/g,t=[],s=e=>{let s;for(;null!==(s=r.exec(e));)t.push(s[1].trim())};return Array.isArray(e)?e.forEach(s):s(e),t};