@bikdotai/bik-component-library 0.0.639--beta1.0 → 0.0.639--beta1.2

package/dist/cjs/assets/icons/send_template.svg.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),t||(t=r.createElement("path",{fill:"#731DCF",fillRule:"evenodd",d:"M18.94 1.097a.83.83 0 0 0-.899-.209L1.39 6.717a.833.833 0 0 0-.063 1.548l7.208 3.203 3.203 7.207a.833.833 0 0 0 1.548-.063l5.827-16.65a.833.833 0 0 0-.174-.864Zm-3.778 2.565L3.926 7.595l5.056 2.247 6.18-6.18Zm-5.001 7.359 6.18-6.18-3.933 11.236-2.247-5.057Z",clipRule:"evenodd"})));exports.default=l;

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert_triangle.svg.js"),n=require("../../../assets/icons/click.svg.js"),s=require("react"),a=require("../../modals/styledModal.js"),l=require("../../tag/Tag.js"),i=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),o=require("../styles/TemplateAnalyticsStyles.js"),d=require("../utils/TemplateConstants.js"),u=require("./TemplateAnalyticsSkeleton.js");const j=t=>{const{analyticsData:s,skipTitle:a}=t;return e.jsxs(o.RightPanelContainer,{children:[a?e.jsx(e.Fragment,{}):e.jsx(r.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e.jsx("div",Object.assign({className:"mt-3"},{children:d.ANALYTICS_ENGAGEMENT_MAP.map(((t,n)=>e.jsx(m,{icon:t.icon,title:t.title,value:s[t.valName]||0,percentValue:t.percentValName?s[t.percentValName]:null},n)))})),(null==s?void 0:s.clickAnalytics)&&e.jsxs(e.Fragment,{children:[e.jsx(r.TitleSmall,Object.assign({color:c.COLORS.content.secondary},{children:"Clicked"})),e.jsx("div",Object.assign({className:"mt-3"},{children:Object.entries(s.clickAnalytics).map(((t,s)=>{let[a,l]=t;return e.jsx(m,{icon:n.default,title:a,value:l.totalClicks||0,percentValue:l.clickPercentage},s)}))}))]})]})},m=t=>{const{icon:n,title:s,value:a,percentValue:i}=t;return e.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx("div",Object.assign({className:"each--icon--container"},{children:e.jsx(n,{width:"16px",height:"16px",color:c.COLORS.background.brand})})),e.jsx(r.Caption,{children:s})]})),e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i?e.jsx(l.Tag,{tagText:i||0,theme:"light",type:"neutral"}):e.jsx(e.Fragment,{}),e.jsx(o.CustomTitleMedium,{children:a})]}))]}))};exports.AnalyticsItem=m,exports.RightPanelTemplateAnalytics=j,exports.TemplateAnalyticsComponent=n=>{const{templateAnalytics:l,onClose:m,onProceed:p,onCancel:y,headingTitle:h,headingSubtitle:x,templateId:g}=n,{templateQuality:T=i.TEMPLATE_QUALITY.GREEN,fetchAnalytics:b}=l||{},{icon:C,title:A,subline:O}=d.TEMPLATE_QUALITY_MAP[T||i.TEMPLATE_QUALITY.GREEN],[v,S]=s.useState({}),[E,N]=s.useState(!0);s.useEffect((()=>{null==b||b(g||"").then((e=>{e.analytics&&S(e.analytics),N(!1)}))}),[]);const k=s.useMemo((()=>T===i.TEMPLATE_QUALITY.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:p,disabled:E},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==m||m(),null==y||y()},disabled:E}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==m||m(),null==y||y()},disabled:E},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:p,disabled:E}}),[T,E]);return e.jsx(a.StyledModal,Object.assign({open:!0,headingTitle:h,tintedHeader:!0,modalHeaderStyles:{backgroundColor:c.COLORS.surface.subdued},onBackPress:()=>{null==m||m()},headingSubtitle:x,footerShadow:!0,primaryButton:k.primaryButton,secondaryButton:k.secondaryButton,onClose:()=>{null==m||m()},width:"700px"},{children:e.jsxs(o.TemplateContainer,{children:[e.jsx(o.LeftPanelContainer,{children:e.jsxs("div",Object.assign({className:"inside--container"},{children:[C&&e.jsx("div",Object.assign({className:"icon--container"},{children:e.jsx(t.default,{width:40,height:40,color:c.COLORS.content.warning})})),A&&e.jsxs(r.TitleRegular,{children:[A," template"]}),e.jsx(r.Caption,Object.assign({style:{textAlign:"center"},color:c.COLORS.content.secondary},{children:O}))]}))}),E?e.jsx(u.TemplateAnalyticsSkeleton,{}):e.jsx(j,{analyticsData:v})]})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert_triangle.svg.js"),n=require("../../../assets/icons/click.svg.js"),s=require("react"),a=require("../../modals/styledModal.js"),l=require("../../tag/Tag.js"),i=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),o=require("../styles/TemplateAnalyticsStyles.js"),d=require("../utils/TemplateConstants.js"),u=require("./TemplateAnalyticsSkeleton.js");const j=t=>{const{analyticsData:s,skipTitle:a}=t;return e.jsxs(o.RightPanelContainer,{children:[a?e.jsx(e.Fragment,{}):e.jsx(r.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e.jsx("div",Object.assign({className:"mt-3"},{children:d.ANALYTICS_ENGAGEMENT_MAP.map(((t,n)=>e.jsx(y,{icon:t.icon,title:t.title,value:s[t.valName]||0,percentValue:t.percentValName?s[t.percentValName]:null},n)))})),(null==s?void 0:s.clickAnalytics)&&e.jsxs(e.Fragment,{children:[e.jsx(r.TitleSmall,Object.assign({color:c.COLORS.content.secondary},{children:"Clicked"})),e.jsx("div",Object.assign({className:"mt-3"},{children:Object.entries(s.clickAnalytics).map(((t,s)=>{let[a,l]=t;return e.jsx(y,{icon:n.default,title:a,value:l.totalClicks||0,percentValue:l.clickPercentage},s)}))}))]})]})},y=t=>{const{icon:n,title:s,value:a,percentValue:i}=t;return e.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx("div",Object.assign({className:"each--icon--container"},{children:e.jsx(n,{width:"16px",height:"16px",color:c.COLORS.background.brand})})),e.jsx(r.Caption,{children:s})]})),e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i?e.jsx(l.Tag,{tagText:i||0,theme:"light",type:"neutral"}):e.jsx(e.Fragment,{}),e.jsx(o.CustomTitleMedium,{children:a})]}))]}))};exports.AnalyticsItem=y,exports.RightPanelTemplateAnalytics=j,exports.TemplateAnalyticsComponent=n=>{const{templateAnalytics:l,onClose:y,onProceed:m,onCancel:p,headingTitle:g,headingSubtitle:h,templateId:x}=n,{templateQuality:T=i.TEMPLATE_QUALITY.GREEN,fetchAnalytics:b}=l||{},{icon:A,title:C,subline:O}=d.TEMPLATE_QUALITY_MAP[T||i.TEMPLATE_QUALITY.GREEN],[v,S]=s.useState({}),[E,N]=s.useState(!0);s.useEffect((()=>{null==b||b(x||"").then((e=>{e.analytics&&S(e.analytics),N(!1)}))}),[]);const k=s.useMemo((()=>T===i.TEMPLATE_QUALITY.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:m,disabled:E},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==y||y(),null==p||p()},disabled:E}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==y||y(),null==p||p()},disabled:E},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:m,disabled:E}}),[T,E]);return e.jsx(a.StyledModal,Object.assign({open:!0,headingTitle:g,tintedHeader:!0,modalHeaderStyles:{backgroundColor:c.COLORS.surface.subdued},onBackPress:()=>{null==y||y()},headingSubtitle:h,footerShadow:!0,primaryButton:k.primaryButton,secondaryButton:k.secondaryButton,onClose:()=>{null==y||y()},width:"700px"},{children:e.jsxs(o.TemplateContainer,{children:[e.jsx(o.LeftPanelContainer,{children:e.jsxs("div",Object.assign({className:"inside--container"},{children:[A&&e.jsx("div",Object.assign({className:"icon--container"},{children:e.jsx(t.default,{width:40,height:40,color:c.COLORS.content.warning})})),C&&e.jsx(r.TitleRegular,Object.assign({style:{textAlign:"center"}},{children:C})),e.jsx(r.Caption,Object.assign({style:{textAlign:"center"},color:c.COLORS.content.secondary},{children:O}))]}))}),E?e.jsx(u.TemplateAnalyticsSkeleton,{}):e.jsx(j,{analyticsData:v})]})}))};

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../styles/TemplateAnalyticsStyles.js");const t=()=>e.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]})),e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]}))]}));exports.TemplateAnalyticsSkeleton=r=>{const{skipTitleShimmer:x}=r;return e.jsxs(i.RightPanelContainer,{children:[e.jsx("div",{children:x?e.jsx(e.Fragment,{}):e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsxs("div",Object.assign({className:"mt-3"},{children:[...Array(3).map((s=>e.jsx(t,{},s)))]})),e.jsxs(e.Fragment,{children:[e.jsx("div",{children:e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",Object.assign({className:"mt-3"},{children:e.jsx(t,{})}))]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../styles/TemplateAnalyticsStyles.js");const t=()=>e.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]})),e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]}))]}));exports.TemplateAnalyticsSkeleton=r=>{const{skipTitleShimmer:x}=r;return e.jsxs(i.RightPanelContainer,{children:[e.jsx("div",{children:x?e.jsx(e.Fragment,{}):e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsxs("div",Object.assign({className:"mt-3"},{children:[...Array(3).fill(0).map((s=>e.jsx(t,{},s)))]})),e.jsxs(e.Fragment,{children:[e.jsx("div",{children:e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",Object.assign({className:"mt-3"},{children:e.jsx(t,{})}))]})]})};

