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

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as p,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as m,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as h,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as T,BUTTON_EMOJI_ERROR as y,VALID_PHONE_NUMBER as x,QUICK_REPLY_NAME_LEN_LIMIT as f,CREATE_TEMPLATE_DOM_IDS as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as g,ACTIONS_TYPES as k}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:g.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(B.name),G=!0),e.headerType===g.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>v)Q.header=p,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=u,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===g.DOCUMENT||e.headerType===g.IMAGE||(e.headerType,g.VIDEO);if(e.headerType!==g.DOCUMENT&&e.headerType!==g.IMAGE&&e.headerType!==g.VIDEO||e.headerAssetLink||(Q.header=m,H="invalid"),Q.header&&!G&&(J(B.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>c&&(Q.body=h,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(B.body),G=!0),e.footerText&&e.footerText.length>v&&(Q.footer=p,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(B.footer),G=!0),e.actionsType===k.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.phoneNumber.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=x,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.websiteLink.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=y,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===k.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>f)t[n]=T,H="invalid";else if(W.test(o))t[n]=y,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===o))&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"})),Q.quickReply=t}if(e.actionsType===k.CTA_BTN||e.actionsType===k.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce(((e,t)=>e||!!t),!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(B.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find((e=>"BODY"===e.type));return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach(((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})})),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:k.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?k.QUICK_REPLY:k.CTA_BTN;if(s.actionsType=t,t===k.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];s.quickReply=e}else t===k.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(e,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(e,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(e),f=this.parseLimitedTimeOfferComponent(e,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(e),g={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(e),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:k}=this.validateState(g);return g.error=k,g}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,CREATE_TEMPLATE_DOM_IDS as v,HEADER_TEXT_LEN_LIMIT as p,HEADER_LEN_ERROR as u,ONE_VAR_ALLOWED as m,HEADER_ASSET_LINK_ERROR as c,BODY_TEXT_LEN_LIMIT as h,BODY_LEN_ERROR as b,QUICK_REPLY_BTN_TEXT_LIMIT as T,QUICK_REPLY_LEN_ERROR as y,BUTTON_EMOJI_ERROR as x,VALID_PHONE_NUMBER as f,QUICK_REPLY_NAME_LEN_LIMIT as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as g,ACTIONS_TYPES as k}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:g.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(v.name),G=!0),e.headerType===g.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>p)Q.header=u,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=m,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===g.DOCUMENT||e.headerType===g.IMAGE||(e.headerType,g.VIDEO);if(e.headerType!==g.DOCUMENT&&e.headerType!==g.IMAGE&&e.headerType!==g.VIDEO||e.headerAssetLink||(Q.header=c,H="invalid"),Q.header&&!G&&(J(v.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>h&&(Q.body=b,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(v.body),G=!0),e.footerText&&e.footerText.length>p&&(Q.footer=u,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(v.footer),G=!0),e.actionsType===k.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>T?(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=x,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=f,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>T?(Q.ctaBtn.websiteLink.btnText=y,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=x,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===k.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>B)t[n]=y,H="invalid";else if(W.test(o))t[n]=x,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===o))&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"})),Q.quickReply=t}if(e.actionsType===k.CTA_BTN||e.actionsType===k.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce(((e,t)=>e||!!t),!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(v.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find((e=>"BODY"===e.type));return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach(((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})})),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:k.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?k.QUICK_REPLY:k.CTA_BTN;if(s.actionsType=t,t===k.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];s.quickReply=e}else t===k.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){var i;return e(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(e,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(e,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(e,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(e),f=this.parseLimitedTimeOfferComponent(e,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(e),g={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${e.label} Copy`:e.label,category:null===(i=e.category)||void 0===i?void 0:i.toUpperCase(),subCategory:e.templateCategory,language:e.language,templateId:e.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(e),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:k}=this.validateState(g);return g.error=k,g}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js

@@ -1 +1 @@
-import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var t;if(!e)return"";const p=new RegExp(r,"g"),n=e.match(p),o=null!==(t=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],c=e.split(r).map(((e,r)=>{var l;const t=null==n?void 0:n[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+t}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};
+import"../../../helpers/index.js";import{variablePattern as e}from"../constants/regexPatterns.js";import{BaseWhatsappContentLangHelper as r}from"../../../helpers/BaseWhatsappContentLang.helper.js";const l=new r;class a{format(r,a){var n;if(!r)return"";const p=new RegExp(e,"g"),t=r.match(p),o=null!==(n=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==n?n:[],c=r.split(e).map(((e,r)=>{var l;const n=null==t?void 0:t[r];if(n){const r=n.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+n}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};

package/dist/esm/components/template-preview/index.js

@@ -0,0 +1 @@
+import*as e from"./constants/regexPatterns.js";export{e as regexPatterns};export{TemplatePreview}from"./TemplatePreview.js";export{WhatsappLikePreview}from"./WhatsApp/WhatsAppLikePreview.js";export{WhatsappLikePreviewV2}from"./WhatsApp/WhatsAppLikePreviewV2.js";export{renderVariableUIForPreview}from"./helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./helpers/WhatsAppFormatToHTML.js";export{VariableEditorHelper}from"./helpers/VariableEditorHelper.js";import"./models/EmailTemplate.js";export{ACTIONS_TYPES,CUSTOM_URL_NAME,HEADER_TYPES,STATIC_URL_CTA_OPTION,TEMPLATE_EDITOR,TEMPLATE_STATUS,UNSUBSCRIBE_URL_OPTION}from"./models/TemplateMeta.js";export{BUTTON_TYPE,POD,TEMPLATE_QUALITY}from"./models/WhatsAppTemplate.js";import"./models/types.js";export{CHANNEL_TYPE}from"./models/Channels.js";

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+

package/dist/esm/components/testimonial-card/TestimonialCard.js

@@ -1 +1 @@
-import{j as r}from"../../node_modules/react/jsx-runtime.js";import{Avatar as e}from"../avatar/Avatar.js";import{AVATAR_TYPES as s,SIZE as t,AVATAR_BACKGROUND as o}from"../avatar/AvatarHelper.js";import{StarRating as n}from"../star-rating/StarRating.js";import{BodyLarge as a,BodyPrimary as i,TitleMedium as l,TitleRegular as c,TitleLarge as j}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";import h from"../../assets/icons/card_footer_arraw.svg.js";import{TestimonialCardStyle as m,TestimonialProfileInfo2 as x,Logo as v,TestimonialProfileCard as g,TestimonialProfileInfo as p,TestimonialProfileFooter as u,FooterText as f,FooterStat as w,FooterArrow as b}from"./TestimonialCard.style.js";const y=y=>{var O,S;const T=null!==(O=y.version)&&void 0!==O?O:"v1";return r.jsxs(r.Fragment,{children:[r.jsxs(m,Object.assign({width:y.width,height:y.height,version:T},{children:[r.jsx(n,{starSize:24,maxValue:null!==(S=y.ratingMaxValue)&&void 0!==S?S:5,value:y.ratingValue,onChange:r=>console.log(r),mode:"VIEW",version:T}),r.jsx(a,Object.assign({color:d.content.secondary},{children:y.testimonial})),(()=>{var n;return"v2"==T?r.jsxs(x,{children:[r.jsx(v,{src:y.avatarUrl}),r.jsx(i,Object.assign({color:d.content.secondary},{children:y.reviewerName}))]}):r.jsxs(g,{children:[r.jsx(e,{type:s.IMAGE,size:null!==(n=y.avatarSize)&&void 0!==n?n:t.MEDIUM,background:o.LIGHT,photoUrl:y.avatarUrl}),r.jsxs(p,{children:[r.jsx(l,Object.assign({color:d.content.secondary},{children:y.reviewerName})),r.jsx(i,Object.assign({color:d.content.secondary},{children:y.reviewerCaption}))]})]})})()]})),"v2"===T?r.jsxs(u,Object.assign({width:y.width},{children:[r.jsx(f,{children:r.jsx(c,Object.assign({color:d.text.white},{children:null==y?void 0:y.footerText}))}),r.jsx(w,{children:r.jsx(j,Object.assign({color:d.text.white},{children:null==y?void 0:y.footerStat}))}),r.jsx(b,{children:r.jsx(h,{})})]})):null]})};export{y as TestimonialCard};
+import{j as r}from"../../node_modules/react/jsx-runtime.js";import"../avatar/index.js";import"../star-rating/index.js";import{BodyPrimary as e,TitleMedium as t,TitleRegular as s,TitleLarge as o,BodyLarge as a}from"../TypographyStyle.js";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/card_footer_arraw.svg.js";import{TestimonialProfileInfo2 as l,Logo as c,TestimonialProfileCard as j,TestimonialProfileInfo as d,TestimonialProfileFooter as h,FooterText as m,FooterStat as x,FooterArrow as v,TestimonialCardStyle as g}from"./TestimonialCard.style.js";import{Avatar as p}from"../avatar/Avatar.js";import{AVATAR_TYPES as u,SIZE as f,AVATAR_BACKGROUND as w}from"../avatar/AvatarHelper.js";import{StarRating as b}from"../star-rating/StarRating.js";const y=y=>{var O,S;const T=null!==(O=y.version)&&void 0!==O?O:"v1";return r.jsxs(r.Fragment,{children:[r.jsxs(g,Object.assign({width:y.width,height:y.height,version:T},{children:[r.jsx(b,{starSize:24,maxValue:null!==(S=y.ratingMaxValue)&&void 0!==S?S:5,value:y.ratingValue,onChange:r=>console.log(r),mode:"VIEW",version:T}),r.jsx(a,Object.assign({color:i.content.secondary},{children:y.testimonial})),(()=>{var s;return"v2"==T?r.jsxs(l,{children:[r.jsx(c,{src:y.avatarUrl}),r.jsx(e,Object.assign({color:i.content.secondary},{children:y.reviewerName}))]}):r.jsxs(j,{children:[r.jsx(p,{type:u.IMAGE,size:null!==(s=y.avatarSize)&&void 0!==s?s:f.MEDIUM,background:w.LIGHT,photoUrl:y.avatarUrl}),r.jsxs(d,{children:[r.jsx(t,Object.assign({color:i.content.secondary},{children:y.reviewerName})),r.jsx(e,Object.assign({color:i.content.secondary},{children:y.reviewerCaption}))]})]})})()]})),"v2"===T?r.jsxs(h,Object.assign({width:y.width},{children:[r.jsx(m,{children:r.jsx(s,Object.assign({color:i.text.white},{children:null==y?void 0:y.footerText}))}),r.jsx(x,{children:r.jsx(o,Object.assign({color:i.text.white},{children:null==y?void 0:y.footerStat}))}),r.jsx(v,{children:r.jsx(n,{})})]})):null]})};export{y as TestimonialCard};

package/dist/esm/components/testimonial-card/index.js

@@ -0,0 +1 @@
+export{TestimonialCard}from"./TestimonialCard.js";

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -1,6 +1,6 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as i}from"../icon-button/IconButton.js";import{Tag as r}from"../tag/Tag.js";import{BodyPrimary as n,BodyCaption as c}from"../TypographyStyle.js";import l from"../../assets/icons/chevronRight.svg.js";const a=t.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import"../checkBox/index.js";import"../icon-button/index.js";import"../tag/index.js";import{BodyPrimary as i,BodyCaption as s}from"../TypographyStyle.js";import r from"../../assets/icons/chevronRight.svg.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{Tag as c}from"../tag/Tag.js";import{IconButton as l}from"../icon-button/IconButton.js";const a=t.div`
   height: 64px;
-  background-color: ${e=>{let{isSelected:t,isActive:s}=e;return t?o.background.positive.light:s?o.surface.hovered:o.surface.standard}};
+  background-color: ${e=>{let{isSelected:t,isActive:i}=e;return t?o.background.positive.light:i?o.surface.hovered:o.surface.standard}};
   border-bottom: 1px solid ${o.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -10,4 +10,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled
   &:hover {
     background-color: ${e=>{let{isSelected:t}=e;return t?o.background.positive.light:o.surface.hovered}};
   }
-`,d=t=>{let{id:d,name:m,itemsCount:h,selectedCount:p,isChecked:g,isPartiallyChecked:u,onCheck:x,onClick:f}=t;return e.jsxs(a,Object.assign({isActive:g||u,isSelected:g,onClick:f},{children:[e.jsx(s,{isChecked:g||u,isPartiallyChecked:u&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),x(e,o)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(n,{children:m}),e.jsxs(c,Object.assign({style:{color:o.text.secondary,fontSize:13}},{children:[h," document",1!==h?"s":""]}))]})),!!p&&e.jsx(r,{tagText:`${p} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(i,{Icon:l,height:16,width:16,style:{marginLeft:8}})]}))};export{d as TextPickerCategoryCard};
+`,d=t=>{let{id:d,name:m,itemsCount:p,selectedCount:h,isChecked:g,isPartiallyChecked:x,onCheck:u,onClick:j}=t;return e.jsxs(a,Object.assign({isActive:g||x,isSelected:g,onClick:j},{children:[e.jsx(n,{isChecked:g||x,isPartiallyChecked:x&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),u(e,o)},style:{marginRight:16}}),e.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsx(i,{children:m}),e.jsxs(s,Object.assign({style:{color:o.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!h&&e.jsx(c,{tagText:`${h} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(l,{Icon:r,height:16,width:16,style:{marginLeft:8}})]}))};export{d as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as s}from"../tag/Tag.js";import{BodySecondary as o}from"../TypographyStyle.js";const i=t.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import"../tag/index.js";import{BodySecondary as s}from"../TypographyStyle.js";import{Tag as o}from"../tag/Tag.js";const i=t.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
@@ -8,6 +8,6 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"styled
 `,r=t.div`
 	display: flex;
 	align-items: center;
