@bikdotai/bik-component-library 0.0.50 → 0.0.51-5.beta-2

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),i=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),l=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e){var t,n,i,l,a,d,r;const s={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"HEADER"===e.type));if(v){s.headerType=v.format,s.headerText=v.text,s.headerAssetLink=null===(i=null===(n=v.example)||void 0===n?void 0:n.header_handle)||void 0===i?void 0:i[0];const t=null===(a=null===(l=v.example)||void 0===l?void 0:l.header_text)||void 0===a?void 0:a[0],o=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.header)||void 0===r?void 0:r[0];if(t&&o){const e=/\(\(/.test(o),n={idx:0,variableVal:t,editable:e,editableDefaultValues:e?void 0:t,variableName:o};s.headerVariables=[n]}}return s}validateState(e){var t,a,d,r,s,v,E,u,T,p,_,c,R,m,b,h,I,L,N,y,B;const A=/\p{Extended_Pictographic}/u;let C="valid";const D={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},O=new l.TemplateHelperUtils;let x=!1;const P=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)?e.meta.name.trim().length>i.NAME_LEN_LIMIT?(D.meta.name=i.NAME_LEN_ERROR,C="invalid"):n.specialCharPattern.test(e.meta.name.trim())&&(D.meta.name=i.NO_SPECIAL_CHAR,C="invalid"):(D.meta.name=i.REQUIRED_FIELD,C="invalid"),D.meta.name&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.name),x=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(d=null===(a=e.headerText)||void 0===a?void 0:a.trim())&&void 0!==d?d:"";if(t)if(t.length>i.HEADER_TEXT_LEN_LIMIT)D.header=i.HEADER_LEN_ERROR,C="invalid";else{const e=O.getTemplateVariablesFromState(t);e&&e.length>1&&(D.header=i.ONE_VAR_ALLOWED,C="invalid")}else D.header=i.REQUIRED_FIELD,C="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(D.header=i.HEADER_ASSET_LINK_ERROR,C="invalid"),D.header&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.header),x=!0),e.bodyText?e.bodyTextRaw&&(null===(r=e.bodyTextRaw)||void 0===r?void 0:r.trim().length)>i.BODY_TEXT_LEN_LIMIT&&(D.body=i.BODY_LEN_ERROR,C="invalid"):(D.body=i.REQUIRED_FIELD,C="invalid"),D.body&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.body),x=!0),e.footerText&&e.footerText.length>i.HEADER_TEXT_LEN_LIMIT&&(D.footer=i.HEADER_LEN_ERROR,C="invalid"),(null==D?void 0:D.footer)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.footer),x=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(v=null===(s=e.ctaBtn)||void 0===s?void 0:s.phoneNumber)||void 0===v?void 0:v.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;D.ctaBtn&&!t?(D.ctaBtn.phoneNumber.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.phoneNumber.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.phoneNumber.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),D.ctaBtn&&!n?(D.ctaBtn.phoneNumber.link=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&n&&n.length<10&&(D.ctaBtn.phoneNumber.link=i.VALID_PHONE_NUMBER,C="invalid")}if(null===(T=null===(u=e.ctaBtn)||void 0===u?void 0:u.websiteLinkBtn)||void 0===T?void 0:T.isChecked){const t=null===(p=e.ctaBtn.websiteLinkBtn.btnText)||void 0===p?void 0:p.trim(),n=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),o=null===(c=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===c?void 0:c.trim();D.ctaBtn&&!t?(D.ctaBtn.websiteLink.btnText=i.REQUIRED_FIELD,C="invalid"):D.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(D.ctaBtn.websiteLink.btnText=i.QUICK_REPLY_LEN_ERROR,C="invalid"):D.ctaBtn&&t&&A.test(t)&&(D.ctaBtn.websiteLink.btnText=i.BUTTON_EMOJI_ERROR,C="invalid"),!D.ctaBtn||n||o||(D.ctaBtn.websiteLink.link=i.REQUIRED_FIELD,C="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,o)=>{const l=n.text.trim();if(l)if(l.length>i.QUICK_REPLY_NAME_LEN_LIMIT)t[o]=i.QUICK_REPLY_LEN_ERROR,C="invalid";else if(A.test(l))t[o]=i.BUTTON_EMOJI_ERROR,C="invalid";else{const n=[...e.quickReply];n.splice(o,1);n.find((e=>e.text===l))&&(t[o]=i.QUICK_REPLY_NAME_ERROR,C="invalid")}else t[o]=i.REQUIRED_FIELD,C="invalid"})),D.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(R=D.quickReply)||void 0===R?void 0:R.reduce(((e,t)=>e||!!t),!1);((null===(b=null===(m=null==D?void 0:D.ctaBtn)||void 0===m?void 0:m.websiteLink)||void 0===b?void 0:b.link)||(null===(I=null===(h=D.ctaBtn)||void 0===h?void 0:h.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=D.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(B=null===(y=D.ctaBtn)||void 0===y?void 0:y.phoneNumber)||void 0===B?void 0:B.btnText)||e)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.actionButtons),x=!0)}return{status:C,errors:D}}parseBodyComponent(e){var i,o,l,a,d;const r=[];let s="";const v=null===(i=e.components)||void 0===i?void 0:i.find((e=>"BODY"===e.type));return v&&(null===(l=null===(o=v.example)||void 0===o?void 0:o.body_text)||void 0===l||l[0].forEach(((t,i)=>{var o,l;let a=null===(l=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===l?void 0:l[i];const d=a&&/\(\(/.test(a),s=null==a?void 0:a.match(n.placeHolderNamePattern);(null==s?void 0:s[2])&&(a=null==s?void 0:s[2]),r.push({idx:i,variableVal:t,editable:!!d,editableDefaultValues:d?void 0:t,variableName:null!=a?a:""})})),s=e.htmlContentUrl?e.htmlContentUrl:(null===(a=v.text)||void 0===a?void 0:a.split(/\{\{[0-9]+\}\}/).length)?null===(d=v.text)||void 0===d?void 0:d.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==r?void 0:r[n]){const i=r[n].variableName;return`${e} <span> </span><span  style="color: ${t.COLORS.content.brand}; text-decoration: underline;">{{${i}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:r,bodyText:s}}parseFooterComponent(e){var t;const n=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==n?void 0:n.text}parseButtonComponent(e){var t,i,l,a,d,r;const s={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},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===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(s.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==v?void 0:v.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];return s.quickReply=e,s}t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==v?void 0:v.buttons)||void 0===r||r.forEach((t=>{var i,o,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===(o=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===o?void 0:o[0])&&void 0!==l?l:void 0;let r=!1;d&&n.editableVarPattern.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}}})))}return s}parseUITemplateFromDBFormat(t,n){var i;return e.__awaiter(this,void 0,void 0,(function*(){const{headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d}=yield this.parseDataFromHeaderComponent(t),{bodyText:r,bodyVariable:s}=yield this.parseBodyComponent(t),{actionsType:v,quickReply:E,ctaBtn:u}=yield this.parseButtonComponent(t),T={quickReply:E,ctaBtn:u,meta:{name:n?`${t.label} Copy`:t.label,category:null===(i=t.category)||void 0===i?void 0:i.toUpperCase(),subCategory:t.templateCategory,language:t.language,templateId:t.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:v,footerText:this.parseFooterComponent(t),bodyVariables:s,bodyText:r,headerType:e,headerAssetLink:o,headerAssetName:l,headerText:a,headerVariables:d,alreadyAsADraft:t.isDraft,mode:"edit",initialLoading:!1},{errors:p}=this.validateState(T);return T.error=p,T}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t){var i,n,l,a,d,r,v,s,E,u;const p={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},T=null===(i=e.components)||void 0===i?void 0:i.find((e=>"HEADER"===e.type));if(T){p.headerType=T.format,p.headerText=T.text,p.headerAssetLink=null===(l=null===(n=T.example)||void 0===n?void 0:n.header_handle)||void 0===l?void 0:l[0];const i=null===(d=null===(a=T.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],o=null===(v=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===v?void 0:v[0],c=o;if(i&&o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),n=/\(\(/.test(o),l={idx:0,variableVal:t?i:c,editable:n,editableDefaultValues:n?void 0:i,variableName:e};p.headerVariables=[l],(null===(E=null===(s=T.example)||void 0===s?void 0:s.header_text)||void 0===E?void 0:E.length)&&(p.headerText=null===(u=p.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return p}validateState(e){var t,i,d,r,v,s,E,u,p,T,c,_,m,h,R,b,I,L,y,B,N,C,O;const D=/\p{Extended_Pictographic}/u;let x="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},f=new a.TemplateHelperUtils;let P=!1;const k=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)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,x="invalid"):n.specialCharPattern.test(null===(d=e.meta.name)||void 0===d?void 0:d.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,x="invalid"):(A.meta.name=l.REQUIRED_FIELD,x="invalid"),A.meta.name&&!P&&(k(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(v=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==v?v:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,x="invalid";else{const e=f.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,x="invalid")}else A.header=l.REQUIRED_FIELD,x="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,x="invalid"),A.header&&!P&&(k(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(s=e.bodyTextRaw)||void 0===s?void 0:s.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,x="invalid"):(A.body=l.REQUIRED_FIELD,x="invalid"),A.body&&!P&&(k(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,x="invalid"),(null==A?void 0:A.footer)&&!P&&(k(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(u=null===(E=e.ctaBtn)||void 0===E?void 0:E.phoneNumber)||void 0===u?void 0:u.isChecked){const t=null===(p=e.ctaBtn.phoneNumber.btnText)||void 0===p?void 0:p.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,x="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,x="invalid"):A.ctaBtn&&t&&D.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,x="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,x="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,x="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(_=e.ctaBtn.websiteLinkBtn.btnText)||void 0===_?void 0:_.trim(),i=null===(m=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===m?void 0:m.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,x="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,x="invalid"):A.ctaBtn&&t&&D.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,x="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,x="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,x="invalid";else if(D.test(a))t[n]=l.BUTTON_EMOJI_ERROR,x="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===a))&&(t[n]=l.QUICK_REPLY_NAME_ERROR,x="invalid")}else t[n]=l.REQUIRED_FIELD,x="invalid"})),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(R=A.quickReply)||void 0===R?void 0:R.reduce(((e,t)=>e||!!t),!1);((null===(I=null===(b=null==A?void 0:A.ctaBtn)||void 0===b?void 0:b.websiteLink)||void 0===I?void 0:I.link)||(null===(y=null===(L=A.ctaBtn)||void 0===L?void 0:L.websiteLink)||void 0===y?void 0:y.btnText)||(null===(N=null===(B=A.ctaBtn)||void 0===B?void 0:B.phoneNumber)||void 0===N?void 0:N.link)||(null===(O=null===(C=A.ctaBtn)||void 0===C?void 0:C.phoneNumber)||void 0===O?void 0:O.btnText)||e)&&!P&&(k(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:x,errors:A}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0;var o,a,d,r,v;const s=[];let E="";const u=null===(o=e.components)||void 0===o?void 0:o.find((e=>"BODY"===e.type));return u&&(null===(d=null===(a=u.example)||void 0===a?void 0:a.body_text)||void 0===d||d[0].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,v=d&&/\(\(/.test(d),E=null==d?void 0:d.match(n.placeHolderNamePattern);(null==E?void 0:E[2])&&(d=null==E?void 0:E[2]),s.push({idx:i,variableVal:l?t:r,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=d?d:""})})),E=e.htmlContentUrl?e.htmlContentUrl:(null===(r=u.text)||void 0===r?void 0:r.split(/\{\{[0-9]+\}\}/).length)?null===(v=u.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==s?void 0:s[n]){const l=s[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:s,bodyText:E}}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,l,a,d,r,v;const s={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},E=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(E&&(null===(i=null==E?void 0:E.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==E?void 0:E.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(s.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==E?void 0:E.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];s.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==E?void 0:E.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.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===(v=E.buttons)||void 0===v?void 0:v.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.format(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}parseUITemplateFromDBFormat(t){var i;return e.__awaiter(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:n,isV2:l=!1,showSampleValues:o}=t,{headerType:a,headerAssetLink:d,headerAssetName:r,headerText:v,headerVariables:s}=yield this.parseDataFromHeaderComponent(e),{bodyText:E,bodyVariable:u}=yield this.parseBodyComponent(e,l,o),{actionsType:p,quickReply:T,ctaBtn:c,allButtons:_}=yield this.parseButtonComponent(e),m=this.parseLimitedTimeOfferComponent(e,_),h={quickReply:T,ctaBtn:c,allButtons:_,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:p,footerText:this.parseFooterComponent(e),bodyVariables:u,bodyText:E,headerType:a,headerAssetLink:d,headerAssetName:r,headerText:v,headerVariables:s,alreadyAsADraft:e.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:m},{errors:R}=this.validateState(h);return h.error=R,h}))}};

package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.d.ts

@@ -0,0 +1,7 @@
+export type variableType = {
+    placeholder: string;
+    value: string;
+};
+export declare class VariableEditorHelper {
+    format(text?: string, variableList?: variableType[]): string;
+}

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

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

package/dist/cjs/components/template-preview/index.d.ts

@@ -2,5 +2,10 @@ import * as regexPatterns from './constants/regexPatterns';
 export { regexPatterns };
 export * from './TemplatePreview';
 export * from './WhatsApp/WhatsAppLikePreview';
+export * from './WhatsApp/WhatsAppLikePreviewV2';
 export * from './helpers/SmsTemplateHelper';
 export * from './helpers/WhatsAppFormatToHTML';
+export * from './helpers/VariableEditorHelper';
+export * from './models/EmailTemplate';
+export * from './models/TemplateMeta';
+export * from './models/WhatsAppTemplate';

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

@@ -1,7 +1,7 @@
 import { SingleOption } from "../../dropdown/type";
 export type CUSTOM_VARIABLE = {
     variableName: string;
-    type: 'string' | 'link' | 'image';
+    type: 'string' | 'link' | 'image' | 'button' | 'date_time';
     isEditableVariable: boolean;
     updatedValue: string;
     index?: number;

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

@@ -1,4 +1,5 @@
 import React, { ReactElement } from 'react';
+import { variableType } from '../helpers/VariableEditorHelper';
 import { CHANNEL_TYPE } from './Channels';
 import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
 export type WhatsAppTemplate = {
@@ -10,11 +11,15 @@ export type WhatsAppTemplate = {
     templateCategory: string;
     type?: 'email' | 'whatsapp';
     components: {
-        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
+        type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER' | 'limited_time_offer';
         format?: HEADER_TYPES;
         text?: string;
+        limited_time_offer?: {
+            text: string;
+            has_expiration: boolean;
+        };
         buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE';
             text?: string;
             url?: string;
             example?: string[];
@@ -27,6 +32,7 @@ export type WhatsAppTemplate = {
             header_handle?: Array<string>;
             body_text?: Array<string[]>;
             header_text?: Array<string>;
+            limited_time_offer?: string;
         };
     }[];
     mapping: {
@@ -45,6 +51,7 @@ export type WhatsAppTemplate = {
     updatedAt: number;
     isDraft?: boolean;
 };
+export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE';
 export type CreateTemplateType = {
     /** Data */
     headerType: HEADER_TYPES;
@@ -71,6 +78,7 @@ export type CreateTemplateType = {
             placeholder?: string;
         };
     };
+    allButtons: WhatsappPreviewButtonType[];
     meta: {
         name: string;
         category?: string;
@@ -82,6 +90,11 @@ export type CreateTemplateType = {
     alreadyAsADraft?: boolean;
     /** UI  */
     initialLoading: boolean;
+    limitedTimeOfferComponent: {
+        text: string;
+        dateTime: string;
+        code: string;
+    };
     error: {
         modalError?: string;
         header?: string;
@@ -168,6 +181,21 @@ export type WhatsappLikePreviewTypes = {
     imagePreviewStyles?: React.CSSProperties;
     size?: 'small' | 'large';
     zeroStateComponent: ReactElement<any, any>;
+    children?: React.ReactNode;
+    bodyVariableList?: variableType[];
+    headerVariableList?: variableType[];
+    carouselCardIndex?: number;
+    buttons?: WhatsappPreviewButtonType[];
+    limitedTimeOfferComponent?: CreateTemplateType['limitedTimeOfferComponent'];
+    isWhatsappCarousel?: boolean;
+    isPreview?: boolean;
+};
+export type WhatsappPreviewButtonType = {
+    type: WhatsappTemplateButtonTypes;
+    text: string;
+    placeholder?: string;
+    flowId: string;
+    flowName: string;
 };
 export type WhatsappMeta = {
     containerStyle?: React.CSSProperties | undefined;
@@ -179,7 +207,8 @@ export type WhatsappMeta = {
     usePlaceHolderName?: boolean;
 };
 export type WhatsAppPickerMeta = {
-    uploadMediaFiles: (params: WhatsAppMediaUploadRequest) => Promise<WhatsAppMediaUploadResponse>;
+    uploadMediaFiles: (params: WhatsAppMediaUploadRequest, index?: number) => Promise<WhatsAppMediaUploadResponse>;
+    uploadMediaLink?: (link: string) => Promise<MediaLinkUploadResponse>;
     CTAoptions?: ButtonPlaceHolderOptions[];
     QRBoptions?: ButtonPlaceHolderOptions[];
 };
@@ -187,6 +216,10 @@ export type WhatsAppMediaUploadResponse = {
     success: boolean;
     url?: string;
 };
+export interface MediaLinkUploadResponse extends WhatsAppMediaUploadResponse {
+    size: number;
+    type: string;
+}
 export type WhatsAppMediaUploadRequest = {
     file: File;
     fileName: string;
@@ -194,6 +227,7 @@ export type WhatsAppMediaUploadRequest = {
 };
 export interface WhatsAppTemplateVariables {
     body: CUSTOM_VARIABLE[];
+    header: CUSTOM_VARIABLE[];
     buttons: TEMPLATE_BUTTON[];
 }
 export type CTABtnValType = {
@@ -208,7 +242,7 @@ export type TEMPLATE_BUTTON = {
     type: BUTTON_TYPE;
     text?: string;
     url?: string;
-    example?: string[];
+    example?: string[] | string;
     linkMode?: 'custom' | 'home';
     phone_number?: string;
     buttonVariable?: string;
@@ -219,5 +253,26 @@ export type TEMPLATE_BUTTON = {
 export declare enum BUTTON_TYPE {
     QUICK_REPLY = "QUICK_REPLY",
     URL = "URL",
-    PHONE_NUMBER = "PHONE_NUMBER"
+    PHONE_NUMBER = "PHONE_NUMBER",
+    COPY_CODE = "COPY_CODE"
+}
+export declare enum POD {
+    CHATBOT = "CHATBOT",
+    GROWTH = "GROWTH",
+    CAMPAIGN = "CAMPAIGN",
+    CRM = "CRM",
+    INTEGRATIONS = "INTEGRATIONS",
+    OPENAI = "OPENAI",
+    DM = "DM",
+    FRONTEND = "FRONTEND"
 }
+export type ExtrasWhatsapp = {
+    discountCodeExtra?: [
+        discountCode: string,
+        setDiscountCode: (discountCode: string) => void
+    ];
+    backTrackExtra?: [
+        backTrackMessage: string,
+        setBackTrackMessage: (backTrackMessage: string) => void
+    ];
+};

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.js

@@ -1 +1 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.BUTTON_TYPE=void 0,(e=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",e.URL="URL",e.PHONE_NUMBER="PHONE_NUMBER";
+"use strict";var O,T;Object.defineProperty(exports,"__esModule",{value:!0}),exports.BUTTON_TYPE=void 0,(O=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",O.URL="URL",O.PHONE_NUMBER="PHONE_NUMBER",O.COPY_CODE="COPY_CODE",exports.POD=void 0,(T=exports.POD||(exports.POD={})).CHATBOT="CHATBOT",T.GROWTH="GROWTH",T.CAMPAIGN="CAMPAIGN",T.CRM="CRM",T.INTEGRATIONS="INTEGRATIONS",T.OPENAI="OPENAI",T.DM="DM",T.FRONTEND="FRONTEND";

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

@@ -0,0 +1,82 @@
+import { HEADER_TYPES, TEMPLATE_STATUS, WhatsAppTemplateVariables } from "..";
+import { CHANNEL_TYPE } from "./Channels";
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+export type WhatsAppCarouselTemplate = {
+    name: string;
+    label: string;
+    recommended?: boolean;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    type?: 'email' | 'whatsapp';
+    components: {
+        type: 'BODY' | 'CAROUSEL';
+        format?: HEADER_TYPES;
+        text?: string;
+        example?: {
+            header_handle?: Array<string>;
+            body_text?: Array<string[]>;
+            header_text?: Array<string>;
+        };
+        cards?: {
+            components: {
+                type: 'HEADER' | 'BODY' | 'BUTTONS' | 'FOOTER';
+                format?: HEADER_TYPES;
+                text?: string;
+                buttons?: {
+                    type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
+                    text?: string;
+                    url?: string;
+                    example?: string[];
+                    linkMode?: 'custom' | 'home';
+                    phone_number?: string;
+                    flowName?: string;
+                    flowId?: string;
+                }[];
+                example?: {
+                    header_handle?: Array<string>;
+                    body_text?: Array<string[]>;
+                    header_text?: Array<string>;
+                };
+            }[];
+        }[];
+    }[];
+    mapping: {
+        header?: string[];
+        body?: string[];
+        buttons?: string[];
+        cards?: {
+            header?: string[];
+            body?: string[];
+            buttons?: string[];
+        }[];
+    };
+    templateComponentValues: {
+        components: {
+            header?: string[];
+            body?: string[];
+            buttons?: string[];
+            cards?: {
+                header?: string[];
+                body?: string[];
+                buttons?: string[];
+            }[];
+        };
+    };
+    htmlContentUrl?: string;
+    language: 'en_US';
+    status: TEMPLATE_STATUS;
+    category: string;
+    thumbnailImageUrl?: string;
+    FB_blob_key?: string;
+    reason?: string;
+    createdAt: number;
+    updatedAt: number;
+    isDraft?: boolean;
+    isProductCarouselType?: boolean;
+    isCarouselType?: boolean;
+};
+export interface WhatsAppCarouselTemplateVariables {
+    body: CUSTOM_VARIABLE[];
+    cards: WhatsAppTemplateVariables[];
+}

package/dist/cjs/components/testimonial-card/TestimonialCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SIZE } from "../avatar";
+export interface TestimonialCardProps {
+    testimonial: string;
+    ratingValue: number;
+    reviewerName: string;
+    avatarUrl: string;
+    reviewerCaption?: string;
+    ratingMaxValue?: number;
+    avatarSize?: SIZE;
+    width?: string;
+    height?: string;
+}
+export declare const TestimonialCard: React.FC<TestimonialCardProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../avatar/Avatar.js"),a=require("../avatar/AvatarHelper.js"),t=require("../star-rating/StarRating.js"),i=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),n=require("./TestimonialCard.style.js");exports.TestimonialCard=o=>{var l,c;return e.jsxs(n.TestimonialCardStyle,Object.assign({width:o.width,height:o.height},{children:[e.jsx(t.StarRating,{starSize:24,maxValue:null!==(l=o.ratingMaxValue)&&void 0!==l?l:5,value:o.ratingValue,onChange:e=>console.log(e),mode:"VIEW"}),e.jsx(i.BodyLarge,Object.assign({color:s.COLORS.content.secondary},{children:o.testimonial})),e.jsxs(n.TestimonialProfileCard,{children:[e.jsx(r.Avatar,{type:a.AVATAR_TYPES.IMAGE,size:null!==(c=o.avatarSize)&&void 0!==c?c:a.SIZE.MEDIUM,background:a.AVATAR_BACKGROUND.LIGHT,photoUrl:o.avatarUrl}),e.jsxs(n.TestimonialProfileInfo,{children:[e.jsx(i.TitleMedium,Object.assign({color:s.COLORS.content.secondary},{children:o.reviewerName})),e.jsx(i.BodyPrimary,Object.assign({color:s.COLORS.content.secondary},{children:o.reviewerCaption}))]})]})]}))};

package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width?: string | undefined;
+    height?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/testimonial-card/TestimonialCard.style.js

@@ -0,0 +1 @@
+"use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var l=c(require("@emotion/styled/base"));function e(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const b=l.default("div","production"===process.env.NODE_ENV?{target:"e1mvc6512"}:{target:"e1mvc6512",label:"TestimonialCardStyle"})("display:flex;flex-direction:column;gap:24px;background:#ffffffeb;box-shadow:0px 0px 15px 0px #0000000f;padding:24px;border-radius:24px;",(c=>c.width?{width:c.width}:{}),";",(c=>c.height?{height:c.height}:{}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlc3RpbW9uaWFsQ2FyZC5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQytDIiwiZmlsZSI6IlRlc3RpbW9uaWFsQ2FyZC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbENhcmRTdHlsZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGJhY2tncm91bmQ6ICNmZmZmZmZlYjtcblx0Ym94LXNoYWRvdzogMHB4IDBweCAxNXB4IDBweCAjMDAwMDAwMGY7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyB7IHdpZHRoOiBwcm9wcy53aWR0aCB9IDoge30pfTtcblx0JHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyB7IGhlaWdodDogcHJvcHMuaGVpZ2h0IH0gOiB7fSl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRlc3RpbW9uaWFsUHJvZmlsZUNhcmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRlc3RpbW9uaWFsUHJvZmlsZUluZm8gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRlc3RpbW9uaWFsQ2FyZC5zdHlsZS5qcy5tYXAiXX0= */")),t=l.default("div","production"===process.env.NODE_ENV?{target:"e1mvc6511"}:{target:"e1mvc6511",label:"TestimonialProfileCard"})("production"===process.env.NODE_ENV?{name:"1t1tznq",styles:"display:flex;flex-direction:row;gap:16px;align-items:center"}:{name:"1t1tznq",styles:"display:flex;flex-direction:row;gap:16px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlc3RpbW9uaWFsQ2FyZC5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlEIiwiZmlsZSI6IlRlc3RpbW9uaWFsQ2FyZC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbENhcmRTdHlsZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGJhY2tncm91bmQ6ICNmZmZmZmZlYjtcblx0Ym94LXNoYWRvdzogMHB4IDBweCAxNXB4IDBweCAjMDAwMDAwMGY7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyB7IHdpZHRoOiBwcm9wcy53aWR0aCB9IDoge30pfTtcblx0JHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyB7IGhlaWdodDogcHJvcHMuaGVpZ2h0IH0gOiB7fSl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRlc3RpbW9uaWFsUHJvZmlsZUNhcmQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRlc3RpbW9uaWFsUHJvZmlsZUluZm8gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRlc3RpbW9uaWFsQ2FyZC5zdHlsZS5qcy5tYXAiXX0= */",toString:e}),a=l.default("div","production"===process.env.NODE_ENV?{target:"e1mvc6510"}:{target:"e1mvc6510",label:"TestimonialProfileInfo"})("production"===process.env.NODE_ENV?{name:"1fttcpj",styles:"display:flex;flex-direction:column"}:{name:"1fttcpj",styles:"display:flex;flex-direction:column",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlc3RpbW9uaWFsQ2FyZC5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JpRCIsImZpbGUiOiJUZXN0aW1vbmlhbENhcmQuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5leHBvcnQgY29uc3QgVGVzdGltb25pYWxDYXJkU3R5bGUgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAyNHB4O1xuXHRiYWNrZ3JvdW5kOiAjZmZmZmZmZWI7XG5cdGJveC1zaGFkb3c6IDBweCAwcHggMTVweCAwcHggIzAwMDAwMDBmO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8geyB3aWR0aDogcHJvcHMud2lkdGggfSA6IHt9KX07XG5cdCR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8geyBoZWlnaHQ6IHByb3BzLmhlaWdodCB9IDoge30pfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbFByb2ZpbGVDYXJkID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTZweDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXN0aW1vbmlhbFByb2ZpbGVJbmZvID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UZXN0aW1vbmlhbENhcmQuc3R5bGUuanMubWFwIl19 */",toString:e});exports.TestimonialCardStyle=b,exports.TestimonialProfileCard=t,exports.TestimonialProfileInfo=a;

package/dist/cjs/components/testimonial-card/index.d.ts

@@ -0,0 +1 @@
+export * from './TestimonialCard';

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -9,7 +9,7 @@ export type ToasterButtonProps = {
 export type ToasterProps = {
     text: string;
     position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default';
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
     closeOnClick?: boolean;
     hideProgressBar?: boolean;
     autoClose?: number | false | undefined;
@@ -20,6 +20,7 @@ export type ToasterProps = {
     width?: string;
     height?: string;
     hideCloseButton?: boolean;
+    zIndex?: number;
 };
 type Props = ToasterProps;
 export declare const Toaster: FunctionComponent<Props>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("react"),n=require("react-dom"),s=require("react-toastify"),i=require("./Toaster.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=u(n);const d=o=>{const n="default"===o.type?l.COLORS.content.secondary:l.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t.jsx(e.default,{height:20,width:20,color:n})}))},c=e=>{const o="default"===e.type?l.COLORS.stroke.primary:"success"===e.type?l.COLORS.background.positive.vibrant:"error"===e.type?l.COLORS.background.negative.vibrant:"warning"===e.type?l.COLORS.background.warning.vibrant:l.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:e.hideCloseButton?"unset":`1px solid ${o}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:e.showButton?16:e.hideCloseButton?0:12}},{children:t.jsx(r.BodyPrimary,Object.assign({color:"inherit"},{children:e.toastText}))})),e.showButton&&t.jsx(r.ButtonRegular,Object.assign({style:{marginRight:e.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:e.onButtonClick,color:"default"===e.type?l.COLORS.content.brand:"inherit"},{children:e.buttonText}))]}))})};exports.Toaster=e=>(o.useEffect((()=>{var o,n,i,r,l,u;void 0!==e.hideLeftIcon||e.leftIcon?s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(o=e.buttonProps)||void 0===o?void 0:o.buttonText,showButton:null===(n=e.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=e.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:t=>!1!==e.hideLeftIcon&&(e.leftIcon?e.leftIcon:null),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"default"})}):s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(r=e.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(l=e.buttonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(u=e.buttonProps)||void 0===u?void 0:u.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"info"})})}),[]),a.default.createPortal(t.jsx(i.ToasterStyled,Object.assign({width:e.width,height:e.height,zIndex:e.zIndex},{children:t.jsx(s.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"})})),document.body));

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -5,4 +5,5 @@ export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
 } & {
     width?: string | undefined;
     height?: string | undefined;
+    zIndex?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=b(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.ToasterStyled=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js"),b=require("../../constants/zindex.js");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=d(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-color-warning:",c.COLORS.content.warning,";--toastify-text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;z-index:",(t=>t.zIndex||b.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQud2FybmluZ307XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogXCJmaXQtY29udGVudFwiO1xuXHQtLXRvYXN0aWZ5LXRvYXN0LW1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgfHwgJzQ0cHgnfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcbiAgei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.ToasterStyled=o;

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -6,5 +6,8 @@ export interface TooltipProps extends TooltipInternalProps {
     placement?: Placement;
     children: ReactNode;
     tooltipContent?: JSX.Element;
+    alwaysVisible?: boolean;
+    hideArrow?: boolean;
+    onClickOutside?: () => void;
 }
 export declare const Tooltip: FunctionComponent<TooltipProps>;

package/dist/cjs/components/tooltips/Tooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const s=`\n  .tippy-content {\n    padding: 0px;\n  }\n  .tippy-arrow {\n    \tcolor: ${t=>i.COLORS.content.primary};\n  }\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:s}),t.jsx(a.default,Object.assign({placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const d=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>{var n,i;return l.default.isValidElement(e.children)?e.body||e.title||e.tooltipContent?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:d}),t.jsx(a.default,Object.assign({theme:null!==(n=e.variant)&&void 0!==n?n:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:null===(i=!e.hideArrow)||void 0===i||i,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps}),onClickOutside:e.onClickOutside},{children:e.children}))]}):e.children:null};

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -4,6 +4,8 @@ export interface TooltipInternalProps {
     title?: string;
     body: string;
     buttonProps?: ButtonProps;
+    delay?: number;
+    variant?: 'light' | 'dark';
 }
 type Props = TooltipInternalProps;
 declare const TooltipInternal: FunctionComponent<Props>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),e=require("../button/Button.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const o=l(c).default("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=>n.COLORS.content.primary),";color:",(c=>n.COLORS.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */"));exports.default=c=>b.jsxs(o,{children:[c.title&&b.jsx(t.TitleSmall,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),b.jsx(t.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(e.Button,Object.assign({},c.buttonProps))]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),t=require("../button/Button.js"),l=require("../TypographyStyle.js"),e=require("../../constants/Theme.js");function g(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const a=c=>"light"===c?e.COLORS.content.primary:e.COLORS.content.primaryInverse,d=g(c).default("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?e.COLORS.surface.subdued:e.COLORS.content.primary),";color:",(c=>a(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQgPSAodmFyaWFudCkgPT4ge1xyXG4gICAgaWYgKHZhcmlhbnQgPT09ICdsaWdodCcpIHtcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmNvbnRlbnQucHJpbWFyeTtcclxuICAgIH1cclxuICAgIHJldHVybiBDT0xPUlMuY29udGVudC5wcmltYXJ5SW52ZXJzZTtcclxufTtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdsaWdodCdcclxuICAgID8gQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZFxyXG4gICAgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRUZXh0Q29sb3JCYXNlZE9uVmFyaWFudChwcm9wcy52YXJpYW50KX07XG5gO1xyXG5jb25zdCBUb29sdGlwSW50ZXJuYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIC8vIFRvZG8gKGFzaHV0b3NoKSBtYWtlIHN1cmUgdGhhdCB0aGUgYnV0dG9uIHdoaWNoIGlzIHBhc3NlZCBpcyBpbnZlcnNlXHJcbiAgICByZXR1cm4gKF9qc3hzKFRvb2x0aXBTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyB2YXJpYW50OiAoX2EgPSBwcm9wcy52YXJpYW50KSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGFyaycgfSwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogZ2V0VGV4dENvbG9yQmFzZWRPblZhcmlhbnQocHJvcHMudmFyaWFudCksIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IGdldFRleHRDb2xvckJhc2VkT25WYXJpYW50KHByb3BzLnZhcmlhbnQpLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcEludGVybmFsO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwSW50ZXJuYWwuanMubWFwIl19 */"));exports.default=c=>{var e;return b.jsxs(d,Object.assign({variant:null!==(e=c.variant)&&void 0!==e?e:"dark"},{children:[c.title&&b.jsx(l.TitleSmall,Object.assign({color:a(c.variant),style:{marginBottom:"8px"}},{children:c.title})),b.jsx(l.BodyCaption,Object.assign({color:a(c.variant),style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(t.Button,Object.assign({},c.buttonProps))]}))};

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

@@ -14,4 +14,4 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:u}=t;return e.jsxs(o,Object.assign({style:null!=u?u:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary}},{children:l}))]}))};
+`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:d}=t;return e.jsxs(o,Object.assign({style:null!=d?d:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:l}))]}))};

package/dist/cjs/constants/Theme.d.ts

@@ -4,6 +4,7 @@ export declare const BASE_COLORS: {
         800: string;
         500: string;
         50: string;
+        10: string;
     };
     grayscale: {
         900: string;
@@ -12,6 +13,7 @@ export declare const BASE_COLORS: {
         400: string;
         200: string;
         100: string;
+        70: string;
         50: string;
         white: string;
         alpha: string;
@@ -34,6 +36,11 @@ export declare const BASE_COLORS: {
         100: string;
         50: string;
     };
+    bikAi: {
+        500: string;
+        100: string;
+        50: string;
+    };
 };
 export declare const COLORS: {
     background: {
@@ -43,6 +50,7 @@ export declare const COLORS: {
         inverseLight: string;
         brand: string;
         brandLight: string;
+        brandVeryLight: string;
         negative: {
             vibrant: string;
             light: string;
@@ -69,6 +77,9 @@ export declare const COLORS: {
         standard: string;
         subdued: string;
         hovered: string;
+        grey: string;
+        ai: string;
+        aiLight: string;
     };
     content: {
         primary: string;
@@ -82,6 +93,7 @@ export declare const COLORS: {
         warning: string;
         positive: string;
         blue: string;
+        ai: string;
     };
     stroke: {
         primary: string;
@@ -92,14 +104,20 @@ export declare const COLORS: {
         };
         warning: {
             lightAlt: string;
+            vibrant: string;
         };
         positive: {
             lightAlt: string;
+            vibrant: string;
         };
         brandLightAlt: string;
         blue: {
             lightAlt: string;
         };
+        ai: {
+            lightAlt: string;
+            vibrant: string;
+        };
     };
     special: {
         whatsapp: {
@@ -321,6 +339,7 @@ export declare const DEFAULT_THEME: {
             inverseLight: string;
             brand: string;
             brandLight: string;
+            brandVeryLight: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -347,6 +366,9 @@ export declare const DEFAULT_THEME: {
             standard: string;
             subdued: string;
             hovered: string;
+            grey: string;
+            ai: string;
+            aiLight: string;
         };
         content: {
             primary: string;
@@ -360,6 +382,7 @@ export declare const DEFAULT_THEME: {
             warning: string;
             positive: string;
             blue: string;
+            ai: string;
         };
         stroke: {
             primary: string;
@@ -370,14 +393,20 @@ export declare const DEFAULT_THEME: {
             };
             warning: {
                 lightAlt: string;
+                vibrant: string;
             };
             positive: {
                 lightAlt: string;
+                vibrant: string;
             };
             brandLightAlt: string;
             blue: {
                 lightAlt: string;
             };
+            ai: {
+                lightAlt: string;
+                vibrant: string;
+            };
         };
         special: {
             whatsapp: {