package/dist/cjs/components/template-context-mapper/utils/TemplateConstants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../assets/icons/tick.svg.js"),t=require("../../../assets/icons/send.svg.js"),a=require("../../../assets/icons/tick_double.svg.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 r=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var i=require("../../../assets/icons/alert_triangle.svg.js");const s={[r.TEMPLATE_QUALITY.YELLOW]:{icon:i.default,title:"Medium quality template",subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[r.TEMPLATE_QUALITY.RED]:{icon:i.default,title:"Low quality template",subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[r.TEMPLATE_QUALITY.GREEN]:{icon:"",title:"",subline:"Here is your template's delivery and engagement stats from the last 30 days. Higher engagement today can lead to better delivery rates in the future."}},l=[{title:"Sent",icon:t.default,valName:"totalSent"},{title:"Delivered",icon:e.default,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:a.default,valName:"totalReads",percentValName:"readPercentage"}];exports.ANALYTICS_ENGAGEMENT_MAP=l,exports.TEMPLATE_QUALITY_MAP=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../assets/icons/alert_triangle.svg.js"),t=require("../../../assets/icons/send_template.svg.js"),a=require("../../../assets/icons/tick.svg.js"),r=require("../../../assets/icons/tick_double.svg.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 i=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");const s={[i.TEMPLATE_QUALITY.YELLOW]:{icon:e.default,title:"Medium quality template",subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[i.TEMPLATE_QUALITY.RED]:{icon:e.default,title:"Low quality template",subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[i.TEMPLATE_QUALITY.GREEN]:{icon:"",title:"",subline:"Here is your template's delivery and engagement stats from the last 30 days. Higher engagement today can lead to better delivery rates in the future."}},l=[{title:"Sent",icon:t.default,valName:"totalSent"},{title:"Delivered",icon:a.default,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:r.default,valName:"totalReads",percentValName:"readPercentage"}];exports.ANALYTICS_ENGAGEMENT_MAP=l,exports.TEMPLATE_QUALITY_MAP=s;

package/dist/esm/assets/icons/send_template.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},a.apply(this,arguments)}var r=r=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},r),t||(t=e.createElement("path",{fill:"#731DCF",fillRule:"evenodd",d:"M18.94 1.097a.83.83 0 0 0-.899-.209L1.39 6.717a.833.833 0 0 0-.063 1.548l7.208 3.203 3.203 7.207a.833.833 0 0 0 1.548-.063l5.827-16.65a.833.833 0 0 0-.174-.864Zm-3.778 2.565L3.926 7.595l5.056 2.247 6.18-6.18Zm-5.001 7.359 6.18-6.18-3.933 11.236-2.247-5.057Z",clipRule:"evenodd"})));export{r as default};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import a from"../../../assets/icons/alert_triangle.svg.js";import l from"../../../assets/icons/click.svg.js";import{useState as i,useEffect as c,useMemo as s}from"react";import{StyledModal as r}from"../../modals/styledModal.js";import{Tag as o}from"../../tag/Tag.js";import{TEMPLATE_QUALITY as d}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleRegular as m,Caption as p,TitleSmall as u}from"../../TypographyStyle.js";import{COLORS as y}from"../../../constants/Theme.js";import{TemplateContainer as h,LeftPanelContainer as g,RightPanelContainer as b,CustomTitleMedium as j}from"../styles/TemplateAnalyticsStyles.js";import{TEMPLATE_QUALITY_MAP as T,ANALYTICS_ENGAGEMENT_MAP as f}from"../utils/TemplateConstants.js";import{TemplateAnalyticsSkeleton as v}from"./TemplateAnalyticsSkeleton.js";const k=n=>{const{templateAnalytics:l,onClose:o,onProceed:u,onCancel:b,headingTitle:j,headingSubtitle:f,templateId:k}=n,{templateQuality:x=d.GREEN,fetchAnalytics:C}=l||{},{icon:O,title:B,subline:w}=T[x||d.GREEN],[A,S]=i({}),[E,P]=i(!0);c((()=>{null==C||C(k||"").then((e=>{e.analytics&&S(e.analytics),P(!1)}))}),[]);const V=s((()=>x===d.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:u,disabled:E},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==o||o(),null==b||b()},disabled:E}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==o||o(),null==b||b()},disabled:E},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:u,disabled:E}}),[x,E]);return e(r,Object.assign({open:!0,headingTitle:j,tintedHeader:!0,modalHeaderStyles:{backgroundColor:y.surface.subdued},onBackPress:()=>{null==o||o()},headingSubtitle:f,footerShadow:!0,primaryButton:V.primaryButton,secondaryButton:V.secondaryButton,onClose:()=>{null==o||o()},width:"700px"},{children:t(h,{children:[e(g,{children:t("div",Object.assign({className:"inside--container"},{children:[O&&e("div",Object.assign({className:"icon--container"},{children:e(a,{width:40,height:40,color:y.content.warning})})),B&&t(m,{children:[B," template"]}),e(p,Object.assign({style:{textAlign:"center"},color:y.content.secondary},{children:w}))]}))}),E?e(v,{}):e(N,{analyticsData:A})]})}))},N=a=>{const{analyticsData:i,skipTitle:c}=a;return t(b,{children:[c?e(n,{}):e(u,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e("div",Object.assign({className:"mt-3"},{children:f.map(((t,n)=>e(x,{icon:t.icon,title:t.title,value:i[t.valName]||0,percentValue:t.percentValName?i[t.percentValName]:null},n)))})),(null==i?void 0:i.clickAnalytics)&&t(n,{children:[e(u,Object.assign({color:y.content.secondary},{children:"Clicked"})),e("div",Object.assign({className:"mt-3"},{children:Object.entries(i.clickAnalytics).map(((t,n)=>{let[a,i]=t;return e(x,{icon:l,title:a,value:i.totalClicks||0,percentValue:i.clickPercentage},n)}))}))]})]})},x=a=>{const{icon:l,title:i,value:c,percentValue:s}=a;return t("div",Object.assign({className:"each--analytics--container"},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(l,{width:"16px",height:"16px",color:y.background.brand})})),e(p,{children:i})]})),t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s?e(o,{tagText:s||0,theme:"light",type:"neutral"}):e(n,{}),e(j,{children:c})]}))]}))};export{x as AnalyticsItem,N as RightPanelTemplateAnalytics,k as TemplateAnalyticsComponent};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import a from"../../../assets/icons/alert_triangle.svg.js";import l from"../../../assets/icons/click.svg.js";import{useState as i,useEffect as c,useMemo as s}from"react";import{StyledModal as r}from"../../modals/styledModal.js";import{Tag as o}from"../../tag/Tag.js";import{TEMPLATE_QUALITY as d}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleRegular as m,Caption as p,TitleSmall as u}from"../../TypographyStyle.js";import{COLORS as y}from"../../../constants/Theme.js";import{TemplateContainer as h,LeftPanelContainer as g,RightPanelContainer as b,CustomTitleMedium as j}from"../styles/TemplateAnalyticsStyles.js";import{TEMPLATE_QUALITY_MAP as T,ANALYTICS_ENGAGEMENT_MAP as f}from"../utils/TemplateConstants.js";import{TemplateAnalyticsSkeleton as v}from"./TemplateAnalyticsSkeleton.js";const k=n=>{const{templateAnalytics:l,onClose:o,onProceed:u,onCancel:b,headingTitle:j,headingSubtitle:f,templateId:k}=n,{templateQuality:N=d.GREEN,fetchAnalytics:C}=l||{},{icon:O,title:A,subline:B}=T[N||d.GREEN],[w,S]=i({}),[E,P]=i(!0);c((()=>{null==C||C(k||"").then((e=>{e.analytics&&S(e.analytics),P(!1)}))}),[]);const V=s((()=>N===d.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:u,disabled:E},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==o||o(),null==b||b()},disabled:E}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==o||o(),null==b||b()},disabled:E},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:u,disabled:E}}),[N,E]);return e(r,Object.assign({open:!0,headingTitle:j,tintedHeader:!0,modalHeaderStyles:{backgroundColor:y.surface.subdued},onBackPress:()=>{null==o||o()},headingSubtitle:f,footerShadow:!0,primaryButton:V.primaryButton,secondaryButton:V.secondaryButton,onClose:()=>{null==o||o()},width:"700px"},{children:t(h,{children:[e(g,{children:t("div",Object.assign({className:"inside--container"},{children:[O&&e("div",Object.assign({className:"icon--container"},{children:e(a,{width:40,height:40,color:y.content.warning})})),A&&e(m,Object.assign({style:{textAlign:"center"}},{children:A})),e(p,Object.assign({style:{textAlign:"center"},color:y.content.secondary},{children:B}))]}))}),E?e(v,{}):e(x,{analyticsData:w})]})}))},x=a=>{const{analyticsData:i,skipTitle:c}=a;return t(b,{children:[c?e(n,{}):e(u,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e("div",Object.assign({className:"mt-3"},{children:f.map(((t,n)=>e(N,{icon:t.icon,title:t.title,value:i[t.valName]||0,percentValue:t.percentValName?i[t.percentValName]:null},n)))})),(null==i?void 0:i.clickAnalytics)&&t(n,{children:[e(u,Object.assign({color:y.content.secondary},{children:"Clicked"})),e("div",Object.assign({className:"mt-3"},{children:Object.entries(i.clickAnalytics).map(((t,n)=>{let[a,i]=t;return e(N,{icon:l,title:a,value:i.totalClicks||0,percentValue:i.clickPercentage},n)}))}))]})]})},N=a=>{const{icon:l,title:i,value:c,percentValue:s}=a;return t("div",Object.assign({className:"each--analytics--container"},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(l,{width:"16px",height:"16px",color:y.background.brand})})),e(p,{children:i})]})),t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s?e(o,{tagText:s||0,theme:"light",type:"neutral"}):e(n,{}),e(j,{children:c})]}))]}))};export{N as AnalyticsItem,x as RightPanelTemplateAnalytics,k as TemplateAnalyticsComponent};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as s}from"react/jsx-runtime";import{BikShimmer as t}from"../../shimmer/ShimmerComponent/BikShimmer.js";import{RightPanelContainer as h}from"../styles/TemplateAnalyticsStyles.js";const r=r=>{const{skipTitleShimmer:c}=r;return e(h,{children:[i("div",{children:c?i(s,{}):i(t,{boxes:[{width:"76px",height:"18px"}]})}),e("div",Object.assign({className:"mt-3"},{children:[...Array(3).map((e=>i(a,{},e)))]})),e(s,{children:[i("div",{children:i(t,{boxes:[{width:"76px",height:"18px"}]})}),i("div",Object.assign({className:"mt-3"},{children:i(a,{})}))]})]})},a=()=>e("div",Object.assign({className:"each--analytics--container"},{children:[e("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i(t,{boxes:[{width:"24px",height:"24px"}]}),i(t,{boxes:[{width:"69px",height:"11px"}]})]})),e("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i(t,{boxes:[{width:"43px",height:"18px"}]}),i(t,{boxes:[{width:"69px",height:"28px"}]})]}))]}));export{r as TemplateAnalyticsSkeleton};
+import{jsxs as e,jsx as i,Fragment as s}from"react/jsx-runtime";import{BikShimmer as t}from"../../shimmer/ShimmerComponent/BikShimmer.js";import{RightPanelContainer as h}from"../styles/TemplateAnalyticsStyles.js";const r=r=>{const{skipTitleShimmer:c}=r;return e(h,{children:[i("div",{children:c?i(s,{}):i(t,{boxes:[{width:"76px",height:"18px"}]})}),e("div",Object.assign({className:"mt-3"},{children:[...Array(3).fill(0).map((e=>i(a,{},e)))]})),e(s,{children:[i("div",{children:i(t,{boxes:[{width:"76px",height:"18px"}]})}),i("div",Object.assign({className:"mt-3"},{children:i(a,{})}))]})]})},a=()=>e("div",Object.assign({className:"each--analytics--container"},{children:[e("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i(t,{boxes:[{width:"24px",height:"24px"}]}),i(t,{boxes:[{width:"69px",height:"11px"}]})]})),e("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[i(t,{boxes:[{width:"43px",height:"18px"}]}),i(t,{boxes:[{width:"69px",height:"28px"}]})]}))]}));export{r as TemplateAnalyticsSkeleton};