-`,c=t(o)`
+`,c=t(s)`
 	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
-`,a=t=>{let{totalSelected:n,maxDocuments:o}=t;const a=o!==1/0&&n>=o;return e.jsx(i,{children:e.jsx(r,{children:a?e.jsx(s,{tagText:`You can only select ${o} documents`,type:"negative"}):e.jsx(c,Object.assign({$isInactive:0===n},{children:o!==1/0?`${n}/${o} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};
+`,a=t=>{let{totalSelected:n,maxDocuments:s}=t;const a=s!==1/0&&n>=s;return e.jsx(i,{children:e.jsx(r,{children:a?e.jsx(o,{tagText:`You can only select ${s} documents`,type:"negative"}):e.jsx(c,Object.assign({$isInactive:0===n},{children:s!==1/0?`${n}/${s} documents selected`:`${n} documents selected`}))})})};export{a as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as i}from"../TypographyStyle.js";const n=r.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import"../checkBox/index.js";import{BodyPrimary as o}from"../TypographyStyle.js";import{CheckBox as i}from"../checkBox/CheckBox.js";const n=r.div`
 	min-height: 48px;
 	background: ${e=>{let{selected:r}=e;return r?t.surface.hovered:t.surface.standard}};
 	border-bottom: 1px solid ${t.stroke.primary};
@@ -14,4 +14,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled
 	align-items: center;
 `,c=r.div`
 	flex: 1;
