@bikdotai/bik-component-library 0.0.394-beta.11 → 0.0.394-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"),l=require("../models/TemplateMeta.js"),o=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t){var n,i,o,a,d,r,v,s,E,u;const T={headerType:l.HEADER_TYPES.NONE,headerVariables:[]},p=null===(n=e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(p){T.headerType=p.format,T.headerText=p.text,T.headerAssetLink=null===(o=null===(i=p.example)||void 0===i?void 0:i.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=p.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],l=null===(v=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===v?void 0:v[0],c=l;if(n&&l){const e=null==l?void 0:l.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),i=/\(\(/.test(l),o={idx:0,variableVal:t?n:c,editable:i,editableDefaultValues:i?void 0:n,variableName:e};T.headerVariables=[o],(null===(E=null===(s=p.example)||void 0===s?void 0:s.header_text)||void 0===E?void 0:E.length)&&(T.headerText=null===(u=T.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return T}validateState(e){var t,a,d,r,v,s,E,u,T,p,c,_,m,R,h,b,I,L,N,y,B;const A=/\p{Extended_Pictographic}/u;let D="valid";const C={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},O=new o.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?(C.meta.name=i.NAME_LEN_ERROR,D="invalid"):n.specialCharPattern.test(e.meta.name.trim())&&(C.meta.name=i.NO_SPECIAL_CHAR,D="invalid"):(C.meta.name=i.REQUIRED_FIELD,D="invalid"),C.meta.name&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.name),x=!0),e.headerType===l.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)C.header=i.HEADER_LEN_ERROR,D="invalid";else{const e=O.getTemplateVariablesFromState(t);e&&e.length>1&&(C.header=i.ONE_VAR_ALLOWED,D="invalid")}else C.header=i.REQUIRED_FIELD,D="invalid"}else e.headerType===l.HEADER_TYPES.DOCUMENT||e.headerType===l.HEADER_TYPES.IMAGE||(e.headerType,l.HEADER_TYPES.VIDEO);if(e.headerType!==l.HEADER_TYPES.DOCUMENT&&e.headerType!==l.HEADER_TYPES.IMAGE&&e.headerType!==l.HEADER_TYPES.VIDEO||e.headerAssetLink||(C.header=i.HEADER_ASSET_LINK_ERROR,D="invalid"),C.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&&(C.body=i.BODY_LEN_ERROR,D="invalid"):(C.body=i.REQUIRED_FIELD,D="invalid"),C.body&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.body),x=!0),e.footerText&&e.footerText.length>i.HEADER_TEXT_LEN_LIMIT&&(C.footer=i.HEADER_LEN_ERROR,D="invalid"),(null==C?void 0:C.footer)&&!x&&(P(i.CREATE_TEMPLATE_DOM_IDS.footer),x=!0),e.actionsType===l.ACTIONS_TYPES.CTA_BTN){if(null===(s=null===(v=e.ctaBtn)||void 0===v?void 0:v.phoneNumber)||void 0===s?void 0:s.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),n=e.ctaBtn.phoneNumber.phoneNumber;C.ctaBtn&&!t?(C.ctaBtn.phoneNumber.btnText=i.REQUIRED_FIELD,D="invalid"):C.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(C.ctaBtn.phoneNumber.btnText=i.QUICK_REPLY_LEN_ERROR,D="invalid"):C.ctaBtn&&t&&A.test(t)&&(C.ctaBtn.phoneNumber.btnText=i.BUTTON_EMOJI_ERROR,D="invalid"),C.ctaBtn&&!n?(C.ctaBtn.phoneNumber.link=i.REQUIRED_FIELD,D="invalid"):C.ctaBtn&&n&&n.length<10&&(C.ctaBtn.phoneNumber.link=i.VALID_PHONE_NUMBER,D="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===(c=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===c?void 0:c.trim(),l=null===(_=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===_?void 0:_.trim();C.ctaBtn&&!t?(C.ctaBtn.websiteLink.btnText=i.REQUIRED_FIELD,D="invalid"):C.ctaBtn&&t&&t.length>i.QUICK_REPLY_BTN_TEXT_LIMIT?(C.ctaBtn.websiteLink.btnText=i.QUICK_REPLY_LEN_ERROR,D="invalid"):C.ctaBtn&&t&&A.test(t)&&(C.ctaBtn.websiteLink.btnText=i.BUTTON_EMOJI_ERROR,D="invalid"),!C.ctaBtn||n||l||(C.ctaBtn.websiteLink.link=i.REQUIRED_FIELD,D="invalid")}}else if(e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,l)=>{const o=n.text.trim();if(o)if(o.length>i.QUICK_REPLY_NAME_LEN_LIMIT)t[l]=i.QUICK_REPLY_LEN_ERROR,D="invalid";else if(A.test(o))t[l]=i.BUTTON_EMOJI_ERROR,D="invalid";else{const n=[...e.quickReply];n.splice(l,1);n.find((e=>e.text===o))&&(t[l]=i.QUICK_REPLY_NAME_ERROR,D="invalid")}else t[l]=i.REQUIRED_FIELD,D="invalid"})),C.quickReply=t}if(e.actionsType===l.ACTIONS_TYPES.CTA_BTN||e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const e=null===(m=C.quickReply)||void 0===m?void 0:m.reduce(((e,t)=>e||!!t),!1);((null===(h=null===(R=null==C?void 0:C.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===h?void 0:h.link)||(null===(I=null===(b=C.ctaBtn)||void 0===b?void 0:b.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=C.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(B=null===(y=C.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:D,errors:C}}parseBodyComponent(e){let i=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 i?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${t.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:s,bodyText:E}}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,o,a,d,r;const v={actionsType:l.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0}},s=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(s&&(null===(i=null==s?void 0:s.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(o=null==s?void 0:s.buttons)||void 0===o?void 0:o[0].type)?l.ACTIONS_TYPES.QUICK_REPLY:l.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===l.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==s?void 0:s.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];return v.quickReply=e,v}t===l.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==s?void 0:s.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.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),v.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 v}parseUITemplateFromDBFormat(t){var n;return e.__awaiter(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:i,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:T,quickReply:p,ctaBtn:c}=yield this.parseButtonComponent(e),_={quickReply:p,ctaBtn:c,meta:{name:i?`${e.label} Copy`:e.label,category:null===(n=e.category)||void 0===n?void 0:n.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:T,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},{errors:m}=this.validateState(_);return _.error=m,_}))}};
+"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"),l=require("../models/TemplateMeta.js"),o=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t){var n,i,o,a,d,r,v,s,E,u;const T={headerType:l.HEADER_TYPES.NONE,headerVariables:[]},p=null===(n=e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(p){T.headerType=p.format,T.headerText=p.text,T.headerAssetLink=null===(o=null===(i=p.example)||void 0===i?void 0:i.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=p.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],l=null===(v=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===v?void 0:v[0],c=l;if(n&&l){const e=null==l?void 0:l.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),i=/\(\(/.test(l),o={idx:0,variableVal:t?n:c,editable:i,editableDefaultValues:i?void 0:n,variableName:e};T.headerVariables=[o],(null===(E=null===(s=p.example)||void 0===s?void 0:s.header_text)||void 0===E?void 0:E.length)&&(T.headerText=null===(u=T.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return T}validateState(e){var t,a,d,r,v,s,E,u,T,p,c,_,m,R,h,b,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 o.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===l.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===l.HEADER_TYPES.DOCUMENT||e.headerType===l.HEADER_TYPES.IMAGE||(e.headerType,l.HEADER_TYPES.VIDEO);if(e.headerType!==l.HEADER_TYPES.DOCUMENT&&e.headerType!==l.HEADER_TYPES.IMAGE&&e.headerType!==l.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===l.ACTIONS_TYPES.CTA_BTN){if(null===(s=null===(v=e.ctaBtn)||void 0===v?void 0:v.phoneNumber)||void 0===s?void 0:s.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===(c=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===c?void 0:c.trim(),l=null===(_=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===_?void 0:_.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||l||(D.ctaBtn.websiteLink.link=i.REQUIRED_FIELD,C="invalid")}}else if(e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((n,l)=>{const o=n.text.trim();if(o)if(o.length>i.QUICK_REPLY_NAME_LEN_LIMIT)t[l]=i.QUICK_REPLY_LEN_ERROR,C="invalid";else if(A.test(o))t[l]=i.BUTTON_EMOJI_ERROR,C="invalid";else{const n=[...e.quickReply];n.splice(l,1);n.find((e=>e.text===o))&&(t[l]=i.QUICK_REPLY_NAME_ERROR,C="invalid")}else t[l]=i.REQUIRED_FIELD,C="invalid"})),D.quickReply=t}if(e.actionsType===l.ACTIONS_TYPES.CTA_BTN||e.actionsType===l.ACTIONS_TYPES.QUICK_REPLY){const e=null===(m=D.quickReply)||void 0===m?void 0:m.reduce(((e,t)=>e||!!t),!1);((null===(h=null===(R=null==D?void 0:D.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===h?void 0:h.link)||(null===(I=null===(b=D.ctaBtn)||void 0===b?void 0:b.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){let i=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 i?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${t.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:s,bodyText:E}}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,o,a,d,r;const v={actionsType:l.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0,copyCodeBtn:void 0}},s=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(s&&(null===(i=null==s?void 0:s.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(o=null==s?void 0:s.buttons)||void 0===o?void 0:o[0].type)?l.ACTIONS_TYPES.QUICK_REPLY:l.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===l.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==s?void 0:s.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];return v.quickReply=e,v}t===l.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==s?void 0:s.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.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),v.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 v}parseUITemplateFromDBFormat(t){var n;return e.__awaiter(this,void 0,void 0,(function*(){const{dbFormattedTemplate:e,isDuplicate:i,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:T,quickReply:p,ctaBtn:c}=yield this.parseButtonComponent(e),_={quickReply:p,ctaBtn:c,meta:{name:i?`${e.label} Copy`:e.label,category:null===(n=e.category)||void 0===n?void 0:n.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:T,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},{errors:m}=this.validateState(_);return _.error=m,_}))}};

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

@@ -71,6 +71,12 @@ export type CreateTemplateType = {
             linkOpens?: string;
             placeholder?: string;
         };
+        copyCodeBtn?: {
+            isChecked?: boolean;
+            btnText?: string;
+            code?: string;
+            placeholder?: string;
+        };
     };
     meta: {
         name: string;
@@ -153,12 +159,7 @@ export type WhatsappLikePreviewTypes = {
     headerAssetLink?: string;
     headerAssetName?: string;
     quickReplybtn?: QUICK_REPLY_BUTTON[];
-    ctaBtn?: {
-        type: 'phoneNumber' | 'website';
-        text: string;
-        extra?: string;
-        placeholder?: string;
-    }[];
+    ctaBtn?: CTABtnPreview[];
     actionTypes?: ACTIONS_TYPES;
     textType: 'html' | 'markdown';
     hidePreviewText?: boolean;
@@ -173,6 +174,13 @@ export type WhatsappLikePreviewTypes = {
     bodyVariableList?: variableType[];
     headerVariableList?: variableType[];
 };
+export type CTABtnPreview = {
+    type: 'phoneNumber' | 'website' | 'copy_code';
+    text: string;
+    extra?: string;
+    placeholder?: string;
+};
+export type CtaBtnPreviewType = CTABtnPreview['type'];
 export type WhatsappMeta = {
     containerStyle?: React.CSSProperties | undefined;
     templateContainerStyles?: React.CSSProperties | undefined;
@@ -226,3 +234,13 @@ export declare enum BUTTON_TYPE {
     URL = "URL",
     PHONE_NUMBER = "PHONE_NUMBER"
 }
+export type Extras = {
+    discountCodeExtra?: [
+        discountCode: string,
+        setDiscountCode: (discountCode: string) => void
+    ];
+    backTrackExtra?: [
+        backTrackMessage: string,
+        setBackTrackMessage: (backTrackMessage: string) => void
+    ];
+};

package/dist/esm/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as d}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as s}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as a}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as c}from"./SidebarStyles.js";import{SimpleSidebar as v}from"./SimpleSidebar.js";const m=r=>{const{logoSvg:m,allMenuList:p,activeMainMenu:g,activeSubMenu:y,router:k,onClickingMainMenu:b,onClickingSubMenu:M,onClickingAccessUpgradePanel:S,onClickingPopupMenuItem:j}=r,[f,w]=t(g),[N,L]=t(),[C,O]=t(y),[I,P]=t(!1),[x,A]=t(),[H,_]=t();l((()=>{w(g)}),[g]),l((()=>{O(y)}),[y]);const E=e=>{if(L(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)){const i=$();i&&_(i),A(e)}else L(e)},U=(n,o)=>{var t,l,d,r,s,a;return i("div",Object.assign({id:(null===(l=null===(t=n.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),L(void 0),P(!0),w(e),!e.path&&b(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?O(null==e?void 0:e.children[0]):O({}),L(void 0),setTimeout((()=>{P(!1)}),1e3))})(n),onMouseEnter:()=>{!I&&E(n)},onMouseOver:()=>{!I&&E(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(L(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({id:(null===(r=null===(d=n.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item ${(null==f?void 0:f.key)==n.key?" main-menu-active-class":""}  ${n.isLastSticky?"sticky-menu-int":""} ${n.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${n.key==(null==N?void 0:N.key)?"sidebar-menu-item-hover":""}`},{children:[i(h,{icon:n.icon,isActive:n.key==(null==f?void 0:f.key),activeStateIcon:null!==(s=n.activeIcon)&&void 0!==s?s:{},hoverStateIcon:null!==(a=n.hoverIcon)&&void 0!==a?a:{},isHovered:n.key==(null==N?void 0:N.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==f?void 0:f.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),o)}),o)};l((()=>{const e=()=>{const e=$();e&&_(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const $=()=>{var e,i;if(x){const n=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",o=document.getElementById(n);if(o){const e=o.getBoundingClientRect();let i=e.top;return e.bottom+320>window.innerHeight&&(i-=e.bottom+320-window.innerHeight),i}return null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:m||i(o,{})})),i(c,{children:null==p?void 0:p.map(((o,t)=>{var l,r;return e(d,{children:[o.path?i(s,Object.assign({href:o.path,router:k},{children:U(o,t)})):U(o,t),e(n,{children:["popup"===o.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(a,{top:null!=H?H:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{j&&j(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(r=null==N?void 0:N.children)||void 0===r?void 0:r.length)&&i(v,{menuList:null==N?void 0:N.children,activeMenu:C,onMouseLeaveOnMenu:()=>L(void 0),left:88,postion:"fixed",header:N.displayName,theme:"brand",router:k,showAccessUpgradePanel:N.showAccessUpgradePanel,onMenuClick:(e,i)=>{O(e),w(N),L(void 0),A(void 0),i&&M(e)},onUpgrade:S})]})]},t)}))})]})},h=e=>{const{icon:o,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:s}=e,a=o,u=d;return i(n,{children:t?i(l,{width:20,height:20}):i(s?u:a,{width:20,height:20,color:r.surface.standard})})};export{m as BikSidebar};
+import{jsxs as e,jsx as i,Fragment as o}from"react/jsx-runtime";import n from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as d}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as s}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as v}from"./SidebarStyles.js";import{SimpleSidebar as c}from"./SimpleSidebar.js";const m=r=>{const{logoSvg:m,allMenuList:h,activeMainMenu:g,activeSubMenu:y,router:k,onClickingMainMenu:b,onClickingSubMenu:f,onClickingAccessUpgradePanel:M,onClickingPopupMenuItem:S}=r,[j,N]=t(g),[C,I]=t(),[O,w]=t(y),[L,P]=t(!1),[x,A]=t();l((()=>{N(g)}),[g]),l((()=>{w(y)}),[y]);const _=e=>{I(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)?A(e):I(e)},U=(o,n)=>{var t,l,d,r,a,s;return i("div",Object.assign({id:(null===(l=null===(t=o.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||o.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),I(void 0),P(!0),N(e),!e.path&&b(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?w(null==e?void 0:e.children[0]):w({}),I(void 0),setTimeout((()=>{P(!1)}),1e3))})(o),onMouseEnter:()=>{!L&&_(o)},onMouseOver:()=>{!L&&_(o)},onMouseLeave:()=>{var e;(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)||(I(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({id:(null===(r=null===(d=o.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||o.key.toString()+"_sub",className:`sidebar-menu-item ${(null==j?void 0:j.key)==o.key?" main-menu-active-class":""}  ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${o.key==(null==C?void 0:C.key)?"sidebar-menu-item-hover":""}`},{children:[i(p,{icon:o.icon,isActive:o.key==(null==j?void 0:j.key),activeStateIcon:null!==(a=o.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(s=o.hoverIcon)&&void 0!==s?s:{},isHovered:o.key==(null==C?void 0:C.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==j?void 0:j.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),n)}),n)},$=()=>{var e,i;if(x){const o=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",n=document.getElementById(o);if(n){const e=window.getComputedStyle(n);if("0px"===e.getPropertyValue("bottom")){return e.getPropertyValue("bottom")}return Number(n.offsetTop)}return console.error("Element with ID",o,"not found"),null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:m||i(n,{})})),i(v,{children:null==h?void 0:h.map(((n,t)=>{var l,r,u;return e(d,{children:[n.path?i(a,Object.assign({href:n.path,router:k},{children:U(n,t)})):U(n,t),e(o,{children:["popup"===n.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(s,{top:null!==(r=Number($()))&&void 0!==r?r:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{S&&S(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(u=null==C?void 0:C.children)||void 0===u?void 0:u.length)&&i(c,{menuList:null==C?void 0:C.children,activeMenu:O,onMouseLeaveOnMenu:()=>I(void 0),left:88,postion:"fixed",header:C.displayName,theme:"brand",router:k,showAccessUpgradePanel:C.showAccessUpgradePanel,onMenuClick:(e,i)=>{w(e),N(C),I(void 0),A(void 0),i&&f(e)},onUpgrade:M})]})]},t)}))})]})},p=e=>{const{icon:n,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:a}=e,s=n,u=d;return i(o,{children:t?i(l,{width:20,height:20}):i(a?u:s,{width:20,height:20,color:r.surface.standard})})};export{m as BikSidebar};

package/dist/esm/components/bik-layout/SidebarStyles.js

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks3"}:{target:"e17yrcks3",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWRlYmFyUG9wdXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0LnNpZGViYXItcmlnaHQtbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJvcmRlcjogMC41cHggc29saWQgdmFyKC0tc3Ryb2tlLWNvbG9yLXN0cm9rZS1wcmltYXJ5LCAjZTBlMGUwKTtcblx0XHRib3gtc2hhZG93OiAwcHggMHB4IDEycHggMHB4IHJnYmEoMjIyLCAyMzYsIDI1NSwgMC42KTtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IHVuZGVmaW5lZCl9cHg7XG5cdFx0Ym90dG9tOiAxMHB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdG1pbi13aWR0aDogMjAwcHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDEycHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0bWluLWhlaWdodDogMTAwcHg7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRtYXgtd2lkdGg6IDMyMHB4O1xuXHR9XG5cdC5lYWNoLW1lbnUge1xuXHRcdHBhZGRpbmc6IDhweDtcblx0XHRnYXA6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdGJvcmRlci1ib3R0b206IDAuNXB4IHNvbGlkICNlMGUwZTA7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2lkZWJhclN0eWxlcy5qcy5tYXAiXX0= */",toString:function(){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)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */")),H=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SidebarPopupContainer"})(".sidebar-right-menu{border-radius:4px;border:0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);box-shadow:0px 0px 12px 0px rgba(222, 236, 255, 0.6);position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:void 0),"px;bottom:10px;left:",(c=>c.left?c.left:0),"px;min-width:200px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";display:flex;flex-direction:column;padding:12px;gap:4px;min-height:100px;overflow-y:auto;max-width:320px;}.each-menu{padding:8px;gap:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:0.5px solid #e0e0e0;cursor:pointer;:hover{background-color:",d.background.base,";border-radius:8px;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJMZ0QiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SidebarPopupContainer,H as SimpleSidebarContainer};
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks3"}:{target:"e17yrcks3",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWRlYmFyUG9wdXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0LnNpZGViYXItcmlnaHQtbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJvcmRlcjogMC41cHggc29saWQgdmFyKC0tc3Ryb2tlLWNvbG9yLXN0cm9rZS1wcmltYXJ5LCAjZTBlMGUwKTtcblx0XHRib3gtc2hhZG93OiAwcHggMHB4IDEycHggMHB4IHJnYmEoMjIyLCAyMzYsIDI1NSwgMC42KTtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IHVuZGVmaW5lZCl9cHg7XG5cdFx0Ym90dG9tOiAxMHB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdG1pbi13aWR0aDogMjAwcHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0bWluLWhlaWdodDogMTAwcHg7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRtYXgtd2lkdGg6IDMzNnB4O1xuXHR9XG5cdC5lYWNoLW1lbnUge1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */",toString:function(){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)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),H=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SidebarPopupContainer"})(".sidebar-right-menu{border-radius:4px;border:0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);box-shadow:0px 0px 12px 0px rgba(222, 236, 255, 0.6);position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:void 0),"px;bottom:10px;left:",(c=>c.left?c.left:0),"px;min-width:200px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";display:flex;flex-direction:column;padding:16px;gap:8px;min-height:100px;overflow-y:auto;max-width:336px;}.each-menu{padding:16px;gap:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:0.5px solid #e0e0e0;cursor:pointer;:hover{background-color:",d.background.base,";border-radius:8px;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJMZ0QiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SidebarPopupContainer,H as SimpleSidebarContainer};

package/dist/esm/components/plans/NewSubscriptionPlan.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as g}from"../../hooks/useCurreny.js";import{COLORS as u}from"../../constants/Theme.js";import{Tag as b}from"../tag/Tag.js";const y=y=>{var j;const{formatCurrency:O}=g(),v=y.showMonthlyOptions?y.features:y.annualFeatures||[],f=y.showMonthlyOptions?y.monthlyPlan:y.yearlyPlan,T=!y.isDisabled&&y.isMostPopular,N=y.showMonthlyOptions?y.code:null!==(j=y.yearlyCode)&&void 0!==j?j:y.code,{planName:x,isSelected:P=!1,isDisabled:S=!1,onPlanSelect:k,oldPrice:C,hideMonthYearTag:M,planDescription:w,planDescriptionDiscount:D,showTrialOptions:L,freeTrialMessages:F,extraBlockMessage:$,isLoading:z,buttonText:B,bottomDescription:W,showMonthlyOptions:_,popularTestimony:H,skipRadioSelection:I=!1,includeText:U,height:Y,showFeaturesButton:q,businessDescription:A,isPlanSelected:R=!1,onClickShowAllFeatures:E,showSelectedPlanChip:G=!1,perMonthForYearly:J=!1}=y,K=e=>J&&!_?0==e?"$0":O(Math.round(e/12),"USD"):0==e?"$0":O(e,"USD");return e(l,Object.assign({height:Y,showMostPopularChip:T||!1,onClick:()=>k(N)},{children:[T&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box  ${S?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!I&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=S&&S,onChange:()=>k(N),className:"radio-button",checked:R}),t(d,Object.assign({style:{color:u.content.secondary,marginBottom:4}},{children:x})),G&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(b,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[C?t(h,Object.assign({className:"old--price"},{children:K(f.price)})):t(s,{}),t(m,Object.assign({style:{color:u.content.primary}},{children:K(C||f.price)})),t(c,Object.assign({style:{color:u.content.secondary,marginLeft:4}},{children:M?"":"/ "+(_?"month":J?"month billed annually":"year")}))]})),w&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:u.content.secondary}},{children:w})),D&&t(h,Object.assign({style:{color:u.background.positive.vibrant,marginLeft:4}},{children:D}))]})),A&&A.length&&t("div",Object.assign({style:{marginTop:4}},{children:A.map(((e,s)=>t(h,{style:{color:u.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),L&&e(c,Object.assign({className:"trial "+(P?"selected":"")},{children:["7 day free trial with ",F," messages"]})),$&&t(c,Object.assign({className:"trial "+(P?"selected":"")},{children:$})),t(p,Object.assign({className:"extra-include-margin",style:{height:U?"":"20px"}},{children:U||""})),t("div",Object.assign({className:"features"},{children:v.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:u.content.primary})}),t(h,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),q&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),E&&E()}}),I&&t("div",Object.assign({className:"button-box"},{children:z?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[P&&t(r,{disabled:S,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:B||"Selected Plan"}),!P&&!S&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),k(N)},matchParentWidth:!0,buttonText:B||"Choose plan"})]})})),H&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:H})}))]}))]})),W&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${S?"disabled":""}\n\t\t\t\t\t${P?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:u.background.inverse}},{children:W}))}))]}))};export{y as NewSubscriptionPlan};
+import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,BodySecondary as p,TitleSmall as g}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as b}from"../../constants/Theme.js";import{Tag as y}from"../tag/Tag.js";const j=j=>{var O;const{formatCurrency:v}=u(),f=j.showMonthlyOptions?j.features:j.annualFeatures||[],T=j.showMonthlyOptions?j.monthlyPlan:j.yearlyPlan,N=!j.isDisabled&&j.isMostPopular,x=j.showMonthlyOptions?j.code:null!==(O=j.yearlyCode)&&void 0!==O?O:j.code,{planName:P,isSelected:S=!1,isDisabled:k=!1,onPlanSelect:C,oldPrice:M,hideMonthYearTag:w,planDescription:D,planDescriptionDiscount:L,showTrialOptions:F,freeTrialMessages:$,extraBlockMessage:z,isLoading:B,buttonText:W,bottomDescription:_,showMonthlyOptions:H,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1}=j,Q=e=>K&&!H?0==e?"$0":v(Math.round(e/12),"USD"):0==e?"$0":v(e,"USD");return e(l,Object.assign({height:q,showMostPopularChip:N||!1,onClick:()=>C(x)},{children:[N&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box  ${k?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!U&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=k&&k,onChange:()=>C(x),className:"radio-button",checked:E}),t(d,Object.assign({style:{color:b.content.secondary,marginBottom:4}},{children:P})),J&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(y,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[M?t(h,Object.assign({className:"old--price"},{children:Q(T.price)})):t(s,{}),t(m,Object.assign({style:{color:b.content.primary}},{children:Q(M||T.price)})),t(c,Object.assign({style:{color:b.content.secondary,marginLeft:4}},{children:w?"":"/ "+(H?"month":K?"month billed annually":"year")}))]})),D&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:b.content.secondary}},{children:D})),L&&t(h,Object.assign({style:{color:b.background.positive.vibrant,marginLeft:4}},{children:L}))]})),R&&R.length&&t("div",Object.assign({style:{marginTop:4}},{children:R.map(((e,s)=>t(p,{style:{color:b.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),F&&e(c,Object.assign({className:"trial "+(S?"selected":"")},{children:["7 day free trial with ",$," messages"]})),z&&t(c,Object.assign({className:"trial "+(S?"selected":"")},{children:z})),t(g,Object.assign({className:"extra-include-margin",style:{height:Y?"":"20px"}},{children:Y||""})),t("div",Object.assign({className:"features"},{children:f.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:b.content.primary})}),t(p,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),A&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&t("div",Object.assign({className:"button-box"},{children:B?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[S&&t(r,{disabled:k,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:W||"Selected Plan"}),!S&&!k&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),C(x)},matchParentWidth:!0,buttonText:W||"Choose plan"})]})})),I&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:I})}))]}))]})),_&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${k?"disabled":""}\n\t\t\t\t\t${S?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:b.background.inverse}},{children:_}))}))]}))};export{j as NewSubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlansCollected.js

@@ -1,6 +1,6 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,createElement as l}from"react";import o from"styled-components";import{NewSubscriptionPlan as n}from"./NewSubscriptionPlan.js";const i=o.div`
+import{jsx as e}from"react/jsx-runtime";import{useState as l,createElement as t}from"react";import o from"styled-components";import{NewSubscriptionPlan as n}from"./NewSubscriptionPlan.js";const s=o.div`
 	display: flex;
 	column-gap: 22px;
 	align-items: stretch;
 	overflow-x: auto;
-`,s=o=>{var s;const[a,r]=t(null!==(s=o.selectedPlan)&&void 0!==s?s:"");return e(i,Object.assign({style:{padding:"28px 0px"}},{children:o.plans.map(((t,i)=>{var s,c,d;return e("div",Object.assign({style:{minWidth:null!==(s=o.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(c=o.staticWidth)&&void 0!==c?c:280}},{children:l(n,Object.assign({},t,{showMonthly:!0,showMonthlyOptions:null!==(d="monthly"==o.selectedTab)&&void 0!==d&&d,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:e=>{o.onPlanSelect(e),r(e)},key:t.planName,isPlanSelected:a==("monthly"==o.selectedTab?t.code:t.yearlyCode),onClickShowAllFeatures:o.onClickShowAllFeatures,showSelectedPlanChip:o.currentPlan==("monthly"==o.selectedTab?t.code:t.yearlyCode)}))}),i)}))}))};export{s as SubscriptionPlansCollected};
+`,a=o=>{var a;const[i,r]=l(null!==(a=o.selectedPlan)&&void 0!==a?a:"");return e(s,Object.assign({style:{padding:"28px 0px"}},{children:o.plans.map(((l,s)=>{var a,c;return e("div",Object.assign({style:{width:null!==(a=o.staticWidth)&&void 0!==a?a:308}},{children:t(n,Object.assign({},l,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==o.selectedTab)&&void 0!==c&&c,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:e=>{o.onPlanSelect(e),r(e)},key:l.planName,isPlanSelected:i==("monthly"==o.selectedTab?l.code:l.yearlyCode),onClickShowAllFeatures:o.onClickShowAllFeatures,showSelectedPlanChip:o.currentPlan==("monthly"==o.selectedTab?l.code:l.yearlyCode)}))}),s)}))}))};export{a as SubscriptionPlansCollected};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{Input as s}from"../../input/Input.js";const c=c=>{const{backTrackMessage:o,setBackTrackMessage:l}=c,[m,g]=i(!!o);return e(r,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px"}},{children:[t(a,{isChecked:m,onValueChange:()=>{m&&l&&l(""),g(!m)}}),t(n,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),m&&t("div",Object.assign({style:{margin:10}},{children:t(s,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{l&&l(e)},height:"120px",maxCharLimit:1024,value:o,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{c as BackTrackComponent};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{Input as s}from"../../input/Input.js";const c=c=>{const{backTrackMessage:o,setBackTrackMessage:l}=c,[g,m]=i(!!o);return e(r,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[t(a,{isChecked:g,onValueChange:()=>{g&&l&&l(""),m(!g)}}),t(n,Object.assign({style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),g&&t("div",Object.assign({style:{margin:10}},{children:t(s,{placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{l&&l(e)},height:"120px",value:o,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{c as BackTrackComponent};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import i from"../../../assets/icons/PlusIcon.js";import{useState as r,useRef as a,useEffect as s}from"react";import{AddVariableV2SideModal as l}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as n}from"../../input/Input.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleSmall as d}from"../../TypographyStyle.js";import{CheckBox as c}from"../../checkBox/CheckBox.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const p=p=>{const{discountCode:u,setDiscountCode:h,variableList:j}=p,[b,g]=r(""),[v,V]=r(!!u),[f,y]=r(!1),[C,x]=r(!1),w=a(),T=a();return s((()=>{console.log("vj: setDiscountCode",h,b),h&&b&&h(u+b)}),[b]),e(t,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[o(c,{isChecked:v,onValueChange:()=>{v&&h&&(h(""),g("")),V(!v)}}),o(d,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),v&&e("div",Object.assign({ref:w,style:{margin:10}},{children:[o(n,{placeholder:"Enter your discount code",onChangeText:e=>{h&&h(e)},value:u,onFocus:()=>{y(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(w.current&&w.current.focus(),y(!0)):(y(!1),x(!1))},noErrorHint:!0,validate:e=>[!0,""]}),f&&o(m,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),x(!0)}},{children:e("div",Object.assign({className:"add"},{children:[o(i,{width:14,height:14,color:"white"}),o("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),C&&o(l,{zIndex:2e3,data:null!=j?j:[],showVariable:C,setShowVariable:x,variableValue:b,setVariableValue:g,placeholder:"Add a variable",customTrigger:e=>{g(e.actualValue),y(!1)}})]})};export{p as DiscountCodeComponent};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import i from"../../../assets/icons/PlusIcon.js";import{useState as r,useRef as a,useEffect as s}from"react";import{AddVariableV2SideModal as l}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as n}from"../../input/Input.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleSmall as d}from"../../TypographyStyle.js";import{CheckBox as c}from"../../checkBox/CheckBox.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const p=p=>{const{discountCode:u,setDiscountCode:h,variableList:j}=p,[b,g]=r(""),[v,V]=r(!!u),[f,y]=r(!1),[C,x]=r(!1),w=a(),T=a();return s((()=>{console.log("vj: setDiscountCode",h,b),h&&h(u+b)}),[b]),e(t,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[o(c,{isChecked:v,onValueChange:()=>{v&&h&&h(""),V(!v)}}),o(d,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),v&&e("div",Object.assign({ref:w,style:{margin:10}},{children:[o(n,{placeholder:"Enter your discount code",onChangeText:e=>{h&&h(e)},value:u,onFocus:()=>{y(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(w.current&&w.current.focus(),y(!0)):(y(!1),x(!1))},noErrorHint:!0,validate:e=>[!0,""]}),f&&o(m,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),x(!0)}},{children:e("div",Object.assign({className:"add"},{children:[o(i,{width:20,height:20,color:"white"}),o("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),C&&o(l,{zIndex:2e3,data:null!=j?j:[],showVariable:C,setShowVariable:x,variableValue:b,setVariableValue:g,placeholder:"Add a variable",customTrigger:e=>{g(e.actualValue),y(!1)}})]})};export{p as DiscountCodeComponent};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as i}from"../../button/Button.js";import{InputWithVariables as a}from"../../input-with-vars/InputWithVariables.js";import{StyledModal as o}from"../../modals/styledModal.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import{HEADER_TYPES as r}from"../../template-preview/models/TemplateMeta.js";import{TitleMedium as l,BodySecondary as d,BodyRegular as n,BodyCaption as p}from"../../TypographyStyle.js";import c from"../../../assets/icons/file.svg.js";import m from"../../../assets/icons/filePdf.svg.js";import h from"../../../assets/icons/image.svg.js";import g from"../../../assets/icons/upload.svg.js";const u=u=>{let{setOpenEditMedia:b,mediaComponentFormat:f,variableListForImage:j,openEditMedia:v,uploadMedia:y}=u;return e(o,Object.assign({open:v,zIndex:2e3,onClose:()=>b(!1),width:"440px"},{children:t("div",Object.assign({style:{padding:24,borderRadius:4}},{children:[e(l,Object.assign({style:{marginBottom:16}},{children:"Update media"})),t("div",Object.assign({style:{padding:24,border:`1px dashed ${s.colorsV2.stroke.primary}`,backgroundColor:s.colorsV2.surface.subdued}},{children:[t("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[e("div",Object.assign({style:{height:80,width:80,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:s.colorsV2.background.base}},{children:f===r.IMAGE?e(h,{width:40,height:40}):f===r.VIDEO?e(c,{width:40,height:40}):e(m,{width:40,height:40})})),e(l,{children:f===r.IMAGE?"Upload an image":f===r.VIDEO?"Upload a video":"Upload a document"}),e(d,{children:f===r.IMAGE?"JPEG/ PNG format • Max 5MB":f===r.VIDEO?"Mp4 format video • Max 16MB":"Pdf format a document • Max 100MB"})]})),t("div",Object.assign({style:{marginBottom:16}},{children:[e(n,{children:"Media"}),e(a,{addVarBoxRight:"46px",allowMix:!1,onChange:e=>{},prevVariable:{actualValue:"",variableType:"string"},variablesList:j,showSideVariablePanel:!0,placeHolder:"Enter URL or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&y(t.actualValue)},showAddButton:[r.IMAGE,r.VIDEO,r.DOCUMENT].includes(f)})]})),t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:4}},{children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(p,Object.assign({style:{flex:1}},{children:"Or upload media from device"})),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(i,{matchParentWidth:!0,buttonText:"Upload",buttonType:"secondary",LeadingIcon:g,onClick:()=>y()})}))]}))]}))}))};export{u as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as i}from"../../button/Button.js";import{InputWithVariables as a}from"../../input-with-vars/InputWithVariables.js";import{StyledModal as o}from"../../modals/styledModal.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import{HEADER_TYPES as s}from"../../template-preview/models/TemplateMeta.js";import{TitleMedium as l,BodySecondary as d,BodyRegular as n,BodyCaption as p}from"../../TypographyStyle.js";import m from"../../../assets/icons/file.svg.js";import c from"../../../assets/icons/filePdf.svg.js";import h from"../../../assets/icons/image.svg.js";import g from"../../../assets/icons/upload.svg.js";const u=u=>{let{setOpenEditMedia:b,mediaComponentFormat:f,variableListForImage:j,openEditMedia:v,uploadMedia:y}=u;return e(o,Object.assign({open:v,zIndex:2e3,onClose:()=>b(!1),width:"440px"},{children:t("div",Object.assign({style:{padding:24,borderRadius:4}},{children:[e(l,Object.assign({style:{marginBottom:16}},{children:"Update media"})),t("div",Object.assign({style:{padding:24,border:`1px dashed ${r.colorsV2.stroke.primary}`,backgroundColor:r.colorsV2.surface.subdued}},{children:[t("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[e("div",Object.assign({style:{height:80,width:80,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:r.colorsV2.background.base}},{children:f===s.IMAGE?e(h,{width:40,height:40}):f===s.VIDEO?e(m,{width:40,height:40}):e(c,{width:40,height:40})})),e(l,{children:f===s.IMAGE?"Upload an image":f===s.VIDEO?"Upload a video":"Upload a document"}),e(d,{children:f===s.IMAGE?"JPEG/ PNG format • Max 5MB":f===s.VIDEO?"Mp4 format video • Max 16MB":"Pdf format a document • Max 100MB"})]})),t("div",Object.assign({style:{marginBottom:16}},{children:[e(n,{children:"Media"}),e(a,{addVarBoxRight:"46px",allowMix:!1,onChange:e=>{},prevVariable:{actualValue:"",variableType:"string"},variablesList:j,showSideVariablePanel:!0,placeHolder:"Enter URL or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&y(t.actualValue)},showAddButton:f===s.IMAGE})]})),t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:4}},{children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(p,Object.assign({style:{flex:1}},{children:"Or upload media from device"})),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(i,{matchParentWidth:!0,buttonText:"Upload",buttonType:"secondary",LeadingIcon:g,onClick:()=>y()})}))]}))]}))}))};export{u as default};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as n}from"react";import{useTemplateModalContext as i}from"../context/templateModalContext.js";import{getAllDataFromTemplateComponent as l}from"../utils/getDataFromTemplateComponent.js";import{BackTrackComponent as a}from"./BackTrackComponent.js";import{DiscountCodeComponent as s}from"./DiscountCodeComponent.js";import{EditTemplateMediaContainer as d}from"./EditMediaV2.style.js";import r from"./EditWhatsAppTemplateMediaV2.js";import{Container as c}from"./VariableConnectorsPanel.js";import p from"./VariableConnectorWhatsApp.js";import u from"./VariableEditorHeader.js";import m from"./WhatsAppTemplateCardButtonV2.js";const v=v=>{let{template:b,onTemplateChange:g,whatsappSpecificPickerMeta:h,showVariableModal:f,variableList:T,variableListForImage:j,discountCode:C,setDiscountCode:O}=v;var x,E,k,y,V,B,w,L,I,A,M,R,U,H,D,S;const{originalVariableList:N,pod:P,extras:Q}=i(),{descriptionComponents:F,urlBtns:W,qrbBtns:_,imageComponent:K,bodyVariables:Y,headerVariables:$}=l(b),[q,X]=e(!1);function z(t,o){var e,n,i,l,a;const s=Object.assign({},b),d=null==s?void 0:s.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==d&&d>-1){const a=null===(e=null==s?void 0:s.components[d].buttons)||void 0===e?void 0:e.findIndex((t=>"URL"===t.type));if(void 0!==a&&a>-1){const e="custom"===o&&"string"==typeof t,r=[...null!==(l=null===(i=null===(n=s.components)||void 0===n?void 0:n[d])||void 0===i?void 0:i.buttons)&&void 0!==l?l:[]];r[a]=Object.assign(Object.assign({},r[a]),{url:"https://d.bik.ai/{{1}}",example:[e?t:"string"!=typeof t?t.defaultValue:""]});const c=Object.assign(Object.assign({},s.components[d]),{buttons:r}),p=Object.assign(Object.assign({},s.mapping),{buttons:e?["((customBtnPlaceholder))"]:"string"!=typeof t?[t.placeHolder]:void 0});s.mapping=p;const u=[...s.components];u[d]=c,s.components=u}}if("string"!=typeof t){"checkout.checkoutUrl"===(null===(a=t.placeHolder)||void 0===a?void 0:a.slice(2,-2))?X(!0):(X(!1),null==O||O(""))}null==g||g(s)}function G(t,o,e){var n;const i=Object.assign({},b),l=null==i?void 0:i.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==l&&l>-1){const o=null===(n=null==i?void 0:i.components[l].buttons)||void 0===n?void 0:n.filter((t=>"QUICK_REPLY"===t.type));o&&(o[e]=Object.assign(Object.assign({},o[e]),{flowId:t.flowId,flowName:t.flowName}));const a=Object.assign(Object.assign({},i.components[l]),{buttons:o}),s=[...i.components];s[l]=a,i.components=s}null==g||g(i)}return n((()=>{var t;const o=null===(t=b.mapping.buttons)||void 0===t?void 0:t[0];"checkout.checkoutUrl"===(null==o?void 0:o.slice(2,-2))?X(!0):(X(!1),null==O||O(""))}),[b]),t(c,Object.assign({style:{flexDirection:"column",maxHeight:460}},{children:[!!K&&o(d,{children:o(r,{whatsappSpecificPickerMeta:h,mediaComponent:K,updateTemplateImageUrl:function(t,o){var e;let n=Object.assign({},b);const i=null===(e=null==n?void 0:n.components)||void 0===e?void 0:e.findIndex((t=>{if("HEADER"===t.type&&"NONE"!==t.format&&"TEXT"!==t.format)return!0}));if(void 0!==i&&i>-1&&(null==n?void 0:n.components[i])){const e=Object.assign(Object.assign({},n.components[i]),{format:o,example:{header_handle:[t]}}),l=[...n.components];l[i]=e,n=Object.assign(Object.assign({},n),{components:l})}n.mapping&&(n.mapping=Object.assign(Object.assign({},n.mapping),{header:void 0})),null==g||g(Object.assign({},n))},template:b,variableListForImage:j})}),(Y.length>0||$.length>0)&&o(u,{containerStyle:{paddingTop:K?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==F?void 0:F.map(((t,e)=>o(p,{originalVariableList:N,type:t.type,descriptionComponent:t.component,variableMapping:"HEADER"===t.type?b.mapping.header:b.mapping.body,showVariableModal:f,variableList:T},e))),(null===(E=null===(x=W[0])||void 0===x?void 0:x.component)||void 0===E?void 0:E.buttons)&&(null===(V=null===(y=null===(k=W[0])||void 0===k?void 0:k.component)||void 0===y?void 0:y.buttons)||void 0===V?void 0:V.length)>0&&o(u,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(B=null==N?void 0:N.buttons)||void 0===B?void 0:B.map(((t,e)=>{if("URL"===t.type)return o(m,{CTAoptions:null==h?void 0:h.CTAoptions,button:t,originalVariableList:N,updateSelectedURLTemplateBtn:z},`${e}`)})),(null===(L=null===(w=_[0])||void 0===w?void 0:w.component)||void 0===L?void 0:L.buttons)&&(null===(M=null===(A=null===(I=_[0])||void 0===I?void 0:I.component)||void 0===A?void 0:A.buttons)||void 0===M?void 0:M.length)>0&&("CHATBOT"!==P?o(u,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):o(a,{backTrackMessage:null===(R=null==Q?void 0:Q.backTrackExtra)||void 0===R?void 0:R[0],setBackTrackMessage:null===(U=null==Q?void 0:Q.backTrackExtra)||void 0===U?void 0:U[1]})),null===(H=null==N?void 0:N.buttons)||void 0===H?void 0:H.map(((t,e)=>{if("QUICK_REPLY"===t.type)return o(m,{QRBoptions:null==h?void 0:h.QRBoptions,button:t,originalVariableList:N,updateSelectedQRBTemplateBtn:G},`${e}`)})),"CHATBOT"===P&&q&&o(s,{discountCode:null===(D=null==Q?void 0:Q.discountCodeExtra)||void 0===D?void 0:D[0],setDiscountCode:null===(S=null==Q?void 0:Q.discountCodeExtra)||void 0===S?void 0:S[1],variableList:T})]}))};export{v as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as n}from"react";import{useTemplateModalContext as i}from"../context/templateModalContext.js";import{getAllDataFromTemplateComponent as l}from"../utils/getDataFromTemplateComponent.js";import{BackTrackComponent as a}from"./BackTrackComponent.js";import{DiscountCodeComponent as s}from"./DiscountCodeComponent.js";import{EditTemplateMediaContainer as d}from"./EditMediaV2.style.js";import r from"./EditWhatsAppTemplateMediaV2.js";import{Container as p}from"./VariableConnectorsPanel.js";import c from"./VariableConnectorWhatsApp.js";import u from"./VariableEditorHeader.js";import m from"./WhatsAppTemplateCardButtonV2.js";const v=v=>{let{template:b,onTemplateChange:g,whatsappSpecificPickerMeta:h,showVariableModal:f,variableList:T,variableListForImage:j,discountCode:C,setDiscountCode:O}=v;var x,E,k,y,V,B,w,L,I,A,M,R,U,H,D,S;const{originalVariableList:N,pod:P,extras:Q}=i(),{descriptionComponents:F,urlBtns:W,qrbBtns:_,imageComponent:K,bodyVariables:Y,headerVariables:$}=l(b),[q,X]=e(!1);function z(t,o){var e,n,i,l,a;const s=Object.assign({},b),d=null==s?void 0:s.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==d&&d>-1){const a=null===(e=null==s?void 0:s.components[d].buttons)||void 0===e?void 0:e.findIndex((t=>"URL"===t.type));if(void 0!==a&&a>-1){const e="custom"===o&&"string"==typeof t,r=[...null!==(l=null===(i=null===(n=s.components)||void 0===n?void 0:n[d])||void 0===i?void 0:i.buttons)&&void 0!==l?l:[]];r[a]=Object.assign(Object.assign({},r[a]),{url:"https://d.bik.ai/{{1}}",example:[e?t:"string"!=typeof t?t.defaultValue:""]});const p=Object.assign(Object.assign({},s.components[d]),{buttons:r}),c=Object.assign(Object.assign({},s.mapping),{buttons:e?["((customBtnPlaceholder))"]:"string"!=typeof t?[t.placeHolder]:void 0});s.mapping=c;const u=[...s.components];u[d]=p,s.components=u}}if("string"!=typeof t){"checkout.checkoutUrl"===(null===(a=t.placeHolder)||void 0===a?void 0:a.slice(2,-2))?X(!0):(X(!1),null==O||O(""))}null==g||g(s)}function G(t,o,e){var n;const i=Object.assign({},b),l=null==i?void 0:i.components.findIndex((t=>"BUTTONS"===t.type));if(void 0!==l&&l>-1){const o=null===(n=null==i?void 0:i.components[l].buttons)||void 0===n?void 0:n.filter((t=>"QUICK_REPLY"===t.type));o&&(o[e]=Object.assign(Object.assign({},o[e]),{flowId:t.flowId,flowName:t.flowName}));const a=Object.assign(Object.assign({},i.components[l]),{buttons:o}),s=[...i.components];s[l]=a,i.components=s}null==g||g(i)}return n((()=>{var t;const o=null===(t=b.mapping.buttons)||void 0===t?void 0:t[0];"checkout.Url"===(null==o?void 0:o.slice(2,-2))?X(!0):(X(!1),null==O||O(""))}),[b]),t(p,Object.assign({style:{flexDirection:"column",maxHeight:460}},{children:[!!K&&o(d,{children:o(r,{whatsappSpecificPickerMeta:h,mediaComponent:K,updateTemplateImageUrl:function(t,o){var e;let n=Object.assign({},b);const i=null===(e=null==n?void 0:n.components)||void 0===e?void 0:e.findIndex((t=>{if("HEADER"===t.type&&"NONE"!==t.format&&"TEXT"!==t.format)return!0}));if(void 0!==i&&i>-1&&(null==n?void 0:n.components[i])){const e=Object.assign(Object.assign({},n.components[i]),{format:o,example:{header_handle:[t]}}),l=[...n.components];l[i]=e,n=Object.assign(Object.assign({},n),{components:l})}n.mapping&&(n.mapping=Object.assign(Object.assign({},n.mapping),{header:void 0})),null==g||g(Object.assign({},n))},template:b,variableListForImage:j})}),(Y.length>0||$.length>0)&&o(u,{containerStyle:{paddingTop:K?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==F?void 0:F.map(((t,e)=>o(c,{originalVariableList:N,type:t.type,descriptionComponent:t.component,variableMapping:"HEADER"===t.type?b.mapping.header:b.mapping.body,showVariableModal:f,variableList:T},e))),(null===(E=null===(x=W[0])||void 0===x?void 0:x.component)||void 0===E?void 0:E.buttons)&&(null===(V=null===(y=null===(k=W[0])||void 0===k?void 0:k.component)||void 0===y?void 0:y.buttons)||void 0===V?void 0:V.length)>0&&o(u,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(B=null==N?void 0:N.buttons)||void 0===B?void 0:B.map(((t,e)=>{if("URL"===t.type)return o(m,{CTAoptions:null==h?void 0:h.CTAoptions,button:t,originalVariableList:N,updateSelectedURLTemplateBtn:z},`${e}`)})),(null===(L=null===(w=_[0])||void 0===w?void 0:w.component)||void 0===L?void 0:L.buttons)&&(null===(M=null===(A=null===(I=_[0])||void 0===I?void 0:I.component)||void 0===A?void 0:A.buttons)||void 0===M?void 0:M.length)>0&&("CHATBOT"!==P?o(u,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):o(a,{backTrackMessage:null===(R=null==Q?void 0:Q.backTrackExtra)||void 0===R?void 0:R[0],setBackTrackMessage:null===(U=null==Q?void 0:Q.backTrackExtra)||void 0===U?void 0:U[1]})),null===(H=null==N?void 0:N.buttons)||void 0===H?void 0:H.map(((t,e)=>{if("QUICK_REPLY"===t.type)return o(m,{QRBoptions:null==h?void 0:h.QRBoptions,button:t,originalVariableList:N,updateSelectedQRBTemplateBtn:G},`${e}`)})),"CHATBOT"===P&&q&&o(s,{discountCode:null===(D=null==Q?void 0:Q.discountCodeExtra)||void 0===D?void 0:D[0],setDiscountCode:null===(S=null==Q?void 0:Q.discountCodeExtra)||void 0===S?void 0:S[1],variableList:T})]}))};export{v as default};

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

@@ -1,12 +1,12 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a from"styled-components";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{useTemplateModalContext as r}from"../context/templateModalContext.js";const l=a.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a from"styled-components";import{TemplatePreview as o}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";const p=a.div`
 	position: relative;
 	height: 100%;
 	border-radius: 31px;
-	width: ${e=>e.channel===p.WHATSAPP?"236px":"300px"};
+	width: ${e=>e.channel===r.WHATSAPP?"236px":"300px"};
 	background-color: white;
 	margin: auto;
 	overflow-y: auto;
-`,s=a.div`
+`,l=a.div`
 	position: absolute;
 	flex: 1;
 	background-color: white;
@@ -17,4 +17,4 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"react";import a
 	height: calc(100% - 17px);
 	border-radius: 16px;
 	overflow-y: auto;
-`,m=i.forwardRef(((i,a)=>{let{display_content:m,channel:n,template:h,showSampleValues:c}=i;const{pod:d}=r();return e("div",{children:t(l,Object.assign({channel:n},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:n===p.WHATSAPP?236:300,height:443}}),e(s,Object.assign({ref:a},{children:e(o,{showSampleValues:c,template:h,channel:n,smsSpecificMeta:{smsDisplayContent:m},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:"CHATBOT"!==d,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:236}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:m,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));m.displayName="MobilePreview";export{m as default};
+`,s=i.forwardRef(((i,a)=>{let{display_content:s,channel:m,template:n,showSampleValues:h}=i;return e("div",{children:t(p,Object.assign({channel:m},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:m===r.WHATSAPP?236:300,height:443}}),e(l,Object.assign({ref:a},{children:e(o,{showSampleValues:h,template:n,channel:m,smsSpecificMeta:{smsDisplayContent:s},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:236}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));s.displayName="MobilePreview";export{s as default};

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

@@ -4,4 +4,4 @@ import{jsxs as e,jsx as l}from"react/jsx-runtime";import t from"../../../assets/
 	background: ${e=>e.focused&&e.channel===c.EMAIL?b.background.warning.light:"transparent"};
 	border-radius: 4px;
 	padding: 8px 10px;
-`,j={value:"custom_link",label:"Custom URL"},_={value:"custom_text",label:"Custom text"},y=n=>{let{onFocus:y,variable:f,index:O,showVariableModal:k,variableList:A,setShowDiscountCheckBox:V,componentType:E}=n;var T,P;const[S,w]=a(!1),[L,C]=a(""),[H,M]=a([]),[W,$]=a(),[B,D]=a(!1),[I,R]=a(!1),{device:N,channel:z,isError:U,originalVariableList:Y,template:Z,templateSelectionTriggered:G,setTemplate:q,setDisplayContent:F,setOriginalVariableList:J,globalNormalizedPlaceholders:K,enabledCustomText:Q}=g();function X(e,l){var t,a,i;const n=e;C(""),$(n),z===c.WHATSAPP?"custom_text"!==n.value&&"custom_link"!==n.value?(ee(null!==(t=n.value)&&void 0!==t?t:"","string"),null==le||le(null!==(a=f.index)&&void 0!==a?a:0,n.value,!0)):(null==le||le(null!==(i=f.index)&&void 0!==i?i:0,f.variableName,!0,"custom_text"),ee("","url"===n.bikPlaceholderType?"link":"string")):"custom_text"!==n.value&&"custom_link"!==n.value?ee(n.value,"url"===n.bikPlaceholderType?"link":"string"):(C(""),ee("",n.value))}function ee(e,l){var t,a,i;const n="custom_link"===l?"link":"custom_text"===l?"string":l;if(z!==c.WHATSAPP){const a=h(O+1),i=null===document||void 0===document?void 0:document.getElementById("mobile"===N?"template_html_mobile":"template_html_desktop"),o=z===c.EMAIL?null===(t=null==i?void 0:i.contentWindow)||void 0===t?void 0:t.document.getElementById(a):document.getElementById(a);o&&(o.textContent="custom_text"!==l&&"custom_link"!==l||e?e:f.variableName);const s=Y.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l));null==J||J(s)}if(z===c.WHATSAPP){const l=Y;let t=l.body,o=l.header;"BODY"===E?t=null===(a=l.body)||void 0===a?void 0:a.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l)):"HEADER"===E&&(o=null===(i=l.header)||void 0===i?void 0:i.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l))),null==J||J((e=>Object.assign(Object.assign({},e),{header:o,body:t,buttons:l.buttons})))}}function le(e,l,t,a){var i,n,o;const s=Object.assign({},Z),u=null===(i=null==s?void 0:s.components)||void 0===i?void 0:i.map((t=>{var a,i,n,o,s,u,d,r;const c=Object.assign({},t);if("BODY"===t.type&&"BODY"===E){if(null===(i=null===(a=t.example)||void 0===a?void 0:a.body_text)||void 0===i?void 0:i[0]){const t=[...null!==(s=null===(o=null===(n=c.example)||void 0===n?void 0:n.body_text)||void 0===o?void 0:o[0])&&void 0!==s?s:[]];t[e]=l.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},c.example),{body_text:[t]});return Object.assign(Object.assign({},c),{example:a})}}else if("HEADER"===t.type&&"HEADER"===E&&(null===(u=t.example)||void 0===u?void 0:u.header_text)){const t=[...null!==(r=null===(d=c.example)||void 0===d?void 0:d.header_text)&&void 0!==r?r:[]];t[e]=l.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},c.example),{header_text:t});return Object.assign(Object.assign({},c),{example:a})}return t}));s.components=u,t&&("BODY"===E&&(null===(n=null==s?void 0:s.mapping)||void 0===n?void 0:n.body)?s.mapping=Object.assign(Object.assign({},s.mapping),{body:s.mapping.body.map(((t,i)=>e===i?"custom_text"===a?`((editableVariable${i+10}))`:l:t))}):"HEADER"===E&&(null===(o=null==s?void 0:s.mapping)||void 0===o?void 0:o.header)&&(s.mapping=Object.assign(Object.assign({},s.mapping),{header:s.mapping.header.map(((t,i)=>e===i?"custom_text"===a?`((editableVariable${i+20}))`:l:t))}))),null==q||q(Object.assign({},s))}return i((()=>{S&&(null==y||y())}),[S]),i((()=>{!function(){var e,l,t,a,i;const n="mobile"===N?"template_html_mobile":"template_html_desktop",o=document.getElementById(n),s=(null!==(a=null===(t=null===(l=null===(e=null==o?void 0:o.contentWindow)||void 0===e?void 0:e.document)||void 0===l?void 0:l.body)||void 0===t?void 0:t.innerHTML)&&void 0!==a?a:"")+(null===(i=null==o?void 0:o.contentWindow)||void 0===i?void 0:i.document.head.innerHTML);z===c.EMAIL&&(null==F||F(s))}()}),[G]),i((()=>{var e;const l=[];let t=[];if(z!==c.MESSAGE||Q){"link"===(null==f?void 0:f.type)?(l.push({label:"",options:[j,_]}),$(j)):(l.push({label:"",options:[j,_]}),$(_));const e=null!=K?K:[];M([...l,...e.map((e=>{var l,t;return Object.assign(Object.assign({},e),{label:v.toCapitilize(null===(t=null===(l=e.label)||void 0===l?void 0:l.replace(/([A-Z])/g," $1"))||void 0===t?void 0:t.toLowerCase())})}))]),t=[...l,...e]}else{const e=null!=K?K:[];M([{label:"",options:[_,j]},...e]),t=[{label:"",options:[_,j]},...e]}if((z===c.WHATSAPP||z===c.EMAIL||z===c.MESSAGE)&&f.updatedValue)if(r.test(f.updatedValue)&&z===c.WHATSAPP||f.updatedValue.startsWith("{{")&&z!==c.WHATSAPP){const e=function(e,l,t){var a;let i={label:"",value:""};const n=t===c.WHATSAPP?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");k?i={label:e.updatedValue?e.updatedValue.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(a=e.updatedValue)&&void 0!==a?a:""}:l.map((e=>{e.options.map((e=>{var l;(null===(l=e.value)||void 0===l?void 0:l.replace("{{","").replace("}}","").trim())===n.trim()&&(i=e)}))}));return i}(f,t,z);e.value&&$(e)}else(null===(e=f.updatedValue)||void 0===e?void 0:e.startsWith("https"))?($(j),C(f.updatedValue.split("https://")[1])):($(_),C(f.updatedValue))}),[]),i((()=>{N&&W&&L&&setTimeout((()=>{ee("custom_link"===(null==W?void 0:W.value)&&L?L.includes("https")?L:`https://${L}`:L,W.value)}),100)}),[N]),i((()=>{!I&&W&&f.updatedValue&&setTimeout((()=>{ee("custom_link"===(null==W?void 0:W.value)&&L?L.includes("https")?f.updatedValue:`https://${f.updatedValue}`:f.updatedValue,W.value),R(!0)}),100)}),[W]),e(x,Object.assign({channel:z,focused:S,onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1)},{children:[l("div",Object.assign({style:{marginBottom:8}},{children:e(p,Object.assign({style:{color:U&&!W?b.content.negative:b.content.primary}},{children:[null===(T=f.variableName)||void 0===T?void 0:T.replace("{{","").replace("}}","")," ","link"===(null==f?void 0:f.type)?"link":"variable"]}))})),l("div",Object.assign({style:{marginBottom:12}},{children:k?e("div",Object.assign({style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==W?void 0:W.label)?"space-between":"flex-end"}},{children:[l(m,{children:d(null!==(P=null==W?void 0:W.label)&&void 0!==P?P:"",20,!0)}),l(t,{onClick:()=>{D(!B)},width:24,height:24,color:b.content.primary})]})):l(s,{options:H,isSearchable:!1,onSelect:X,defaultOptions:W?[Object.assign(Object.assign({},W),{selected:!0})]:[]})})),("custom_text"===(null==W?void 0:W.value)||"custom_link"===(null==W?void 0:W.value))&&l(u,{labelText:"custom_text"===(null==W?void 0:W.value)?"Custom text value":"custom_link"===(null==W?void 0:W.value)?"Custom URL value":"",id:`variable-value-${null==W?void 0:W.value}-${O}`,value:L,errorMessage:U?L&&0!==L.trim().length?"custom_link"!==W.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${L.trim()}`)&&0!==L.trim().length?"custom_link"!==W.value&&L.length>30?"Length cannot be more than 30":"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==W?void 0:W.value)?void 0:30,prefixText:"custom_link"===(null==W?void 0:W.value)?"https://":"",placeholder:"link"===f.type||"custom_link"===W.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{!function(e,l){var t;C(l);const a="custom_link"===(null==W?void 0:W.value)&&l?l.includes("https")?l:`https://${l}`:l;ee(a,e),z===c.WHATSAPP&&(null==le||le(null!==(t=f.index)&&void 0!==t?t:0,a))}(W.value,e)}}),B&&l(o,{zIndex:2e3,data:null!=A?A:[],showVariable:B,setShowVariable:D,placeholder:"Add a variable",customTrigger:e=>{null==V||V(!1),"{{custom.url}}"===e.actualValue?X({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?X({label:e.displayName,selected:!0,value:"custom_text"}):X({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})}})]}))};export{x as Container,y as default};
+`,j={value:"custom_link",label:"Custom URL"},_={value:"custom_text",label:"Custom text"},y=n=>{let{onFocus:y,variable:f,index:O,showVariableModal:k,variableList:A,setShowDiscountCheckBox:V,componentType:E}=n;var T,P;const[S,w]=a(!1),[L,C]=a(""),[H,M]=a([]),[W,$]=a(),[B,D]=a(!1),[I,R]=a(!1),{device:N,channel:z,isError:U,originalVariableList:Y,template:Z,templateSelectionTriggered:G,setTemplate:q,setDisplayContent:F,setOriginalVariableList:J,globalNormalizedPlaceholders:K,enabledCustomText:Q}=g();function X(e,l){var t,a,i;const n=e;C(""),$(n),z===c.WHATSAPP?"custom_text"!==n.value&&"custom_link"!==n.value?(ee(null!==(t=n.value)&&void 0!==t?t:"","string"),null==le||le(null!==(a=f.index)&&void 0!==a?a:0,n.value,!0)):(null==le||le(null!==(i=f.index)&&void 0!==i?i:0,f.variableName,!0,"custom_text"),ee("","url"===n.bikPlaceholderType?"link":"string")):"custom_text"!==n.value&&"custom_link"!==n.value?ee(n.value,"url"===n.bikPlaceholderType?"link":"string"):(C(""),ee("",n.value))}function ee(e,l){var t,a,i;const n="custom_link"===l?"link":"custom_text"===l?"string":l;if(z!==c.WHATSAPP){const a=h(O+1),i=null===document||void 0===document?void 0:document.getElementById("mobile"===N?"template_html_mobile":"template_html_desktop"),o=z===c.EMAIL?null===(t=null==i?void 0:i.contentWindow)||void 0===t?void 0:t.document.getElementById(a):document.getElementById(a);o&&(o.textContent="custom_text"!==l&&"custom_link"!==l||e?e:f.variableName);const s=Y.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l));null==J||J(s)}if(z===c.WHATSAPP){const l=Y;let t=l.body,o=l.header;"BODY"===E?t=null===(a=l.body)||void 0===a?void 0:a.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l)):"HEADER"===E&&(o=null===(i=l.header)||void 0===i?void 0:i.map(((l,t)=>t===O?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l))),null==J||J((e=>Object.assign(Object.assign({},e),{header:o,body:t,buttons:l.buttons})))}}function le(e,l,t,a){var i,n,o;const s=Object.assign({},Z),u=null===(i=null==s?void 0:s.components)||void 0===i?void 0:i.map((t=>{var a,i,n,o,s,u,d,r;const c=Object.assign({},t);if("BODY"===t.type&&"BODY"===E){if(null===(i=null===(a=t.example)||void 0===a?void 0:a.body_text)||void 0===i?void 0:i[0]){const t=[...null!==(s=null===(o=null===(n=c.example)||void 0===n?void 0:n.body_text)||void 0===o?void 0:o[0])&&void 0!==s?s:[]];t[e]=l.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},c.example),{body_text:[t]});return Object.assign(Object.assign({},c),{example:a})}}else if("HEADER"===t.type&&"HEADER"===E&&(null===(u=t.example)||void 0===u?void 0:u.header_text)){const t=[...null!==(r=null===(d=c.example)||void 0===d?void 0:d.header_text)&&void 0!==r?r:[]];t[e]=l.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},c.example),{header_text:t});return Object.assign(Object.assign({},c),{example:a})}return t}));s.components=u,t&&("BODY"===E&&(null===(n=null==s?void 0:s.mapping)||void 0===n?void 0:n.body)?s.mapping=Object.assign(Object.assign({},s.mapping),{body:s.mapping.body.map(((t,i)=>e===i?"custom_text"===a?`((editableVariable${i+10}))`:l:t))}):"HEADER"===E&&(null===(o=null==s?void 0:s.mapping)||void 0===o?void 0:o.header)&&(s.mapping=Object.assign(Object.assign({},s.mapping),{header:s.mapping.header.map(((t,i)=>e===i?"custom_text"===a?`((editableVariable${i+20}))`:l:t))}))),null==q||q(Object.assign({},s))}return i((()=>{S&&(null==y||y())}),[S]),i((()=>{!function(){var e,l,t,a,i;const n="mobile"===N?"template_html_mobile":"template_html_desktop",o=document.getElementById(n),s=(null!==(a=null===(t=null===(l=null===(e=null==o?void 0:o.contentWindow)||void 0===e?void 0:e.document)||void 0===l?void 0:l.body)||void 0===t?void 0:t.innerHTML)&&void 0!==a?a:"")+(null===(i=null==o?void 0:o.contentWindow)||void 0===i?void 0:i.document.head.innerHTML);z===c.EMAIL&&(null==F||F(s))}()}),[G]),i((()=>{var e;const l=[];let t=[];if(z!==c.MESSAGE||Q){"link"===(null==f?void 0:f.type)?(l.push({label:"",options:[j,_]}),$(j)):(l.push({label:"",options:[j,_]}),$(_));const e=null!=K?K:[];M([...l,...e.map((e=>{var l,t;return Object.assign(Object.assign({},e),{label:v.toCapitilize(null===(t=null===(l=e.label)||void 0===l?void 0:l.replace(/([A-Z])/g," $1"))||void 0===t?void 0:t.toLowerCase())})}))]),t=[...l,...e]}else{const e=null!=K?K:[];M([{label:"",options:[_,j]},...e]),t=[{label:"",options:[_,j]},...e]}if((z===c.WHATSAPP||z===c.EMAIL||z===c.MESSAGE)&&f.updatedValue)if(r.test(f.updatedValue)&&z===c.WHATSAPP||f.updatedValue.startsWith("{{")&&z!==c.WHATSAPP){const e=function(e,l,t){var a;let i={label:"",value:""};const n=t===c.WHATSAPP?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");k?i={label:e.updatedValue?e.updatedValue.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(a=e.updatedValue)&&void 0!==a?a:""}:l.map((e=>{e.options.map((e=>{var l;(null===(l=e.value)||void 0===l?void 0:l.replace("{{","").replace("}}","").trim())===n.trim()&&(i=e)}))}));return i}(f,t,z);e.value&&$(e)}else(null===(e=f.updatedValue)||void 0===e?void 0:e.startsWith("https"))?($(j),C(f.updatedValue.split("https://")[1])):($(_),C(f.updatedValue))}),[]),i((()=>{N&&W&&L&&setTimeout((()=>{ee("custom_link"===(null==W?void 0:W.value)?L.includes("https")?L:`https://${L}`:L,W.value)}),100)}),[N]),i((()=>{!I&&W&&f.updatedValue&&setTimeout((()=>{ee("custom_link"===(null==W?void 0:W.value)?L.includes("https")?f.updatedValue:`https://${f.updatedValue}`:f.updatedValue,W.value),R(!0)}),100)}),[W]),e(x,Object.assign({channel:z,focused:S,onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1)},{children:[l("div",Object.assign({style:{marginBottom:8}},{children:e(p,Object.assign({style:{color:U&&!W?b.content.negative:b.content.primary}},{children:[null===(T=f.variableName)||void 0===T?void 0:T.replace("{{","").replace("}}","")," ","link"===(null==f?void 0:f.type)?"link":"variable"]}))})),l("div",Object.assign({style:{marginBottom:12}},{children:k?e("div",Object.assign({style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==W?void 0:W.label)?"space-between":"flex-end"}},{children:[l(m,{children:d(null!==(P=null==W?void 0:W.label)&&void 0!==P?P:"",20,!0)}),l(t,{onClick:()=>{D(!B)},width:24,height:24,color:b.content.primary})]})):l(s,{options:H,isSearchable:!1,onSelect:X,defaultOptions:W?[Object.assign(Object.assign({},W),{selected:!0})]:[]})})),("custom_text"===(null==W?void 0:W.value)||"custom_link"===(null==W?void 0:W.value))&&l(u,{labelText:"custom_text"===(null==W?void 0:W.value)?"Custom text value":"custom_link"===(null==W?void 0:W.value)?"Custom URL value":"",id:`variable-value-${null==W?void 0:W.value}-${O}`,value:L,errorMessage:U?L&&0!==L.trim().length?"custom_link"!==W.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${L.trim()}`)&&0!==L.trim().length?"custom_link"!==W.value&&L.length>30?"Length cannot be more than 30":"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==W?void 0:W.value)?void 0:30,prefixText:"custom_link"===(null==W?void 0:W.value)?"https://":"",placeholder:"link"===f.type||"custom_link"===W.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{!function(e,l){var t;C(l);const a="custom_link"===(null==W?void 0:W.value)?l.includes("https")?l:`https://${l}`:l;ee(a,e),z===c.WHATSAPP&&(null==le||le(null!==(t=f.index)&&void 0!==t?t:0,a))}(W.value,e)}}),B&&l(o,{zIndex:2e3,data:null!=A?A:[],showVariable:B,setShowVariable:D,placeholder:"Add a variable",customTrigger:e=>{null==V||V(!1),"{{custom.url}}"===e.actualValue?X({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?X({label:e.displayName,selected:!0,value:"custom_text"}):X({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})}})]}))};export{x as Container,y as default};

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

@@ -1,9 +1,9 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/info.svg.js";import{useState as a,useRef as o,useEffect as r}from"react";import l from"styled-components";import{AddVariableV2SideModal as n}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import s from"../../../assets/icons/plus.svg.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{COLORS as p}from"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleRegular as m,BodySecondary as h,TitleSmall as b}from"../../TypographyStyle.js";import{CheckBox as g}from"../../checkBox/CheckBox.js";import{useTemplateModalContext as u}from"../context/templateModalContext.js";import f from"./VariableConnector.js";const v=l.div`
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/icons/info.svg.js";import{useState as a,useRef as o,useEffect as r}from"react";import l from"styled-components";import{AddVariableV2SideModal as n}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import s from"../../../assets/icons/plus.svg.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import{Tooltip as c}from"../../tooltips/Tooltip.js";import{COLORS as p}from"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleRegular as m,BodySecondary as h,TitleSmall as b}from"../../TypographyStyle.js";import{CheckBox as u}from"../../checkBox/CheckBox.js";import{useTemplateModalContext as g}from"../context/templateModalContext.js";import f from"./VariableConnector.js";const v=l.div`
 	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,j=l=>{let{onFocus:j,showVariableModal:y,variableList:V,discountCode:w,setDiscountCode:O}=l;const{originalVariableList:k,disableEditVariable:C}=u(),[T,B]=a(!1),[E,L]=a(!1),[A,I]=a(!1),[S,M]=a(""),[D,F]=a(!1),N=o(),z=o();return r((()=>{O&&O(w+S)}),[S]),r((()=>{k.forEach((e=>{"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")&&(B(!0),w&&F&&F(!0))}))}),[k]),e(v,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[i(m,Object.assign({style:{color:p.content.primary}},{children:"Edit variables and links"})),i(c,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:i("div",Object.assign({style:{display:"flex"}},{children:i(t,{width:20,height:20,color:p.content.placeholder})}))}))]})),i(h,Object.assign({style:{color:p.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==k?void 0:k.map(((t,a)=>!t.isEditableVariable||C?e("div",Object.assign({style:{margin:"16px 8px"}},{children:[e(h,Object.assign({style:{color:p.content.primary}},{children:["Locked variable ",a+1]})),i(d,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),a):i("div",Object.assign({style:{marginTop:16}},{children:i(f,{index:a,variable:t,onFocus:()=>null==j?void 0:j(a),showVariableModal:y,variableList:V,setShowDiscountCheckBox:B})}),a))),(T||w)&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(g,{isChecked:D,onValueChange:()=>{D&&O&&O(""),F(!D)}}),i(b,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),D&&e("div",Object.assign({ref:N,style:{margin:10}},{children:[i(d,{placeholder:"Enter your discount code",onChangeText:e=>{O&&O(e)},value:w,onFocus:()=>{L(!0)},onBlur:e=>{var i;"addVar"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(N.current&&N.current.focus(),L(!0)):(L(!1),I(!1))},noErrorHint:!0,validate:e=>[!0,""]}),E&&i(x,Object.assign({ref:z,id:"addVar",onClick:e=>{e.stopPropagation(),I(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(s,{width:20,height:20,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),A&&i(n,{zIndex:2e3,data:null!=V?V:[],showVariable:A,setShowVariable:I,variableValue:S,setVariableValue:M,placeholder:"Add a variable",customTrigger:e=>{M(e.actualValue),L(!1)}})]})},x=l.button`
+`,j=l=>{let{onFocus:j,showVariableModal:x,variableList:V,discountCode:w,setDiscountCode:O}=l;const{originalVariableList:k,disableEditVariable:C}=g(),[T,B]=a(!1),[E,L]=a(!1),[A,I]=a(!1),[S,M]=a(""),[D,F]=a(!1),N=o(),z=o();return r((()=>{O&&O(w+S)}),[S]),r((()=>{k.forEach((e=>{"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")&&(B(!0),w&&F&&F(!0))}))}),[k]),e(v,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[i(m,Object.assign({style:{color:p.content.primary}},{children:"Edit variables and links"})),i(c,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:i("div",Object.assign({style:{display:"flex"}},{children:i(t,{width:20,height:20,color:p.content.placeholder})}))}))]})),i(h,Object.assign({style:{color:p.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==k?void 0:k.map(((t,a)=>!t.isEditableVariable||C?e("div",Object.assign({style:{margin:"16px 8px"}},{children:[e(h,Object.assign({style:{color:p.content.primary}},{children:["Locked variable ",a+1]})),i(d,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),a):i("div",Object.assign({style:{marginTop:16}},{children:i(f,{index:a,variable:t,onFocus:()=>null==j?void 0:j(a),showVariableModal:x,variableList:V,setShowDiscountCheckBox:B})}),a))),(T||w)&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(u,{isChecked:D,onValueChange:()=>{D&&O&&O(""),F(!D)}}),i(b,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),D&&e("div",Object.assign({ref:N,style:{margin:10}},{children:[i(d,{placeholder:"Enter your discount code",onChangeText:e=>{O&&O(e)},value:w,onFocus:()=>{L(!0)},onBlur:e=>{var i;"addVar"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(N.current&&N.current.focus(),L(!0)):(L(!1),I(!1))},noErrorHint:!0,validate:e=>[!0,""]}),E&&i(y,Object.assign({ref:z,id:"addVar",onClick:e=>{e.stopPropagation(),I(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(s,{width:20,height:20,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),A&&i(n,{zIndex:2e3,data:null!=V?V:[],showVariable:A,setShowVariable:I,variableValue:S,setVariableValue:M,placeholder:"Add a variable",customTrigger:e=>{M(e.actualValue),L(!1)}})]})},y=l.button`
 	padding: 2px 8px;
 	cursor: pointer;
 	color: white;
@@ -24,6 +24,5 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	.add {
 		display: flex;
 		align-items: center;
-		gap: 5px;
 	}
-`;export{x as AddVariableStyled,v as Container,j as default};
+`;export{y as AddVariableStyled,v as Container,j as default};

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as i}from"./ChatUI.style.js";const l=l=>{let{Icon:c,text:s,extraContent:a,placeholder:p,textTypography:h,size:d}=l;const f=h||n;return e(i,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[c&&e(c,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(f,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===d?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:s}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{l as ChatBtn};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as i}from"./ChatUI.style.js";const l=l=>{let{Icon:c,text:a,extraContent:s,placeholder:p,textTypography:h,size:d}=l;const f=h||n;return e(i,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[c&&e(c,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(f,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===d?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:a}))]})),!!s&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/\./g,"").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^./,(function(e){return e.toUpperCase()}))}(p):s}))]}))})};export{l as ChatBtn};

package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.js

@@ -13,7 +13,6 @@ import t from"styled-components";import{Caption as e}from"../../TypographyStyle.
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	overflow: hidden;
-	text-wrap: wrap;
 `,p=t.div`
 	border-radius: 8px;
 	display: flex;
@@ -32,6 +31,7 @@ import t from"styled-components";import{Caption as e}from"../../TypographyStyle.
 	border-top: 1px solid ${o.stroke.primary};
 `,n=t.div`
 	display: flex;
+
 	flex-direction: row;
 	justify-content: space-between;
 	margin: 8px 12px;