package/dist/esm/components/template-context-mapper/utils/TemplateConstants.js

@@ -1 +1 @@
-import e from"../../../assets/icons/tick.svg.js";import t from"../../../assets/icons/send.svg.js";import a from"../../../assets/icons/tick_double.svg.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{TEMPLATE_QUALITY as i}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";import r from"../../../assets/icons/alert_triangle.svg.js";const o={[i.YELLOW]:{icon:r,title:"Medium quality template",subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[i.RED]:{icon:r,title:"Low quality template",subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[i.GREEN]:{icon:"",title:"",subline:"Here is your template's delivery and engagement stats from the last 30 days. Higher engagement today can lead to better delivery rates in the future."}},s=[{title:"Sent",icon:t,valName:"totalSent"},{title:"Delivered",icon:e,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:a,valName:"totalReads",percentValName:"readPercentage"}];export{s as ANALYTICS_ENGAGEMENT_MAP,o as TEMPLATE_QUALITY_MAP};
+import e from"../../../assets/icons/alert_triangle.svg.js";import t from"../../../assets/icons/send_template.svg.js";import a from"../../../assets/icons/tick.svg.js";import i from"../../../assets/icons/tick_double.svg.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{TEMPLATE_QUALITY as r}from"../../template-preview/models/WhatsAppTemplate.js";import"../../template-preview/models/Channels.js";const o={[r.YELLOW]:{icon:e,title:"Medium quality template",subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[r.RED]:{icon:e,title:"Low quality template",subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[r.GREEN]:{icon:"",title:"",subline:"Here is your template's delivery and engagement stats from the last 30 days. Higher engagement today can lead to better delivery rates in the future."}},s=[{title:"Sent",icon:t,valName:"totalSent"},{title:"Delivered",icon:a,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:i,valName:"totalReads",percentValName:"readPercentage"}];export{s as ANALYTICS_ENGAGEMENT_MAP,o as TEMPLATE_QUALITY_MAP};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.639--beta1.0",
+	"version": "0.0.639--beta1.2",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/assets/icons/send.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a,l=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var c=e=>l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},e),t||(t=l.createElement("circle",{cx:20,cy:20,r:20,fill:"currentColor"})),r||(r=l.createElement("path",{fill:"#731DCF",d:"M11.191 11.984a.8.8 0 0 0 .566-1.358l-2.4-2.401a.8.8 0 0 0-1.132 1.131l2.4 2.401c.152.148.355.23.566.227ZM8.848 15.993h1.543a.8.8 0 1 0 0-1.6H8.848a.8.8 0 1 0 0 1.6ZM15.193 11.193a.8.8 0 0 0 .8-.8V8.848a.8.8 0 0 0-1.6 0v1.543a.8.8 0 0 0 .8.8ZM8.79 22.39a.796.796 0 0 0 .566-.228l2.401-2.401a.8.8 0 0 0-1.131-1.132l-2.401 2.4a.804.804 0 0 0 .565 1.361ZM19.194 11.987a.796.796 0 0 0 .566-.23l2.401-2.4a.8.8 0 0 0-1.132-1.132l-2.4 2.4a.804.804 0 0 0 .565 1.362Z"})),a||(a=l.createElement("path",{stroke:"#731DCF",strokeWidth:1.714,d:"m14.71 14.702-.01.009a.847.847 0 0 0-.194.912l.002.006 5.696 14.952v.002a.876.876 0 0 0 .847.56h.005a.846.846 0 0 0 .79-.611l.002-.007 1.85-6.168a.981.981 0 0 1 .661-.658l6.165-1.85a.868.868 0 0 0 .06-1.643L15.63 14.509l-.006-.002a.85.85 0 0 0-.914.195Z"})));exports.default=c;