-`,l=r=>{let{item:t,selected:l,onCheck:d,onClick:a}=r;return e.jsxs(n,Object.assign({selected:l,onClick:a},{children:[e.jsx(s,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsx(o,{isChecked:l,onValueChange:d})})),e.jsx(c,{children:e.jsx(i,{children:t.name})})]}))};export{l as TextPickerItemRow};
+`,d=r=>{let{item:t,selected:d,onCheck:l,onClick:m}=r;return e.jsxs(n,Object.assign({selected:d,onClick:m},{children:[e.jsx(s,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsx(i,{isChecked:d,onValueChange:l})})),e.jsx(c,{children:e.jsx(o,{children:t.name})})]}))};export{d as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{IconButton as r}from"../icon-button/IconButton.js";import{Input as s}from"../input/Input.js";import{StyledModal as l}from"../modals/styledModal.js";import{BodyCaption as d}from"../TypographyStyle.js";import{TextPickerCategoryCard as a}from"./TextPickerCategoryCard.js";import{TextPickerFooter as c}from"./TextPickerFooter.js";import{TextPickerItemRow as m}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as h}from"./TextPickerSelectAllRow.js";const u=n.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import"../icon-button/index.js";import"../input/index.js";import"../modals/index.js";import{BodyCaption as r}from"../TypographyStyle.js";import{TextPickerCategoryCard as s}from"./TextPickerCategoryCard.js";import{TextPickerFooter as l}from"./TextPickerFooter.js";import{TextPickerItemRow as d}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as a}from"./TextPickerSelectAllRow.js";import{StyledModal as c}from"../modals/styledModal.js";import{Input as m}from"../input/Input.js";import{IconButton as h}from"../icon-button/IconButton.js";const u=n.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -23,4 +23,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"../../
 	color: ${o.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,f=n=>{var f,v;const{visible:y,categories:b,selectedItems:C,onAdd:k,onClose:T,title:w="Select Text",subtitle:O,width:B="640px",zIndex:S}=n,I=null!==(f=n.maxDocuments)&&void 0!==f?f:1/0,[L,P]=i("categories"),[$,A]=i(""),[F,D]=i(C),[R,z]=i(null),N=b.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))),_=R?R.items.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[],E=Object.values(F).reduce(((e,t)=>e+t.length),0),M=O||"",q=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},H=()=>{var e;return!!R&&_.length>0&&(null===(e=F[R.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{R&&D((i=>{const n=i[R.id]||[];return t&&E>=I?i:Object.assign(Object.assign({},i),{[R.id]:t?[...n,e]:n.filter((t=>t!==e))})}))};return e.jsx(l,Object.assign({open:y,onClose:T,headingTitle:w,headingSubtitle:M,centralContainerStyles:{width:B,zIndex:S},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(v=n.primaryButton.disabled)&&void 0!==v&&v||0===E||I!==1/0&&E>=I,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===E||I!==1/0&&E>=I,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(c,{totalSelected:E,maxDocuments:I}),footerContainerStyle:{borderTop:`1px solid ${o.stroke.primary}`,background:o.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(u,{children:"categories"===L?e.jsxs(e.Fragment,{children:[e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===N.length?e.jsx(j,{children:"No categories found. Try a different search."}):N.map((t=>{var i;return e.jsx(a,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isChecked:q(t),isPartiallyChecked:G(t)&&!q(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),D((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{z(e),P("items"),A("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(x,{children:[e.jsx(r,{Icon:t,height:16,width:16,onClick:()=>{P("categories"),z(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(d,Object.assign({style:{color:o.content.secondary}},{children:null==R?void 0:R.name}))]}),e.jsx(g,{children:e.jsx(s,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(j,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!R&&!!(null===(e=F[R.id])||void 0===e?void 0:e.length)&&F[R.id].length<_.length})()&&!H(),onCheck:e=>{R&&D((t=>e?Object.assign(Object.assign({},t),{[R.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[R.id]:[]})))}}),_.map((t=>{var i;return e.jsx(m,{item:t,selected:(null===(i=F[R.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=F[R.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{f as TextPickerModal};
+`,f=n=>{var f,v;const{visible:y,categories:b,selectedItems:C,onAdd:k,onClose:T,title:w="Select Text",subtitle:O,width:B="640px",zIndex:S}=n,I=null!==(f=n.maxDocuments)&&void 0!==f?f:1/0,[L,P]=i("categories"),[$,A]=i(""),[F,D]=i(C),[R,z]=i(null),N=b.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))),_=R?R.items.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[],E=Object.values(F).reduce(((e,t)=>e+t.length),0),M=O||"",q=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},H=()=>{var e;return!!R&&_.length>0&&(null===(e=F[R.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{R&&D((i=>{const n=i[R.id]||[];return t&&E>=I?i:Object.assign(Object.assign({},i),{[R.id]:t?[...n,e]:n.filter((t=>t!==e))})}))};return e.jsx(c,Object.assign({open:y,onClose:T,headingTitle:w,headingSubtitle:M,centralContainerStyles:{width:B,zIndex:S},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(v=n.primaryButton.disabled)&&void 0!==v&&v||0===E||I!==1/0&&E>=I,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===E||I!==1/0&&E>=I,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(l,{totalSelected:E,maxDocuments:I}),footerContainerStyle:{borderTop:`1px solid ${o.stroke.primary}`,background:o.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(u,{children:"categories"===L?e.jsxs(e.Fragment,{children:[e.jsx(g,{children:e.jsx(m,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===N.length?e.jsx(j,{children:"No categories found. Try a different search."}):N.map((t=>{var i;return e.jsx(s,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isChecked:q(t),isPartiallyChecked:G(t)&&!q(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),D((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{z(e),P("items"),A("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(x,{children:[e.jsx(h,{Icon:t,height:16,width:16,onClick:()=>{P("categories"),z(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(r,Object.assign({style:{color:o.content.secondary}},{children:null==R?void 0:R.name}))]}),e.jsx(g,{children:e.jsx(m,{placeholder:"Search ...",value:$,onChangeText:A,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(j,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(a,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!R&&!!(null===(e=F[R.id])||void 0===e?void 0:e.length)&&F[R.id].length<_.length})()&&!H(),onCheck:e=>{R&&D((t=>e?Object.assign(Object.assign({},t),{[R.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[R.id]:[]})))}}),_.map((t=>{var i;return e.jsx(d,{item:t,selected:(null===(i=F[R.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=F[R.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{f as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -1,4 +1,4 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as t}from"../checkBox/CheckBox.js";import{BodyPrimary as s}from"../TypographyStyle.js";const o=r.div`
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import"../checkBox/index.js";import{BodyPrimary as t}from"../TypographyStyle.js";import{CheckBox as s}from"../checkBox/CheckBox.js";const o=r.div`
   background: ${e=>{let{isActive:r}=e;return r?i.surface.hovered:i.surface.subdued}};
   border-bottom: 1px solid ${i.stroke.primary};
   padding: 12px 24px;
@@ -14,4 +14,4 @@ import{j as e}from"../../node_modules/react/jsx-runtime.js";import r from"styled
   margin-right: 16px;
 `,n=r.div`
   flex: 1;
-`,l=r=>{let{isChecked:i,isPartiallyChecked:l,onCheck:d}=r;return e.jsxs(o,Object.assign({isActive:i||l},{children:[e.jsx(c,{children:e.jsx(t,{isChecked:i||l,isPartiallyChecked:l&&!i,onValueChange:d})}),e.jsx(n,{children:e.jsx(s,{children:"Select All"})})]}))};export{l as TextPickerSelectAllRow};
+`,d=r=>{let{isChecked:i,isPartiallyChecked:d,onCheck:l}=r;return e.jsxs(o,Object.assign({isActive:i||d},{children:[e.jsx(c,{children:e.jsx(s,{isChecked:i||d,isPartiallyChecked:d&&!i,onValueChange:l})}),e.jsx(n,{children:e.jsx(t,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};

package/dist/esm/components/text-picker/index.js

@@ -0,0 +1 @@
+export{TextPickerModal}from"./TextPickerModal.js";

package/dist/esm/components/thumbnail/index.js

@@ -0,0 +1 @@
+export{RATIO,Thumbnail}from"./Thumbnail.js";

package/dist/esm/components/toaster/Toaster.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/alert_triangle.svg.js";import e from"../../assets/icons/check.svg.js";import n from"../../assets/icons/cross.svg.js";import s from"../../assets/icons/errorInfo.svg.js";import i from"../../assets/icons/info.svg.js";import l,{useRef as r,useState as d,useEffect as c,useContext as u}from"react";import a from"react-dom";import{cssTransition as x,toast as p,ToastContainer as h}from"react-toastify";import{Button as g}from"../button/Button.js";import{ToasterStyled as y}from"./Toaster.styled.js";import{TitleSmall as v,BodySecondary as j,BodyCaption as f}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const T=o=>{const e=(o.type,b.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n,{height:20,width:20,color:e})}))},B=o=>{var e,n;const s=b.content.placeholder,{toasterText:i}=u(w);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(v,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(j,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(f,Object.assign({color:b.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(g,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(g,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},m=n=>{const l=r(n.toastId||"default-toast"),[u,g]=d(n.text),v=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),j="default"===n.type?null:"success"===n.type?t.jsx(e,{width:20,height:20,color:b.content.positive}):"error"===n.type?t.jsx(s,{width:20,height:20,color:b.content.negative}):"warning"===n.type?t.jsx(o,{width:20,height:20,color:b.content.warning}):t.jsx(i,{width:20,height:20,color:b.content.brand});c((()=>{l.current&&l.current===n.toastId?(g(n.text),p.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&f(n.text)}),[n.toastId,n.text]);const f=o=>{var e,s,i,r,d,c,u,a,x,h,g,y,f,b,m,w;void 0!==n.hideLeftIcon||n.leftIcon?p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j}))),type:n.type,closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(u=n.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=n.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:n.toastId||"default-toast",transition:v}):l.current=p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(x=n.buttonProps)||void 0===x?void 0:x.buttonText,secondButtonText:null===(h=n.secondButtonProps)||void 0===h?void 0:h.buttonText,showButton:null===(g=n.buttonProps)||void 0===g?void 0:g.showButton,showSecondButton:null===(y=n.secondButtonProps)||void 0===y?void 0:y.showButton,onButtonClick:null===(f=n.buttonProps)||void 0===f?void 0:f.onButtonClick,onSecondButtonClick:null===(b=n.secondButtonProps)||void 0===b?void 0:b.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j})),closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(m=n.buttonProps)||void 0===m?void 0:m.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:v})};return c((()=>{f()}),[]),a.createPortal(t.jsx(y,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(w.Provider,Object.assign({value:{toasterText:u}},{children:t.jsx(h,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)},w=l.createContext({toasterText:""});export{m as Toaster};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import o from"../../assets/icons/alert_triangle.svg.js";import e from"../../assets/icons/check.svg.js";import n from"../../assets/icons/cross.svg.js";import s from"../../assets/icons/errorInfo.svg.js";import i from"../../assets/icons/info.svg.js";import l,{useContext as r,useRef as d,useState as c,useEffect as u}from"react";import a from"react-dom";import{cssTransition as x,toast as p,ToastContainer as h}from"react-toastify";import"../button/index.js";import{ToasterStyled as g}from"./Toaster.styled.js";import{TitleSmall as y,BodySecondary as v,BodyCaption as j}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";import{Button as f}from"../button/Button.js";const T=o=>{const e=(o.type,b.content.secondary);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsx(n,{height:20,width:20,color:e})}))},B=o=>{var e,n;const s=b.content.placeholder,{toasterText:i}=r(w);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(y,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(v,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(j,Object.assign({color:b.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(f,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(f,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},m=n=>{const l=d(n.toastId||"default-toast"),[r,y]=c(n.text),v=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),j="default"===n.type?null:"success"===n.type?t.jsx(e,{width:20,height:20,color:b.content.positive}):"error"===n.type?t.jsx(s,{width:20,height:20,color:b.content.negative}):"warning"===n.type?t.jsx(o,{width:20,height:20,color:b.content.warning}):t.jsx(i,{width:20,height:20,color:b.content.brand});u((()=>{l.current&&l.current===n.toastId?(y(n.text),p.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&f(n.text)}),[n.toastId,n.text]);const f=o=>{var e,s,i,r,d,c,u,a,x,h,g,y,b,f,m,w;void 0!==n.hideLeftIcon||n.leftIcon?p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j}))),type:n.type,closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(u=n.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=n.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:n.toastId||"default-toast",transition:v}):l.current=p(t.jsx(B,{toastText:o,type:n.type||"info",buttonText:null===(x=n.buttonProps)||void 0===x?void 0:x.buttonText,secondButtonText:null===(h=n.secondButtonProps)||void 0===h?void 0:h.buttonText,showButton:null===(g=n.buttonProps)||void 0===g?void 0:g.showButton,showSecondButton:null===(y=n.secondButtonProps)||void 0===y?void 0:y.showButton,onButtonClick:null===(b=n.buttonProps)||void 0===b?void 0:b.onButtonClick,onSecondButtonClick:null===(f=n.secondButtonProps)||void 0===f?void 0:f.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j})),closeButton:t.jsx(T,{type:n.type||"default",alignTop:!(!n.subText||(null===(m=n.buttonProps)||void 0===m?void 0:m.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:v})};return u((()=>{f()}),[]),a.createPortal(t.jsx(g,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(w.Provider,Object.assign({value:{toasterText:r}},{children:t.jsx(h,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)},w=l.createContext({toasterText:""});export{m as Toaster};

package/dist/esm/components/toaster/index.js

@@ -0,0 +1 @@
+export{Toaster}from"./Toaster.js";

package/dist/esm/components/tooltips/TooltipInternal.js

@@ -1 +1 @@
-import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as b}from"../../node_modules/react/jsx-runtime.js";import{Button as l}from"../button/Button.js";import{TitleSmall as t,BodyCaption as g}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const o=c=>"light"===c?d.content.primary:d.content.primaryInverse,a=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>o(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),n=c=>{var d;return b.jsxs(a,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&b.jsx(t,Object.assign({color:o(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(g,Object.assign({color:o(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(l,Object.assign({},c.buttonProps))]}))};export{n as default};
+import c from"../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js";import{j as b}from"../../node_modules/react/jsx-runtime.js";import"../button/index.js";import{TitleSmall as t,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as g}from"../button/Button.js";const o=c=>"light"===c?d.content.primary:d.content.primaryInverse,n=c("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>"light"===c.variant?d.surface.subdued:d.content.primary),";color:",(c=>o(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */")),a=c=>{var d;return b.jsxs(n,Object.assign({variant:null!==(d=c.variant)&&void 0!==d?d:"dark"},{children:[c.title&&b.jsx(t,Object.assign({color:o(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(l,Object.assign({color:o(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(g,Object.assign({},c.buttonProps))]}))};export{a as default};

package/dist/esm/components/tooltips/index.js

@@ -0,0 +1 @@
+export{Tooltip}from"./Tooltip.js";

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as s,useEffect as t}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as a}from"../modals/styledModal.js";import{BikShimmer as l}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as c,TitleSmall as r,BodySecondary as o}from"../TypographyStyle.js";import{ModalBody as d}from"./UnsatisfactoryCountIntentWiseModal.style.js";const j=j=>{const{storeId:m,setShowUnsatisfactoryResponseModal:h,showUnsatisfactoryResponseModal:b,ChecklistType:x,UnsatisfactoryResponseIntentList:p,viewIntentWiseUnsatisfactoryResponse:g,IntentHeaderTitle:y,fetchUnsatisfactoryResponseCountIntentWise:O}=j,[f,v]=s(),[u,N]=s(!1);return t((()=>{m&&O&&(N(!0),O().then((e=>{v(e),N(!1)})))}),[m]),e.jsx(a,Object.assign({onClose:()=>h(!1),open:b,headingTitle:"Improve unsatisfactory response"},{children:e.jsxs(d,{children:[e.jsx("div",{children:e.jsx(c,Object.assign({style:{color:n.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),e.jsxs("div",Object.assign({className:"modal-table"},{children:[e.jsxs("div",Object.assign({className:"table-row header"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Intent"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Unsatisfactory response"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(r,Object.assign({style:{color:n.content.primary}},{children:"Action"}))}))]})),u&&[0,1,2,3,4,5,6].map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(l,{boxes:[{width:"196px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"176px",height:"20px"}]})})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(l,{boxes:[{width:"56px",height:"20px"}]})}))]}),s))),!u&&p&&y&&g&&p.map((s=>e.jsxs("div",Object.assign({className:"table-row"},{children:[e.jsx("div",Object.assign({className:"table-cell"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:y[s]}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(o,Object.assign({style:{color:n.content.primary}},{children:(null==f?void 0:f[s])||"--"}))})),e.jsx("div",Object.assign({className:"table-cell center-align"},{children:e.jsx(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>g(s),disabled:!(null==f?void 0:f[s])})}))]}),s)))]}))]})}))};export{j as UnsatisfactoryCountIntentWiseModal};
+import{j as s}from"../../node_modules/react/jsx-runtime.js";import{useState as e,useEffect as t}from"react";import{COLORS as n}from"../../constants/Theme.js";import"../button/index.js";import"../modals/index.js";import"../shimmer/index.js";import{BodyPrimary as i,TitleSmall as a,BodySecondary as l}from"../TypographyStyle.js";import{ModalBody as c}from"./UnsatisfactoryCountIntentWiseModal.style.js";import{StyledModal as r}from"../modals/styledModal.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Button as d}from"../button/Button.js";const j=j=>{const{storeId:m,setShowUnsatisfactoryResponseModal:h,showUnsatisfactoryResponseModal:b,ChecklistType:x,UnsatisfactoryResponseIntentList:p,viewIntentWiseUnsatisfactoryResponse:g,IntentHeaderTitle:y,fetchUnsatisfactoryResponseCountIntentWise:O}=j,[f,v]=e(),[u,N]=e(!1);return t((()=>{m&&O&&(N(!0),O().then((s=>{v(s),N(!1)})))}),[m]),s.jsx(r,Object.assign({onClose:()=>h(!1),open:b,headingTitle:"Improve unsatisfactory response"},{children:s.jsxs(c,{children:[s.jsx("div",{children:s.jsx(i,Object.assign({style:{color:n.content.primary}},{children:"Intent wise distribution of unsatisfactory response"}))}),s.jsxs("div",Object.assign({className:"modal-table"},{children:[s.jsxs("div",Object.assign({className:"table-row header"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Intent"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Unsatisfactory response"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(a,Object.assign({style:{color:n.content.primary}},{children:"Action"}))}))]})),u&&[0,1,2,3,4,5,6].map((e=>s.jsxs("div",Object.assign({className:"table-row"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(o,{boxes:[{width:"196px",height:"20px"}]})})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(o,{boxes:[{width:"176px",height:"20px"}]})})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(o,{boxes:[{width:"56px",height:"20px"}]})}))]}),e))),!u&&p&&y&&g&&p.map((e=>s.jsxs("div",Object.assign({className:"table-row"},{children:[s.jsx("div",Object.assign({className:"table-cell"},{children:s.jsx(l,Object.assign({style:{color:n.content.primary}},{children:y[e]}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(l,Object.assign({style:{color:n.content.primary}},{children:(null==f?void 0:f[e])||"--"}))})),s.jsx("div",Object.assign({className:"table-cell center-align"},{children:s.jsx(d,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>g(e),disabled:!(null==f?void 0:f[e])})}))]}),e)))]}))]})}))};export{j as UnsatisfactoryCountIntentWiseModal};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as s}from"@bikdotai/bik-models/growth/models/bik-store";import t from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Avatar as l}from"../avatar/Avatar.js";import{SIZE as c,AVATAR_TYPES as d,AVATAR_BACKGROUND as p}from"../avatar/AvatarHelper.js";import{Button as m}from"../button/Button.js";import{StateComponent as h,StateInterface as y}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as j,BodySecondary as f,Caption as g}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as u}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as x}from"./UnsatisfactoryResponseList.style.js";const b=b=>{const{storeId:v,appType:I,incorrectMessages:w,onIncorrectMessageBubbleClick:C,setShowIncorrectReplies:T,ChecklistType:U,IntentWiseUnsatisfactoryResponse:M,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:k,fetchUnsatisfactoryResponseCount:N}=b,[S,A]=i(""),[W,L]=i((null==w?void 0:w.length)>0),[D,E]=i(!1);return r((()=>{!W&&N&&N().then((e=>{e>0&&L(!0),0===e&&T(!1)}))}),[]),e.jsx("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:e.jsxs(x,{children:[I==s.MANIFEST&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(j,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>T(!1)},{children:e.jsx(t,{height:16,width:16,color:a.content.primary})}))]})),e.jsx(f,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==w?void 0:w.length)&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e.jsx(h,{states:y.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:c.SMALL,icon:e.jsx(l,{type:d.ICON,size:c.MEDIUM,background:p.LIGHT,icon:()=>e.jsx(n,{width:16,height:16,color:a.content.warning})})})})),!!(null==w?void 0:w.length)&&e.jsxs(e.Fragment,{children:[I==s.MANIFEST&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==w?void 0:w.length)?"flex-start":"center"}},{children:e.jsx(m,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{E(!0)},disabled:!W})})),e.jsx(u,{storeId:v,setShowUnsatisfactoryResponseModal:E,showUnsatisfactoryResponseModal:D,ChecklistType:U,UnsatisfactoryResponseIntentList:M,IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:k,viewIntentWiseUnsatisfactoryResponse:R}),w&&(null==w?void 0:w.length)>0&&e.jsx("div",Object.assign({className:"wrapper"},{children:w.map(((s,t)=>e.jsxs("div",Object.assign({className:"bubble",onClick:()=>{C(s.messageId),A(s.messageId)},style:S===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[e.jsx(f,Object.assign({style:{color:a.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(g,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{b as UnsatisfactoryResponseList};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as s}from"@bikdotai/bik-models/growth/models/bik-store";import t from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/info.svg.js";import{format as o}from"date-fns";import{useState as i,useEffect as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import"../avatar/index.js";import"../button/index.js";import"../states/index.js";import{TitleRegular as l,BodySecondary as c,Caption as d}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as p}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as m}from"./UnsatisfactoryResponseList.style.js";import{StateComponent as j,StateInterface as h}from"../states/StateComponent.js";import{SIZE as y,AVATAR_TYPES as f,AVATAR_BACKGROUND as g}from"../avatar/AvatarHelper.js";import{Avatar as x}from"../avatar/Avatar.js";import{Button as u}from"../button/Button.js";const b=b=>{const{storeId:v,appType:I,incorrectMessages:w,onIncorrectMessageBubbleClick:C,setShowIncorrectReplies:T,ChecklistType:U,IntentWiseUnsatisfactoryResponse:M,IntentHeaderTitle:O,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:k,fetchUnsatisfactoryResponseCount:N}=b,[S,A]=i(""),[W,L]=i((null==w?void 0:w.length)>0),[D,E]=i(!1);return r((()=>{!W&&N&&N().then((e=>{e>0&&L(!0),0===e&&T(!1)}))}),[]),e.jsx("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:e.jsxs(m,{children:[I==s.MANIFEST&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(l,{children:"Unsatisfactory responses"}),e.jsx("div",Object.assign({style:{cursor:"pointer"},onClick:()=>T(!1)},{children:e.jsx(t,{height:16,width:16,color:a.content.primary})}))]})),e.jsx(c,Object.assign({style:{color:a.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==w?void 0:w.length)&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e.jsx(j,{states:h.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:y.SMALL,icon:e.jsx(x,{type:f.ICON,size:y.MEDIUM,background:g.LIGHT,icon:()=>e.jsx(n,{width:16,height:16,color:a.content.warning})})})})),!!(null==w?void 0:w.length)&&e.jsxs(e.Fragment,{children:[I==s.MANIFEST&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==w?void 0:w.length)?"flex-start":"center"}},{children:e.jsx(u,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{E(!0)},disabled:!W})})),e.jsx(p,{storeId:v,setShowUnsatisfactoryResponseModal:E,showUnsatisfactoryResponseModal:D,ChecklistType:U,UnsatisfactoryResponseIntentList:M,IntentHeaderTitle:O,fetchUnsatisfactoryResponseCountIntentWise:k,viewIntentWiseUnsatisfactoryResponse:R}),w&&(null==w?void 0:w.length)>0&&e.jsx("div",Object.assign({className:"wrapper"},{children:w.map(((s,t)=>e.jsxs("div",Object.assign({className:"bubble",onClick:()=>{C(s.messageId),A(s.messageId)},style:S===s.messageId?{backgroundColor:a.surface.hovered}:{}},{children:[e.jsx(c,Object.assign({style:{color:a.content.primary}},{children:s.message})),e.jsx("div",{children:e.jsxs(d,Object.assign({style:{color:a.content.secondary}},{children:[o(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",o(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{b as UnsatisfactoryResponseList};

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_back.svg.js";import i from"../../assets/icons/cross.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import{BikAccordion as c}from"../accordion/Accordion.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as h}from"../input/Input.js";import{ListItem as m}from"../list-item/ListItem.js";import{Switch as p}from"../switch/Switch.js";import{Tooltip as j}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodySecondary as g,BodyCaption as b,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as f}from"./context.js";import{DefaultVariableContent as y}from"./DefaultVariableContent.js";import{highlightSearchText as v}from"./highlightSearchText.js";import{PickerType as O}from"./model.js";import S from"./NoResult.js";import{showOnlyRecommendedVariables as k}from"./recommendVaribles.js";import{searchVariables as w}from"./searchVariables.js";import{HeaderWrapper as V,RecommendWrapper as C,BackHeader as T,Container as I}from"./styles.js";import N,{renderTooltipBody as B}from"./SubHeaderItems.js";const D=/.*\..*/,R=R=>{const{data:E,onSelect:H,showHeader:L,showBackButton:$,hideHeaderCross:_,onBackButtonClick:F,isEvaluationList:P,autoOpenFirst:A,headerText:z,contentHeight:K,onDefaultVariableSelect:M,skipDefaultVariableContent:q}=R,[G,J]=a(E),[Q,U]=a(""),[W,X]=a([]),[Y,Z]=a(""),[ee,se]=a(!1),[te,ie]=a([]),[oe,le]=a(!1),[ae,ne]=a(),re=oe&&R.type===O.EMBEDDED&&!_;n((()=>{ce(!0)}),[]),n((()=>{W.length>0?ie([W[W.length-1]]):ie(E)}),[W]);const ce=s=>e(void 0,void 0,void 0,(function*(){if(se(s),s){const e=k(G,W);J(e)}else if(W.length>0){const e=Y==W[W.length-1].displayName;if(Q.length>0&&e){const e=w(Q,te,W);J(e)}else J([W[W.length-1].variables])}else if(Q.length>0){const e=w(Q,te,W);J(e)}else J(E)})),de=()=>{if(K)return K;let e=131;return W.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},he=e=>{if(!R.disabled)if(P){const s=(e=>{if(e.actualValue.match(D)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],i=s[2];t+=`['${e}'][${i}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);H(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}};return s.jsx(f.Provider,Object.assign({value:{variables:G,searchText:Q,subHeaderStack:W,showRecommended:ee,setSubHeaderStack:X,setSearchText:U,setVariables:J,setShowRecommended:se}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(L||$||oe)&&s.jsxs(V,Object.assign({openDefault:oe},{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[($||oe)&&s.jsx(d,{Icon:()=>s.jsx(t,{width:16,height:16,style:{display:"flex",color:r.content.primary}}),onClick:()=>{oe?le(!1):F&&F()}}),(L||oe)&&s.jsx(u,{children:oe?"Set up":null!=z?z:"Select Variable"})]})),re&&s.jsx(d,{style:{color:"#212121"},Icon:i,onClick:()=>R.onClose&&R.onClose()})]})),oe&&ae&&!q?s.jsx(y,{variable:ae,onInsertVariable:e=>{H(e),null==M||M(e)}}):s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsx(h,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:Q,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||Z("");const s=w(e,te,W);if(ee){const e=k(s,W);J(e)}else J(s);U(e);const t=W.length>0?W[W.length-1].displayName:"home";Z(t)}})})),s.jsxs(C,{children:[s.jsx(g,Object.assign({style:{color:r.content.secondary}},{children:"Only Recommended"})),s.jsx(p,{value:ee,onValueChange:s=>e(void 0,void 0,void 0,(function*(){yield ce(s)}))})]}),W.length>0&&s.jsxs(T,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(d,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t,{width:12,height:12,style:{color:r.content.secondary}}),onClick:e=>{e.stopPropagation();let s=Q;const t=[...W],i=t.pop();if(X(t),i.displayName===Y&&(U(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:E,i=w(s,e,t);if(ee){const e=k(i,t);J(e)}else J(i)}else if(t.length>0)if(ee){const e=k([t[t.length-1].variables],t);J(e)}else J([t[t.length-1].variables]);else if(ee){const e=k(E,W);J(e)}else J(E)}})})),s.jsx(b,Object.assign({style:{color:r.content.secondary}},{children:W[W.length-1].displayName}))]}),s.jsx(s.Fragment,{children:G.length>0?s.jsx(I,Object.assign({height:de()},{children:G.map(((e,t)=>{var i,a;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.stroke.primary}`}},{children:s.jsx(c,Object.assign({arrowColor:r.content.primary,autoOpen:A&&0===t,headerPadding:"12px 16px",header:s.jsx(x,Object.assign({style:{color:r.content.secondary}},{children:v(e.displayName,Q)}))},{children:s.jsx(N,{parentVariable:e,disabled:null!==(i=R.disabled)&&void 0!==i&&i,searchText:Q,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}})}))}),e.displayName+ee):e.displayName?s.jsx(j,Object.assign({body:B(e),placement:"bottom"},{children:s.jsx(m,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?s.jsx(s.Fragment,{}):s.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsx(o,{width:14,height:14})})),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(g,Object.assign({style:{fontSize:"14px",color:r.text.primary}},{children:v(e.displayName,Q)})),!e.isAvailable&&s.jsx(j,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>he(e)},t)}),t):s.jsx(N,{disabled:null!==(a=R.disabled)&&void 0!==a&&a,searchText:Q,variable:e,onSelect:e=>he(e)},t)}))})):s.jsx(S,{height:de(),searchText:Q})})]})]}))}))};export{R as VariablePickerContent};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{j as s}from"../../node_modules/react/jsx-runtime.js";import t from"../../assets/icons/arrow_back.svg.js";import i from"../../assets/icons/cross.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{useState as a,useEffect as n}from"react";import{COLORS as r}from"../../constants/Theme.js";import"../accordion/index.js";import"../icon-button/index.js";import"../input/index.js";import"../list-item/index.js";import"../switch/index.js";import"../tooltips/index.js";import{TitleRegular as c,BodySecondary as d,BodyCaption as m,TitleSmall as h}from"../TypographyStyle.js";import{VariablePickerContext as p}from"./context.js";import{DefaultVariableContent as j}from"./DefaultVariableContent.js";import{highlightSearchText as u}from"./highlightSearchText.js";import{PickerType as g}from"./model.js";import b from"./NoResult.js";import{showOnlyRecommendedVariables as x}from"./recommendVaribles.js";import{searchVariables as f}from"./searchVariables.js";import{HeaderWrapper as y,RecommendWrapper as v,BackHeader as O,Container as S}from"./styles.js";import k,{renderTooltipBody as w}from"./SubHeaderItems.js";import{IconButton as V}from"../icon-button/IconButton.js";import{Input as C}from"../input/Input.js";import{Switch as T}from"../switch/Switch.js";import{BikAccordion as I}from"../accordion/Accordion.js";import{Tooltip as N}from"../tooltips/Tooltip.js";import{ListItem as B}from"../list-item/ListItem.js";const D=/.*\..*/,R=R=>{const{data:E,onSelect:H,showHeader:L,showBackButton:$,hideHeaderCross:_,onBackButtonClick:F,isEvaluationList:P,autoOpenFirst:A,headerText:z,contentHeight:K,onDefaultVariableSelect:M,skipDefaultVariableContent:q}=R,[G,J]=a(E),[Q,U]=a(""),[W,X]=a([]),[Y,Z]=a(""),[ee,se]=a(!1),[te,ie]=a([]),[oe,le]=a(!1),[ae,ne]=a(),re=oe&&R.type===g.EMBEDDED&&!_;n((()=>{ce(!0)}),[]),n((()=>{W.length>0?ie([W[W.length-1]]):ie(E)}),[W]);const ce=s=>e(void 0,void 0,void 0,(function*(){if(se(s),s){const e=x(G,W);J(e)}else if(W.length>0){const e=Y==W[W.length-1].displayName;if(Q.length>0&&e){const e=f(Q,te,W);J(e)}else J([W[W.length-1].variables])}else if(Q.length>0){const e=f(Q,te,W);J(e)}else J(E)})),de=()=>{if(K)return K;let e=131;return W.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!R.disabled)if(P){const s=(e=>{if(e.actualValue.match(D)){const s=e.actualValue.replace("{{","").replace("}}","").split(".");let t=s[0];return s.forEach(((e,s)=>{if(0===s)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const s=e.match(/(\w+)\[(\d+)\]/);if(s){const e=s[1],i=s[2];t+=`['${e}'][${i}]`}}else t+=`['${e}']`})),t}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);H(Object.assign(Object.assign({},e),{actualValue:s}))}else{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}};return s.jsx(p.Provider,Object.assign({value:{variables:G,searchText:Q,subHeaderStack:W,showRecommended:ee,setSubHeaderStack:X,setSearchText:U,setVariables:J,setShowRecommended:se}},{children:s.jsxs("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(L||$||oe)&&s.jsxs(y,Object.assign({openDefault:oe},{children:[s.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[($||oe)&&s.jsx(V,{Icon:()=>s.jsx(t,{width:16,height:16,style:{display:"flex",color:r.content.primary}}),onClick:()=>{oe?le(!1):F&&F()}}),(L||oe)&&s.jsx(c,{children:oe?"Set up":null!=z?z:"Select Variable"})]})),re&&s.jsx(V,{style:{color:"#212121"},Icon:i,onClick:()=>R.onClose&&R.onClose()})]})),oe&&ae&&!q?s.jsx(j,{variable:ae,onInsertVariable:e=>{H(e),null==M||M(e)}}):s.jsxs(s.Fragment,{children:[s.jsx("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:r.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:s.jsx(C,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:Q,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||Z("");const s=f(e,te,W);if(ee){const e=x(s,W);J(e)}else J(s);U(e);const t=W.length>0?W[W.length-1].displayName:"home";Z(t)}})})),s.jsxs(v,{children:[s.jsx(d,Object.assign({style:{color:r.content.secondary}},{children:"Only Recommended"})),s.jsx(T,{value:ee,onValueChange:s=>e(void 0,void 0,void 0,(function*(){yield ce(s)}))})]}),W.length>0&&s.jsxs(O,{children:[s.jsx("div",Object.assign({style:{position:"absolute",left:16}},{children:s.jsx(V,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>s.jsx(t,{width:12,height:12,style:{color:r.content.secondary}}),onClick:e=>{e.stopPropagation();let s=Q;const t=[...W],i=t.pop();if(X(t),i.displayName===Y&&(U(""),s=""),s.length>0){const e=t.length>0?[t[t.length-1]]:E,i=f(s,e,t);if(ee){const e=x(i,t);J(e)}else J(i)}else if(t.length>0)if(ee){const e=x([t[t.length-1].variables],t);J(e)}else J([t[t.length-1].variables]);else if(ee){const e=x(E,W);J(e)}else J(E)}})})),s.jsx(m,Object.assign({style:{color:r.content.secondary}},{children:W[W.length-1].displayName}))]}),s.jsx(s.Fragment,{children:G.length>0?s.jsx(S,Object.assign({height:de()},{children:G.map(((e,t)=>{var i,a;return e.displayName&&void 0!==e.variables?s.jsx("div",Object.assign({style:{borderBottom:`1px solid ${r.stroke.primary}`}},{children:s.jsx(I,Object.assign({arrowColor:r.content.primary,autoOpen:A&&0===t,headerPadding:"12px 16px",header:s.jsx(h,Object.assign({style:{color:r.content.secondary}},{children:u(e.displayName,Q)}))},{children:s.jsx(k,{parentVariable:e,disabled:null!==(i=R.disabled)&&void 0!==i&&i,searchText:Q,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!q)return ne(e),void le(!0);H(e)}})}))}),e.displayName+ee):e.displayName?s.jsx(N,Object.assign({body:w(e),placement:"bottom"},{children:s.jsx(B,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?s.jsx(s.Fragment,{}):s.jsx("div",Object.assign({style:{flexShrink:0}},{children:s.jsx(o,{width:14,height:14})})),customListItemLabel:s.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[s.jsx(d,Object.assign({style:{fontSize:"14px",color:r.text.primary}},{children:u(e.displayName,Q)})),!e.isAvailable&&s.jsx(N,Object.assign({body:"Not Recommended"},{children:s.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:s.jsx(l,{width:16,height:16,color:r.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},t)}),t):s.jsx(k,{disabled:null!==(a=R.disabled)&&void 0!==a&&a,searchText:Q,variable:e,onSelect:e=>me(e)},t)}))})):s.jsx(b,{height:de(),searchText:Q})})]})]}))}))};export{R as VariablePickerContent};

package/dist/esm/components/variable-picker-v3/DefaultVariableContent.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i}from"react";import{Button as a}from"../button/Button.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{Input as t}from"../input/Input.js";import{TitleRegular as l,BodySecondary as r}from"../TypographyStyle.js";const o=o=>{var n,d,u;const[p,c]=i(o.variable.defaultValue||""),[x,j]=i(""),[m,b]=i(!!(null===(n=o.variable)||void 0===n?void 0:n.enableDefaultValueForGlobalUsage));return e.jsx(e.Fragment,{children:e.jsxs("div",Object.assign({style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:[e.jsx("div",Object.assign({style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(l,{children:null===(d=o.variable)||void 0===d?void 0:d.displayName})})),e.jsxs("div",Object.assign({style:{paddingTop:24}},{children:[e.jsx(t,{onChangeText:e=>{j(""),c(e)},value:p,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=x?x:"",maxCharLimit:25}),e.jsxs("div",Object.assign({style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex"},{children:[e.jsx(s,{isChecked:m,onValueChange:e=>b(e),size:"SMALL"}),e.jsx(r,Object.assign({style:{marginTop:-2}},{children:`Make this the default value for ‘${null===(u=o.variable)||void 0===u?void 0:u.displayName}’`}))]})),e.jsx("div",Object.assign({style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"}},{children:e.jsx(a,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!p)return void j("This field is required");const e=Object.assign(Object.assign({},o.variable),{defaultValue:p,enableDefaultValueForGlobalUsage:m});o.onInsertVariable(e)}})}))]}))]}))})};export{o as DefaultVariableContent};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as i}from"react";import"../button/index.js";import"../checkBox/index.js";import"../input/index.js";import{TitleRegular as s,BodySecondary as t}from"../TypographyStyle.js";import{Input as a}from"../input/Input.js";import{CheckBox as l}from"../checkBox/CheckBox.js";import{Button as r}from"../button/Button.js";const o=o=>{var n,d,p;const[u,x]=i(o.variable.defaultValue||""),[c,j]=i(""),[m,b]=i(!!(null===(n=o.variable)||void 0===n?void 0:n.enableDefaultValueForGlobalUsage));return e.jsx(e.Fragment,{children:e.jsxs("div",Object.assign({style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:[e.jsx("div",Object.assign({style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"}},{children:e.jsx(s,{children:null===(d=o.variable)||void 0===d?void 0:d.displayName})})),e.jsxs("div",Object.assign({style:{paddingTop:24}},{children:[e.jsx(a,{onChangeText:e=>{j(""),x(e)},value:u,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=c?c:"",maxCharLimit:25}),e.jsxs("div",Object.assign({style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex"},{children:[e.jsx(l,{isChecked:m,onValueChange:e=>b(e),size:"SMALL"}),e.jsx(t,Object.assign({style:{marginTop:-2}},{children:`Make this the default value for ‘${null===(p=o.variable)||void 0===p?void 0:p.displayName}’`}))]})),e.jsx("div",Object.assign({style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"}},{children:e.jsx(r,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!u)return void j("This field is required");const e=Object.assign(Object.assign({},o.variable),{defaultValue:u,enableDefaultValueForGlobalUsage:m});o.onInsertVariable(e)}})}))]}))]}))})};export{o as DefaultVariableContent};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/chevronRight.svg.js";import t from"../../assets/icons/plus.svg.js";import i from"../../assets/icons/sub_category.svg.js";import o from"../../assets/icons/triangle_error.svg.js";import l from"../../node_modules/lodash/cloneDeep.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as r}from"../list-item/ListItem.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{BodySecondary as c}from"../TypographyStyle.js";import{useVariablePickerContext as d}from"./context.js";import{highlightSearchText as m}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as j}from"./recommendVaribles.js";const p=e=>{var s;return(null===(s=e.contextQ)||void 0===s?void 0:s.join(" > "))||""},b=b=>{const{onSelect:x,variable:h,searchText:g,disabled:v,parentVariable:y}=b,{subHeaderStack:f,setSubHeaderStack:u,setVariables:O,showRecommended:I}=d();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(h).map(((d,b)=>{var S;if(void 0===h[d].variables||0===Object.keys((null===(S=h[d])||void 0===S?void 0:S.variables)||{}).length){const s=h[d];return e.jsx(n,Object.assign({body:p(s),placement:"bottom"},{children:e.jsx(r,{variant:v?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||v?e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({style:{flexShrink:0}},{children:e.jsx(t,{width:14,height:14})})),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(c,Object.assign({style:{fontSize:"14px",color:a.text.primary}},{children:m(s.displayName,g)})),!s.isAvailable&&e.jsx(n,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(o,{width:16,height:16,color:a.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{x(s)}})}),b)}return e.jsx(n,Object.assign({body:p(h[d]),placement:"bottom"},{children:e.jsx(r,{variant:"default",version:"2.0",listItem:{label:h[d].displayName,value:h[d].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(c,Object.assign({style:{fontSize:"14px",color:a.text.primary}},{children:m(h[d].displayName,g)}))})),leadingIcon:e.jsx(i,{width:14,height:14}),subText:h[d].description||"",trailingIcon:e.jsx(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=l(h[d]);void 0!==y&&(e.contextQ=[y.displayName]);const s=[...f,e];if(u(s),I){const t=j([e.variables],s);O(t)}else O([e.variables])}})}),b)}))}))};export{b as default,p as renderTooltipBody};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/chevronRight.svg.js";import t from"../../assets/icons/plus.svg.js";import i from"../../assets/icons/sub_category.svg.js";import o from"../../assets/icons/triangle_error.svg.js";import l from"../../node_modules/lodash/cloneDeep.js";import{COLORS as a}from"../../constants/Theme.js";import"../list-item/index.js";import"../tooltips/index.js";import{BodySecondary as r}from"../TypographyStyle.js";import{useVariablePickerContext as n}from"./context.js";import{highlightSearchText as c}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as d}from"./recommendVaribles.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{ListItem as j}from"../list-item/ListItem.js";const p=e=>{var s;return(null===(s=e.contextQ)||void 0===s?void 0:s.join(" > "))||""},x=x=>{const{onSelect:b,variable:h,searchText:g,disabled:v,parentVariable:y}=x,{subHeaderStack:f,setSubHeaderStack:u,setVariables:O,showRecommended:I}=n();return e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(h).map(((n,x)=>{var S;if(void 0===h[n].variables||0===Object.keys((null===(S=h[n])||void 0===S?void 0:S.variables)||{}).length){const s=h[n];return e.jsx(m,Object.assign({body:p(s),placement:"bottom"},{children:e.jsx(j,{variant:v?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||v?e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({style:{flexShrink:0}},{children:e.jsx(t,{width:14,height:14})})),customListItemLabel:e.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[e.jsx(r,Object.assign({style:{fontSize:"14px",color:a.text.primary}},{children:c(s.displayName,g)})),!s.isAvailable&&e.jsx(m,Object.assign({body:"Not Recommended"},{children:e.jsx("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e.jsx(o,{width:16,height:16,color:a.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{b(s)}})}),x)}return e.jsx(m,Object.assign({body:p(h[n]),placement:"bottom"},{children:e.jsx(j,{variant:"default",version:"2.0",listItem:{label:h[n].displayName,value:h[n].displayName},customListItemLabel:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e.jsx(r,Object.assign({style:{fontSize:"14px",color:a.text.primary}},{children:c(h[n].displayName,g)}))})),leadingIcon:e.jsx(i,{width:14,height:14}),subText:h[n].description||"",trailingIcon:e.jsx(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=l(h[n]);void 0!==y&&(e.contextQ=[y.displayName]);const s=[...f,e];if(u(s),I){const t=d([e.variables],s);O(t)}else O([e.variables])}})}),x)}))}))};export{x as default,p as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/index.js

@@ -0,0 +1 @@
+export{VariablePicker}from"./VariablePicker.js";

package/dist/esm/components/whats-new/WhatsNew.types.js

@@ -0,0 +1 @@
+

package/dist/esm/components/whats-new/WhatsNewButton.js

@@ -1 +1 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/whatsNew.svg.js";import{COLORS as n}from"../../constants/Theme.js";import{Tooltip as i}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as e}from"./WhatsNew.styles.js";const o=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:m="whats-new-button",iconWidth:h=32,iconHeight:j=32,customIcon:p}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(e,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?n.content.brand:n.content.primary},onClick:r,"data-testid":m},{children:[t.jsx(i,Object.assign({body:l},{children:t.jsx("div",{children:p?t.jsx(p,{width:h,height:j,color:c?n.content.brand:n.content.primary}):t.jsx(s,{width:h,height:j})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{o as WhatsNewButton};
+import{j as t}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import"../tooltips/index.js";import{WhatsNewIconContainer as n}from"./WhatsNew.styles.js";import{Tooltip as e}from"../tooltips/Tooltip.js";const o=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:m="whats-new-button",iconWidth:j=32,iconHeight:h=32,customIcon:p}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(n,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?i.content.brand:i.content.primary},onClick:r,"data-testid":m},{children:[t.jsx(e,Object.assign({body:l},{children:t.jsx("div",{children:p?t.jsx(p,{width:j,height:h,color:c?i.content.brand:i.content.primary}):t.jsx(s,{width:j,height:h})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{o as WhatsNewButton};

package/dist/esm/components/whats-new/WhatsNewPanel.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{format as t,differenceInBusinessDays as s}from"date-fns";import{useState as n,useMemo as r}from"react";import a from"../../assets/icons/searchIcon.svg.js";import o from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import{Button as c}from"../button/Button.js";import{VideoModal as d}from"../feature-announcements/VideoModal.js";import{SearchBar as l}from"../searchBar/searchBar.js";import{SideModal as m}from"../side-modal/SideModal.js";import{TitleMedium as h,TitleRegular as j,BodyPrimary as x,Caption as g,TitleSmall as u}from"../TypographyStyle.js";import{MainContainer as p,WhatsNewWrapper as w,MainCardContainer as b,BackgroundImageContainer as f}from"./WhatsNew.styles.js";const y=y=>{let{isOpen:C,onClose:N,content:O,isLoading:v=!1,title:k="What's new on BIK",searchPlaceholder:A="Search posts",emptyStateTitle:D="Nothing new!",emptyStateDescription:S="There are no new updates or features at the moment. Check back soon!",noResultsText:T="Sorry, no results found.",width:L="480px",onContentClick:M,renderCustomContent:W}=y;const[B,F]=n(""),[U,V]=n(!1),[_,E]=n(""),I=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},P=r((()=>{if(!B.trim())return O;const e=B.toLowerCase();return O.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[O,B]),R=0===O.length,z=0===P.length;return C?e.jsxs(m,Object.assign({width:L,onClose:N,header:"",headerCustomComponent:e.jsx(h,Object.assign({color:i.background.inverse},{children:k})),headerStyle:{background:i.background.brandLight},hideFooter:!0},{children:[e.jsxs(p,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(l,{width:"100%",isEnabled:!R,onChange:e=>{F(e)},onEnter:e=>{F(e)},placeholder:A,variant:"default",searchValue:B,onClickCross:()=>{F("")}})})),e.jsx(w,{children:R||z?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:R?e.jsx(o,{width:32,height:32}):e.jsx(a,{width:32,height:32})})),R?e.jsxs(e.Fragment,{children:[e.jsx(j,{children:D}),e.jsx(x,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:S}))]}):z?e.jsx(x,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:T})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:P.map(((s,n)=>W?W(s):e.jsxs(b,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(f,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[I(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(g,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(g,Object.assign({style:{color:i.content.placeholder}},{children:s.createdAt?t(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(u,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(c,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(E(e.productVideo),V(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),M&&M(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${n}`)))}))})]}),e.jsx(d,{isOpen:U,videoUrl:_,onClose:()=>{V(!1)}})]})):e.jsx(e.Fragment,{})};export{y as WhatsNewPanel};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{differenceInBusinessDays as t,format as s}from"date-fns";import{useState as n,useMemo as r}from"react";import a from"../../assets/icons/searchIcon.svg.js";import o from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import"../button/index.js";import{VideoModal as c}from"../feature-announcements/VideoModal.js";import"../searchBar/index.js";import"../side-modal/index.js";import{TitleMedium as d,TitleRegular as l,BodyPrimary as m,Caption as h,TitleSmall as j}from"../TypographyStyle.js";import{MainContainer as x,WhatsNewWrapper as g,MainCardContainer as p,BackgroundImageContainer as u}from"./WhatsNew.styles.js";import{SideModal as b}from"../side-modal/SideModal.js";import{SearchBar as w}from"../searchBar/searchBar.js";import{Button as f}from"../button/Button.js";const y=y=>{let{isOpen:C,onClose:N,content:O,isLoading:v=!1,title:k="What's new on BIK",searchPlaceholder:A="Search posts",emptyStateTitle:D="Nothing new!",emptyStateDescription:S="There are no new updates or features at the moment. Check back soon!",noResultsText:T="Sorry, no results found.",width:L="480px",onContentClick:M,renderCustomContent:B}=y;const[W,F]=n(""),[U,V]=n(!1),[_,E]=n(""),I=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t(new Date,s)<7},P=r((()=>{if(!W.trim())return O;const e=W.toLowerCase();return O.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[O,W]),R=0===O.length,z=0===P.length;return C?e.jsxs(b,Object.assign({width:L,onClose:N,header:"",headerCustomComponent:e.jsx(d,Object.assign({color:i.background.inverse},{children:k})),headerStyle:{background:i.background.brandLight},hideFooter:!0},{children:[e.jsxs(x,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(w,{width:"100%",isEnabled:!R,onChange:e=>{F(e)},onEnter:e=>{F(e)},placeholder:A,variant:"default",searchValue:W,onClickCross:()=>{F("")}})})),e.jsx(g,{children:R||z?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:R?e.jsx(o,{width:32,height:32}):e.jsx(a,{width:32,height:32})})),R?e.jsxs(e.Fragment,{children:[e.jsx(l,{children:D}),e.jsx(m,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:S}))]}):z?e.jsx(m,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:T})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:P.map(((t,n)=>B?B(t):e.jsxs(p,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(u,{imageUrl:t.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[I(t)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(h,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(h,Object.assign({style:{color:i.content.placeholder}},{children:t.createdAt?s(t.createdAt.toDate?t.createdAt.toDate():new Date(t.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(j,{children:t.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:t.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(f,{buttonText:t.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(E(e.productVideo),V(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),M&&M(e)})(t),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${n}`)))}))})]}),e.jsx(c,{isOpen:U,videoUrl:_,onClose:()=>{V(!1)}})]})):e.jsx(e.Fragment,{})};export{y as WhatsNewPanel};

package/dist/esm/components/whats-new/WhatsNewProvider.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useContext as t,createContext as r}from"react";import{useWhatsNew as o}from"./useWhatsNew.js";const n=r(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:a}=t;const m=o({fetchWhatsNewContent:s,markContentAsViewed:i,module:a});return e.jsx(n.Provider,Object.assign({value:m},{children:r}))},i=()=>{const e=t(n);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{createContext as t,useContext as r}from"react";import{useWhatsNew as o}from"./useWhatsNew.js";const n=t(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:a}=t;const m=o({fetchWhatsNewContent:s,markContentAsViewed:i,module:a});return e.jsx(n.Provider,Object.assign({value:m},{children:r}))},i=()=>{const e=r(n);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};

package/dist/esm/components/whats-new/index.js

@@ -0,0 +1 @@
+import"./WhatsNew.types.js";export{BackgroundImageContainer,MainCardContainer,MainContainer,WhatsNewIconContainer,WhatsNewWrapper}from"./WhatsNew.styles.js";export{WhatsNewButton}from"./WhatsNewButton.js";export{WhatsNewPanel}from"./WhatsNewPanel.js";export{WhatsNewProvider,useWhatsNewContext}from"./WhatsNewProvider.js";export{WhatsNew}from"./WhatsNew.js";export{useWhatsNew}from"./useWhatsNew.js";

package/dist/esm/components/zeroState/ZeroState.js

@@ -1,12 +1,12 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import n from"styled-components";import{Spinner as o}from"../spinner/Spinner.js";import{BodyCaption as i,TitleRegular as s,TitleSmall as r}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import c from"../../assets/icons/alert.svg.js";import{Button as a}from"../button/Button.js";const d=n.div`
-	background: ${l.surface.standard};
+import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import n from"styled-components";import"../spinner/index.js";import{TitleRegular as i,TitleSmall as o,BodyCaption as s}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/alert.svg.js";import"../button/index.js";import{Spinner as c}from"../spinner/Spinner.js";import{Button as d}from"../button/Button.js";const a=n.div`
+	background: ${r.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 `,u=n.div`
-	background: ${l.background.base};
+	background: ${r.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -14,4 +14,4 @@ import{__rest as t}from"../../_virtual/_tslib.js";import{j as e}from"../../node_
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,m=n=>{var{subTitle:m,title:j,IconHolderStyle:p,style:g,isLoading:x,containerWidth:h}=n,y=t(n,["subTitle","title","IconHolderStyle","style","isLoading","containerWidth"]);let b=s;const f=h?parseFloat(h):0;return f&&!isNaN(f)&&f<=150&&(b=r),e.jsxs(d,Object.assign({style:null!=g?g:{}},{children:[x?e.jsx(o,{size:"large",color:l.stroke.brand}):e.jsx(u,Object.assign({style:null!=p?p:{}},{children:(null==y?void 0:y.Icon)||e.jsx(c,{color:l.content.placeholder,height:24,width:24})})),e.jsx(b,Object.assign({style:{marginTop:8,color:l.content.primary}},{children:x?"Loading...":j||"No results found"})),!!m&&!x&&e.jsx(i,Object.assign({style:{marginTop:4,color:l.content.secondary,textAlign:"center",maxWidth:184}},{children:m})),!!(null==y?void 0:y.actionButton)&&e.jsx("div",Object.assign({style:(null==y?void 0:y.buttonWidth)?{width:null==y?void 0:y.buttonWidth,display:"flex"}:{}},{children:e.jsx(a,Object.assign({},null==y?void 0:y.actionButton))}))]}))};export{m as ZeroState};
+`,m=n=>{var{subTitle:m,title:p,IconHolderStyle:j,style:x,isLoading:g,containerWidth:h}=n,y=t(n,["subTitle","title","IconHolderStyle","style","isLoading","containerWidth"]);let b=i;const f=h?parseFloat(h):0;return f&&!isNaN(f)&&f<=150&&(b=o),e.jsxs(a,Object.assign({style:null!=x?x:{}},{children:[g?e.jsx(c,{size:"large",color:r.stroke.brand}):e.jsx(u,Object.assign({style:null!=j?j:{}},{children:(null==y?void 0:y.Icon)||e.jsx(l,{color:r.content.placeholder,height:24,width:24})})),e.jsx(b,Object.assign({style:{marginTop:8,color:r.content.primary}},{children:g?"Loading...":p||"No results found"})),!!m&&!g&&e.jsx(s,Object.assign({style:{marginTop:4,color:r.content.secondary,textAlign:"center",maxWidth:184}},{children:m})),!!(null==y?void 0:y.actionButton)&&e.jsx("div",Object.assign({style:(null==y?void 0:y.buttonWidth)?{width:null==y?void 0:y.buttonWidth,display:"flex"}:{}},{children:e.jsx(d,Object.assign({},null==y?void 0:y.actionButton))}))]}))};export{m as ZeroState};

package/dist/esm/constants/colors.js

@@ -1 +1 @@
-import{COLORS as o}from"./Theme.js";const r=o.background.brand;export{r as PRIMARY};
+import{COLORS as f}from"./Theme.js";const a="#000000",o="#ffffff",r=f.background.brand,b="#4b5563",e="#16a34a",c="#dc2626",d="#eab308";export{a as BLACK,c as ERROR,r as PRIMARY,b as SECONDARY,e as SUCCESS,d as WARN,o as WHITE};

package/dist/esm/helpers/index.js

@@ -0,0 +1 @@
+export{BaseWhatsappContentLangHelper}from"./BaseWhatsappContentLang.helper.js";export{CURTAIN_COLOR_CONFIG_MAP,CURTAIN_MODE,CURTAIN_TYPES}from"../components/curtain/CurtainHelper.js";export{resizeImage}from"../utils/resizeImage.js";export{PickerType}from"../components/variable-picker-v3/model.js";