package/dist/esm/assets/icons/send.svg.js

@@ -1 +0,0 @@
-import*as a from"react";var e,t,r;function l(){return l=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},l.apply(this,arguments)}var n=n=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 40 40"},n),e||(e=a.createElement("circle",{cx:20,cy:20,r:20,fill:"currentColor"})),t||(t=a.createElement("path",{fill:"#731DCF",d:"M11.191 11.984a.8.8 0 0 0 .566-1.358l-2.4-2.401a.8.8 0 0 0-1.132 1.131l2.4 2.401c.152.148.355.23.566.227ZM8.848 15.993h1.543a.8.8 0 1 0 0-1.6H8.848a.8.8 0 1 0 0 1.6ZM15.193 11.193a.8.8 0 0 0 .8-.8V8.848a.8.8 0 0 0-1.6 0v1.543a.8.8 0 0 0 .8.8ZM8.79 22.39a.796.796 0 0 0 .566-.228l2.401-2.401a.8.8 0 0 0-1.131-1.132l-2.401 2.4a.804.804 0 0 0 .565 1.361ZM19.194 11.987a.796.796 0 0 0 .566-.23l2.401-2.4a.8.8 0 0 0-1.132-1.132l-2.4 2.4a.804.804 0 0 0 .565 1.362Z"})),r||(r=a.createElement("path",{stroke:"#731DCF",strokeWidth:1.714,d:"m14.71 14.702-.01.009a.847.847 0 0 0-.194.912l.002.006 5.696 14.952v.002a.876.876 0 0 0 .847.56h.005a.846.846 0 0 0 .79-.611l.002-.007 1.85-6.168a.981.981 0 0 1 .661-.658l6.165-1.85a.868.868 0 0 0 .06-1.643L15.63 14.509l-.006-.002a.85.85 0 0 0-.914.195Z"})));export{n as default};