@bigbinary/neeto-molecules 3.15.0 → 3.15.2

package/dist/cjs/{Chevron-55AGkSis.js → Chevron-kf8dWOcZ.js}

@@ -227,7 +227,7 @@ var SelectedLink = function SelectedLink(_ref) {
   });
 };
 
-var css = ":root{--neeto-molecules-sidebar-width:15rem;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-engage-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:15rem}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:relative;transition:all .15s;width:15rem;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:15rem;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:1.25rem;top:.5rem}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:auto;top:.5rem}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-2.25rem;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:.5rem;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-15rem;left:calc(var(--neeto-molecules-sidebar-width)*-1)}.neeto-molecules-sidebar__wrapper__configure-page.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{top:6.8125rem}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;padding:1.5rem 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__no-shrinkable{max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);width:15rem;width:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar__separator{margin:.375rem auto;width:100%}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:3.125rem}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__toggler{color:rgb(var(--neeto-ui-primary-500))!important;position:absolute!important;right:.5rem;top:2.125rem;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:12.625rem;left:calc(var(--neeto-molecules-sidebar-width) - 2.375rem);right:auto;transition:none}}.neeto-molecules-sidebar__configure-page{border-right:1px solid rgb(var(--neeto-ui-gray-200));height:auto}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page{height:100%}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 8.5rem)!important}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 5rem)!important}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__toggler{display:none}.neeto-molecules-sidebar__header{margin:.5rem 0 2rem;padding:0 1.5rem}.neeto-molecules-sidebar__logo svg{height:2.25rem;max-width:100%;width:auto}.neeto-molecules-sidebar__links{margin-bottom:2.5rem}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-black));gap:.625rem;line-height:1.2;padding:.75rem 1.5rem;position:relative;text-decoration:none!important;transition:color .3s,background-color .3s;width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem;flex-grow:1;text-align:left}@media screen and (min-width:1536px){.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-accent-100));color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink-wrapper{padding:.25rem 0}.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:.5rem;margin-bottom:0;padding:.5rem 1.5rem .5rem 3.625rem;text-decoration:none;transition:color .3s,background-color .3s}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:0.9375rem;opacity:.75}@media screen and (min-width:1536px){.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-black));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-black));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-accent-800));font-weight:500;text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.sidebar-featured-tooltip__content{border-radius:.5rem!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:.75rem;width:9.375rem}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:.5rem;height:2.5rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:2.5rem}.sidebar-featured-tooltip__title{margin-bottom:.25rem}.neeto-molecules-help-popup-wrapper,.neeto-molecules-product-switcher-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;min-width:15rem}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-product-switcher-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-product-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:.25rem 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:2.5rem;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:.5rem}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:.9375rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.9375rem}.neeto-molecules-product-switcher-popup-wrapper{height:calc(100vh - 1rem);margin-bottom:.5rem;min-width:calc(100vw - 11rem);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-product-switcher-popup-wrapper{width:calc(100vw - 11.5625rem)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:3.625rem}.neeto-molecules-sidebar-segment{margin-bottom:0!important;padding:.25rem 1.5rem .25rem 3.625rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode{padding-top:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__header{padding-top:1.5rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__links{display:flex;flex-direction:column;height:calc(100vh - 10rem);margin-bottom:0}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper{flex-grow:1;margin:0 0 .625rem!important;min-height:0;overflow-y:auto;padding:0 0 .625rem!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper{padding:0!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link{--neeto-ui-text-body1:1.125rem;background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black));cursor:pointer;font-weight:var(--neeto-ui-font-semibold);gap:.25rem;padding:.75rem .25rem;position:sticky;top:0;z-index:1}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin-bottom:0;padding-bottom:.625rem;padding-top:.625rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink.active{font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0;padding-left:2rem}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink{cursor:pointer;line-height:1.2;padding:.5rem .75rem .5rem 1.5rem;position:relative}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-black))!important;font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link-unread-count{align-items:center;background-color:rgb(var(--neeto-ui-accent-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:1rem;justify-content:center;min-width:1rem;padding-left:.25rem;padding-right:.25rem;position:absolute;right:-4px;top:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-ui-theme--dark .neeto-molecules-sidebar__logo>path{fill:rgb(var(--neeto-ui-black))}";
+var css = ":root{--neeto-molecules-sidebar-width:15rem;--neeto-molecules-sidebar-wrapper-z-index:99997;--neeto-molecules-sidebar-z-index:99998;--neeto-chat-primary:136,134,255;--neeto-wireframe-primary:106,103,232;--neeto-site-primary:129,118,255;--neeto-desk-primary:253,148,55;--neeto-planner-primary:82,169,198;--neeto-replay-primary:32,199,189;--neeto-course-primary:140,214,114;--neeto-ci-primary:255,133,184;--neeto-invoice-primary:70,160,211;--neeto-quiz-primary:254,99,99;--neeto-runner-primary:75,71,255;--neeto-form-primary:254,128,114;--neeto-crm-primary:96,154,240;--neeto-engage-primary:255,135,135;--neeto-deploy-primary:20,209,164;--neeto-kb-primary:101,205,161;--neeto-cal-primary:238,77,95;--neeto-invisible-primary:121,157,250;--neeto-testify-primary:255,158,69;--neeto-monitor-primary:70,181,197;--neeto-git-primary:255,78,110}@media screen and (min-width:1024px){:root{--neeto-molecules-sidebar-width:15rem}}.neeto-molecules-sidebar__wrapper{display:flex;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:relative;transition:all .15s;width:15rem;width:var(--neeto-molecules-sidebar-width)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper{height:100%;left:0;max-width:100%;position:fixed;top:0;transition:none;width:100%;z-index:99997;z-index:var(--neeto-molecules-sidebar-wrapper-z-index)}.neeto-molecules-sidebar__wrapper .neeto-molecules-sidebar{left:0;max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);position:fixed;top:0;transition:none;width:15rem;width:var(--neeto-molecules-sidebar-width)}}.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:1.25rem;top:.5rem}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper__configure-page .neeto-molecules-sidebar__toggler{right:auto;top:.5rem}}.neeto-molecules-sidebar__wrapper--collapsed{max-width:0;width:0}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{right:-2.25rem;transform:scale(-1)}@media screen and (max-width:768px){.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{left:.5rem;right:auto}.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar{left:-15rem;left:calc(var(--neeto-molecules-sidebar-width)*-1)}.neeto-molecules-sidebar__wrapper__configure-page.neeto-molecules-sidebar__wrapper--collapsed .neeto-molecules-sidebar__toggler{top:6.8125rem}}.neeto-molecules-sidebar{background-color:rgb(var(--neeto-ui-white));border-right:1px solid rgb(var(--neeto-ui-gray-200));height:100vh;padding:1.5rem 0;width:100%;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}.neeto-molecules-sidebar__no-shrinkable{max-width:15rem;max-width:var(--neeto-molecules-sidebar-width);width:15rem;width:var(--neeto-molecules-sidebar-width)}.neeto-molecules-sidebar__separator{margin:.375rem auto;width:100%}.neeto-molecules-sidebar::-webkit-scrollbar{height:0;width:0}.neeto-molecules-sidebar::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:3.125rem}.neeto-molecules-sidebar::-webkit-scrollbar-track{background:\"transparent\"}.neeto-molecules-sidebar__toggler{color:rgb(var(--neeto-ui-primary-500))!important;position:absolute!important;right:.5rem;top:2.125rem;z-index:99998;z-index:var(--neeto-molecules-sidebar-z-index)}@media screen and (max-width:768px){.neeto-molecules-sidebar__toggler{left:12.625rem;left:calc(var(--neeto-molecules-sidebar-width) - 2.375rem);right:auto;transition:none}}.neeto-molecules-sidebar__configure-page{border-right:1px solid rgb(var(--neeto-ui-gray-200));height:auto}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page{height:100%}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 8.5rem)!important}@media screen and (max-width:768px){.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__links{height:calc(100vh - 5rem)!important}}.neeto-molecules-sidebar__configure-page .neeto-molecules-sidebar__toggler{display:none}.neeto-molecules-sidebar__header{margin:.5rem 0 2rem;padding:0 1.5rem}.neeto-molecules-sidebar__logo svg{height:2.25rem;max-width:100%;width:auto}.neeto-molecules-sidebar__links{margin-bottom:2.5rem}.neeto-molecules-sidebar__link{color:rgb(var(--neeto-ui-black));gap:.625rem;line-height:1.2;padding:.75rem 1.5rem;position:relative;text-decoration:none!important;transition:color .3s,background-color .3s;width:100%}.neeto-molecules-sidebar__link-icon{flex-shrink:0}.neeto-molecules-sidebar__link-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-sidebar__link-icon--rotate{transform:scale(-1)}.neeto-molecules-sidebar__link-icon--caret{opacity:0;transition:opacity .3s ease-in-out}.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem;flex-grow:1;text-align:left}@media screen and (min-width:1536px){.neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__link:hover{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link:focus,.neeto-molecules-sidebar__link:focus-visible,.neeto-molecules-sidebar__link[aria-expanded=true]{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black));outline:none}.neeto-molecules-sidebar__link.active{background-color:rgb(var(--neeto-ui-accent-100));color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__link.active .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:focus-visible .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link:hover .neeto-molecules-sidebar__link-icon--caret,.neeto-molecules-sidebar__link[aria-expanded=true] .neeto-molecules-sidebar__link-icon--caret{opacity:1}.neeto-molecules-sidebar__link--button:focus{background-color:transparent}.neeto-molecules-sidebar__link--button:focus-visible{background-color:rgb(var(--neeto-ui-gray-200));color:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__link--change-log{outline:none!important}.neeto-molecules-sidebar__sublink-wrapper{padding:.25rem 0}.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-gray-700));cursor:pointer;gap:.5rem;margin-bottom:0;padding:.5rem 1.5rem .5rem 3.625rem;text-decoration:none;transition:color .3s,background-color .3s}.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:0.9375rem;opacity:.75}@media screen and (min-width:1536px){.neeto-molecules-sidebar__sublink .neeto-molecules-sidebar__link-sub-count{--neeto-ui-text-body2:1rem}}.neeto-molecules-sidebar__sublink:hover{color:rgb(var(--neeto-ui-black));text-decoration:none}.neeto-molecules-sidebar__sublink:hover .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink:focus,.neeto-molecules-sidebar__sublink:focus-visible{color:rgb(var(--neeto-ui-black));outline:none;text-decoration:none}.neeto-molecules-sidebar__sublink:focus .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:focus-visible .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__sublink.active,.neeto-molecules-sidebar__sublink:active{color:rgb(var(--neeto-ui-accent-800));font-weight:500;text-decoration:none}.neeto-molecules-sidebar__sublink.active .neeto-molecules-sidebar__link-sub-count,.neeto-molecules-sidebar__sublink:active .neeto-molecules-sidebar__link-sub-count{opacity:1}.neeto-molecules-sidebar__footer{margin-top:auto}.sidebar-featured-tooltip__content{border-radius:.5rem!important;box-shadow:var(--neeto-ui-shadow-sm)!important}.sidebar-featured-tooltip__content .tippy-content{padding:0}.sidebar-featured-tooltip{padding:.75rem;width:9.375rem}.sidebar-featured-tooltip__icon-wrap{background-color:rgb(var(--neeto-ui-gray-100));border-radius:.5rem;height:2.5rem;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:2.5rem}.sidebar-featured-tooltip__title{margin-bottom:.25rem}.neeto-molecules-help-popup-wrapper,.neeto-molecules-product-switcher-popup-wrapper,.neeto-molecules-profile-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded)!important;min-width:15rem}.neeto-molecules-help-popup-wrapper .tippy-content,.neeto-molecules-product-switcher-popup-wrapper .tippy-content,.neeto-molecules-profile-popup-wrapper .tippy-content{padding:0}.neeto-molecules-help-popup-wrapper .tippy-svg-arrow,.neeto-molecules-product-switcher-popup-wrapper .tippy-svg-arrow,.neeto-molecules-profile-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-molecules-profile-sublist{border-top:1px solid rgb(var(--neeto-ui-gray-400))}.neeto-molecules-help-sublist,.neeto-molecules-profile-sublist{list-style:none;margin:0;padding:.25rem 0}.neeto-molecules-help-sublist__item,.neeto-molecules-profile-sublist__item{width:100%}.neeto-molecules-help-sublist__item-btn,.neeto-molecules-profile-sublist__item-btn{border-radius:0;justify-content:flex-end!important;min-height:2.5rem;text-align:left}.neeto-molecules-help-sublist__item-btn.active,.neeto-molecules-profile-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-help-sublist__item-btn-icon svg path,.neeto-molecules-profile-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-help-sublist__item-btn span,.neeto-molecules-profile-sublist__item-btn span{align-items:center;display:flex;gap:.5rem}.neeto-molecules-sidebar__link-icon{position:relative}.neeto-molecules-sidebar__notif-count{position:absolute;right:-6px;top:-6px;z-index:1}.neeto-molecules-help-sublist__item-btn-count,.neeto-molecules-sidebar__notif-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:.9375rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:.9375rem}.neeto-molecules-product-switcher-popup-wrapper{height:calc(100vh - 1rem);margin-bottom:.5rem;min-width:calc(100vw - 11rem);overflow-y:auto}@media screen and (max-width:768px){.neeto-molecules-product-switcher-popup-wrapper{width:calc(100vw - 11.5625rem)!important}}.neeto-molecules-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:769px){.neeto-molecules-sidebar__backdrop{display:none;visibility:hidden}}.neeto-molecules-sidebar-segments-header{padding-left:3.625rem}.neeto-molecules-sidebar-segment{margin-bottom:0!important;padding:.25rem 1.5rem .25rem 3.625rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode{padding-top:0}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__header{padding-top:1.5rem}.neeto-molecules-sidebar.neeto-molecules-sidebar--focus-mode .neeto-molecules-sidebar__links{display:flex;flex-direction:column;height:calc(100vh - 10rem);margin-bottom:0}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper{flex-grow:1;margin:0 0 .625rem!important;min-height:0;overflow-y:auto;padding:0 0 .625rem!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper{padding:0!important}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link{--neeto-ui-text-body1:1.125rem;background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-black));cursor:pointer;font-weight:var(--neeto-ui-font-semibold);gap:.25rem;padding:.75rem .25rem;position:sticky;top:0;z-index:1}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-label,.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__link-sub-label{--neeto-ui-text-body2:0.9375rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin-bottom:0;padding-bottom:.625rem;padding-top:.625rem}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink.active{font-weight:var(--neeto-ui-font-semibold)}.neeto-molecules-sidebar__links--focus-mode>.neeto-molecules-sidebar__sublink-wrapper>.neeto-molecules-sidebar__sublink-wrapper .neeto-molecules-sidebar__sublink{border-radius:0;padding-left:2rem}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink{cursor:pointer;line-height:1.2;padding:.5rem .75rem .5rem 1.5rem;position:relative}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-sidebar__links--focus-mode .neeto-molecules-sidebar__sublink.active{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-black))!important;font-weight:var(--neeto-ui-font-medium)}.neeto-molecules-sidebar__link-unread-count{align-items:center;background-color:rgb(var(--neeto-ui-accent-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:flex;flex-shrink:0;font-size:var(--neeto-ui-text-xxs);height:1rem;justify-content:center;min-width:1rem;padding-left:.25rem;padding-right:.25rem;position:absolute;right:-4px;top:-4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-ui-theme--dark .neeto-molecules-sidebar__logo>path{fill:rgb(var(--neeto-ui-black))}.neeto-molecules-sidebar__workspace-info{margin-bottom:1.5rem;padding:.5rem 1.5rem}";
 injectCss.n(css,{});
 
 var Chevron = function Chevron(_ref) {
@@ -253,4 +253,4 @@ exports._Items = _Items;
 exports.filterByPermissions = filterByPermissions;
 exports.getActiveConfigurePageLink = getActiveConfigurePageLink;
 exports.getSidebarStateLocalStorageKey = getSidebarStateLocalStorageKey;
-//# sourceMappingURL=Chevron-55AGkSis.js.map
+//# sourceMappingURL=Chevron-kf8dWOcZ.js.map

package/dist/cjs/{Chevron-55AGkSis.js.map → Chevron-kf8dWOcZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chevron-55AGkSis.js","sources":["../../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../../src/components/Sidebar/constants.js","../../src/components/Sidebar/utils.js","../../src/components/Sidebar/Components/Links/SubLink.jsx","../../src/components/Sidebar/Components/Links/Items.jsx","../../src/components/Sidebar/Components/Links/SelectedLink.jsx","../../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["import { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n  checkpointKey,\n  to,\n  href,\n  children,\n  ...others\n}) => {\n  const { [checkpointKey]: checkpoint } =\n    useNavigationCheckpoints(checkpointKey);\n\n  const LinkElement = href ? \"a\" : NavLink;\n  const linkProps = href\n    ? { href, key: href, ...others }\n    : { to: checkpoint || to, key: to, ...others };\n\n  return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n  SYSTEM_VIEW: \"system_view\",\n  SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n\nexport const DEFAULT_HOME_PATH = \"/\";\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n  const currentBrowserUrl = new URL(\n    location.pathname + location.search + location.hash,\n    window.location.origin\n  );\n  const targetUrl = new URL(subRoute, window.location.origin);\n\n  const targetSearchParams = targetUrl.searchParams;\n  const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n  return (\n    all(\n      key =>\n        currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n      targetSearchKeys\n    ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n  );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n  const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n  return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n  if (permissions && isNotEmpty(permissions)) {\n    return is(Array, permissions)\n      ? permissions.some(includes(__, globalProps.permissions))\n      : globalProps.permissions.includes(permissions);\n  }\n\n  return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n  navLinks.find(link => {\n    const [linkPathname] = link.to?.split(\"?\") || [];\n\n    return (\n      isPresent(link.isConfigureNavLink) &&\n      link.isConfigureNavLink &&\n      location.pathname.startsWith(linkPathname)\n    );\n  });\n","import { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\nimport { is } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n  to,\n  href,\n  label,\n  type = SUB_LINK_TYPES.SYSTEM_VIEW,\n  count,\n  isSectionHeader,\n  isCountsLoading,\n  \"data-cy\": dataCy,\n  entity = \"\",\n  columns = [],\n  baseUrl,\n  isActive,\n}) => {\n  if (type === SUB_LINK_TYPES.SEGMENTS) {\n    return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n  }\n\n  const dataCyPrefix = dataCy || hyphenate(label);\n\n  const renderCount = count => (count > 999 ? \"999+\" : count);\n\n  const isSubLinkActive = () =>\n    !isSectionHeader &&\n    (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n  return (\n    <CheckPointNavLinks\n      {...{ href, to }}\n      activeClassName=\"active\"\n      className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n      data-cy={`${dataCyPrefix}-sub-link`}\n      isActive={isSubLinkActive}\n    >\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-label`}\n        style=\"body2\"\n      >\n        {label}\n      </Typography>\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-count`}\n        style=\"body2\"\n      >\n        {isCountsLoading ? (\n          <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n        ) : (\n          renderCount(count)\n        )}\n      </Typography>\n    </CheckPointNavLinks>\n  );\n};\n\nexport default SubLink;\n","import { Fragment } from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n  <div\n    className=\"neeto-molecules-sidebar__sublink-wrapper\"\n    data-cy=\"sidebar-sub-link-wrapper\"\n  >\n    {items.filter(filterByPermissions).map((subItem, subIndex) => (\n      <Fragment key={subIndex}>\n        <SubLink\n          {...{ ...subItem, isCountsLoading }}\n          href={subItem.href}\n          isActive={subItem.isActive}\n          isSectionHeader={isPresent(subItem.item)}\n          to={subItem.to ?? subItem.path}\n        />\n        {isSettingsItems && isPresent(subItem.items) && (\n          <>\n            <Items {...{ isSettingsItems }} items={subItem.items} />\n            {items.length - 1 !== subIndex && (\n              <hr className=\"neeto-molecules-sidebar__separator neeto-ui-border-gray-200\" />\n            )}\n          </>\n        )}\n      </Fragment>\n    ))}\n  </div>\n);\n\nexport default Items;\n","import classNames from \"classnames\";\nimport { handleMetaClick } from \"neetocommons/react-utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Home } from \"neetoicons\";\nimport { Typography, Button } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  isConfigureSidebar,\n  homePath,\n}) => {\n  const history = useHistory();\n  const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n  const handleHomeButtonClick = e => {\n    e.stopPropagation();\n    handleMetaClick(history, homePath, e);\n  };\n\n  return (\n    <div\n      className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n      data-cy=\"configure-nav-container\"\n    >\n      <div\n        className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-molecules-sidebar__link neeto-ui-border-b neeto-ui-border-gray-200\"\n        onClick={handleGoBack}\n        {...{ ...omit([\"icon\"], otherProps) }}\n      >\n        {isConfigureNavLink && (\n          <span className=\"neeto-molecules-sidebar__link-icon flex items-center pl-3\">\n            <Button\n              data-cy={`${hyphenize(label)}-go-back-button`}\n              data-testid={`${label}-go-home-button`}\n              icon={Home}\n              style=\"text\"\n              onClick={handleHomeButtonClick}\n            />\n            <span className=\"px-1 text-xs\">/</span>\n          </span>\n        )}\n        <Typography\n          component=\"span\"\n          style=\"body1\"\n          className={classNames(\"neeto-molecules-sidebar__link-label\", {\n            \"neeto-molecules-sidebar__configure-page-header\":\n              isConfigureNavLink,\n            [\"pl-4\"]: isConfigureSidebar,\n          })}\n        >\n          {label}\n        </Typography>\n      </div>\n      {items && <Items {...{ items }} isSettingsItems />}\n    </div>\n  );\n};\n\nexport default SelectedLink;\n","const Chevron = ({ style }) => (\n  <svg {...{ style }} height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\n    <path\n      d=\"M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","isSubLinkActive","Function","_jsxs","activeClassName","className","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","item","path","_Fragment","_Items","length","SelectedLink","_ref$navLink","navLink","handleGoBack","isConfigureSidebar","homePath","history","useHistory","otherProps","handleHomeButtonClick","e","stopPropagation","handleMetaClick","onClick","omit","Button","hyphenize","icon","Home","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAMlB;AAAA,EAAA,IALJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AACLC,IAAAA,MAAM,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,WAAA,CAAA,CAAA;AAET,EAAA,IAAAC,qBAAA,GACEC,wDAAwB,CAACR,aAAa,CAAC;IADhBS,UAAU,GAAAF,qBAAA,CAA1BP,aAAa,CAAA,CAAA;AAGtB,EAAA,IAAMU,WAAW,GAAGR,IAAI,GAAG,GAAG,GAAGS,sBAAO,CAAA;AACxC,EAAA,IAAMC,SAAS,GAAGV,IAAI,GAAAW,eAAA,CAAA;AAChBX,IAAAA,IAAI,EAAJA,IAAI;AAAEY,IAAAA,GAAG,EAAEZ,IAAAA;GAASE,EAAAA,MAAM,IAAAS,eAAA,CAAA;IAC1BZ,EAAE,EAAEQ,UAAU,IAAIR,EAAE;AAAEa,IAAAA,GAAG,EAAEb,EAAAA;AAAE,GAAA,EAAKG,MAAM,CAAE,CAAA;EAEhD,oBAAOW,cAAA,CAACL,WAAW,EAAAG,eAAA,CAAAA,eAAA,KAAKD,SAAS,CAAA,EAAA,EAAA,EAAA;AAAAT,IAAAA,QAAA,EAAGA,QAAAA;AAAQ,GAAA,CAAc,CAAC,CAAA;AAC7D;;ACnBO,IAAMa,cAAc,GAAG;AAC5BC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,mCAAmC,GAAG,uBAAsB;AAElE,IAAMC,iBAAiB,GAAG;;ACJ1B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAQ,EAAEC,QAAQ,EAAK;EACtD,IAAMC,iBAAiB,GAAG,IAAIC,GAAG,CAC/BF,QAAQ,CAACG,QAAQ,GAAGH,QAAQ,CAACI,MAAM,GAAGJ,QAAQ,CAACK,IAAI,EACnDC,MAAM,CAACN,QAAQ,CAACO,MAClB,CAAC,CAAA;AACD,EAAA,IAAMC,SAAS,GAAG,IAAIN,GAAG,CAACH,QAAQ,EAAEO,MAAM,CAACN,QAAQ,CAACO,MAAM,CAAC,CAAA;AAE3D,EAAA,IAAME,kBAAkB,GAAGD,SAAS,CAACE,YAAY,CAAA;EACjD,IAAMC,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAACJ,kBAAkB,CAACK,IAAI,EAAE,CAAC,CAAA;EAE9D,OACEC,SAAG,CACD,UAAAxB,GAAG,EAAA;AAAA,IAAA,OACDU,iBAAiB,CAACS,YAAY,CAACM,GAAG,CAACzB,GAAG,CAAC,KAAKkB,kBAAkB,CAACO,GAAG,CAACzB,GAAG,CAAC,CAAA;AAAA,GAAA,EACzEoB,gBACF,CAAC,IAAIM,YAAM,CAAChB,iBAAiB,CAACE,QAAQ,EAAEK,SAAS,CAACL,QAAQ,CAAC,CAAA;AAE/D,CAAC,CAAA;IAEYe,8BAA8B,GAAG,SAAjCA,8BAA8BA,GAAS;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,CAAA;EAClD,IAAMC,IAAI,GAAG,CAAA,CAAAF,iBAAA,GAAAG,WAAW,CAACD,IAAI,MAAAF,IAAAA,IAAAA,iBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAkBI,KAAK,MAAA,CAAAH,kBAAA,GAAIE,WAAW,CAACD,IAAI,MAAA,IAAA,IAAAD,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,kBAAA,CAAkBI,WAAW,CAAA,CAAA;EAErE,OAAAC,eAAAA,CAAAA,MAAA,CAAuBJ,IAAI,CAAA,CAAA;AAC7B,EAAC;IAEYK,mBAAmB,GAAGC,WAAK,CAAC,UAAAnD,IAAA,EAAqB;AAAA,EAAA,IAAlBoD,WAAW,GAAApD,IAAA,CAAXoD,WAAW,CAAA;AACrD,EAAA,IAAIA,WAAW,IAAIC,oBAAU,CAACD,WAAW,CAAC,EAAE;AAC1C,IAAA,OAAOE,QAAE,CAAClB,KAAK,EAAEgB,WAAW,CAAC,GACzBA,WAAW,CAACG,IAAI,CAACC,cAAQ,CAACC,QAAE,EAAEX,WAAW,CAACM,WAAW,CAAC,CAAC,GACvDN,WAAW,CAACM,WAAW,CAACI,QAAQ,CAACJ,WAAW,CAAC,CAAA;AACnD,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;IAEWM,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAEpC,QAAQ,GAAAmC,KAAA,CAARnC,QAAQ,CAAA;AAAA,EAAA,OAC7DoC,QAAQ,CAACC,IAAI,CAAC,UAAAC,IAAI,EAAI;AAAA,IAAA,IAAAC,QAAA,CAAA;AACpB,IAAA,IAAAC,KAAA,GAAuB,CAAA,CAAAD,QAAA,GAAAD,IAAI,CAAC5D,EAAE,MAAA,IAAA,IAAA6D,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAA,CAASE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE;MAAAC,KAAA,GAAAC,cAAA,CAAAH,KAAA,EAAA,CAAA,CAAA;AAAzCI,MAAAA,YAAY,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;AAEnB,IAAA,OACEG,mBAAS,CAACP,IAAI,CAACQ,kBAAkB,CAAC,IAClCR,IAAI,CAACQ,kBAAkB,IACvB9C,QAAQ,CAACG,QAAQ,CAAC4C,UAAU,CAACH,YAAY,CAAC,CAAA;AAE9C,GAAC,CAAC,CAAA;AAAA;;ACrCJ,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAAxE,IAAA,EAaP;AAAA,EAAA,IAZJE,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJsE,KAAK,GAAAzE,IAAA,CAALyE,KAAK;IAAAC,SAAA,GAAA1E,IAAA,CACL2E,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGzD,cAAc,CAACC,WAAW,GAAAwD,SAAA;IACjCE,KAAK,GAAA5E,IAAA,CAAL4E,KAAK;IACLC,eAAe,GAAA7E,IAAA,CAAf6E,eAAe;IACfC,eAAe,GAAA9E,IAAA,CAAf8E,eAAe;IACJC,MAAM,GAAA/E,IAAA,CAAjB,SAAS,CAAA;IAAAgF,WAAA,GAAAhF,IAAA,CACTiF,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,YAAA,GAAAlF,IAAA,CACXmF,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IACZE,OAAO,GAAApF,IAAA,CAAPoF,OAAO;IACPC,QAAQ,GAAArF,IAAA,CAARqF,QAAQ,CAAA;AAER,EAAA,IAAIV,IAAI,KAAK1D,cAAc,CAACE,QAAQ,EAAE;IACpC,oBAAOH,cAAA,CAACsE,QAAQ,EAAA;AAAOF,MAAAA,OAAO,EAAPA,OAAO;AAAED,MAAAA,OAAO,EAAPA,OAAO;AAAEF,MAAAA,MAAM,EAANA,MAAM;AAAIM,MAAAA,aAAa,EAAE,KAAA;AAAM,KAAE,CAAC,CAAA;AAC7E,GAAA;AAEA,EAAA,IAAMC,YAAY,GAAGT,MAAM,IAAIU,mBAAS,CAAChB,KAAK,CAAC,CAAA;AAE/C,EAAA,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,CAAGd,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,GAAG,GAAG,GAAG,MAAM,GAAGA,KAAK,CAAA;GAAC,CAAA;AAE3D,EAAA,IAAMe,eAAe,GAAG,SAAlBA,eAAeA,GAAA;IAAA,OACnB,CAACd,eAAe,KACfvB,QAAE,CAACsC,QAAQ,EAAEP,QAAQ,CAAC,GAAGA,QAAQ,EAAE,GAAG/D,gBAAgB,CAACpB,EAAE,EAAEsB,QAAQ,CAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAExE,oBACEqE,eAAA,CAAC9F,kBAAkB,EAAA;AACXI,IAAAA,IAAI,EAAJA,IAAI;AAAED,IAAAA,EAAE,EAAFA,EAAE;AACd4F,IAAAA,eAAe,EAAC,QAAQ;AACxBC,IAAAA,SAAS,EAAC,2FAA2F;IACrG,SAAA9C,EAAAA,EAAAA,CAAAA,MAAA,CAAYuC,YAAY,EAAY,WAAA,CAAA;AACpCH,IAAAA,QAAQ,EAAEM,eAAgB;IAAAvF,QAAA,EAAA,cAE1BY,cAAA,CAACgF,UAAU,EAAA;AACTD,MAAAA,SAAS,EAAC,4DAA4D;AACtEE,MAAAA,SAAS,EAAC,MAAM;MAChB,SAAAhD,EAAAA,EAAAA,CAAAA,MAAA,CAAYuC,YAAY,EAAkB,iBAAA,CAAA;AAC1CU,MAAAA,KAAK,EAAC,OAAO;AAAA9F,MAAAA,QAAA,EAEZqE,KAAAA;AAAK,KACI,CAAC,eACbzD,cAAA,CAACgF,UAAU,EAAA;AACTD,MAAAA,SAAS,EAAC,gEAAgE;AAC1EE,MAAAA,SAAS,EAAC,MAAM;MAChB,SAAAhD,EAAAA,EAAAA,CAAAA,MAAA,CAAYuC,YAAY,EAAkB,iBAAA,CAAA;AAC1CU,MAAAA,KAAK,EAAC,OAAO;MAAA9F,QAAA,EAEZ0E,eAAe,gBACd9D,cAAA,CAAA,KAAA,EAAA;AAAK+E,QAAAA,SAAS,EAAC,6DAAA;AAA6D,OAAE,CAAC,GAE/EL,WAAW,CAACd,KAAK,CAAA;AAClB,KACS,CAAC,CAAA;AAAA,GACK,CAAC,CAAA;AAEzB,CAAC;;;;AC1DD,IAAMuB,MAAK,GAAG,SAARA,KAAKA,CAAAnG,IAAA,EAAA;AAAA,EAAA,IAAMoG,KAAK,GAAApG,IAAA,CAALoG,KAAK;IAAAC,oBAAA,GAAArG,IAAA,CAAEsG,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IAAEvB,eAAe,GAAA9E,IAAA,CAAf8E,eAAe,CAAA;AAAA,EAAA,oBAC9D9D,cAAA,CAAA,KAAA,EAAA;AACE+E,IAAAA,SAAS,EAAC,0CAA0C;AACpD,IAAA,SAAA,EAAQ,0BAA0B;AAAA3F,IAAAA,QAAA,EAEjCgG,KAAK,CAACG,MAAM,CAACrD,mBAAmB,CAAC,CAACsD,GAAG,CAAC,UAACC,OAAO,EAAEC,QAAQ,EAAA;AAAA,MAAA,IAAAC,WAAA,CAAA;MAAA,oBACvDd,eAAA,CAACe,cAAQ,EAAA;AAAAxG,QAAAA,QAAA,EACPY,cAAAA,cAAA,CAACwD,OAAO,EAAA1D,eAAA,CAAAA,eAAA,CAAAA,EAAAA,EAAAA,eAAA,CAAAA,eAAA,KACG2F,OAAO,CAAA,EAAA,EAAA,EAAA;AAAE3B,UAAAA,eAAe,EAAfA,eAAAA;AAAe,SAAA,CAAA,CAAA,EAAA,EAAA,EAAA;UACjC3E,IAAI,EAAEsG,OAAO,CAACtG,IAAK;UACnBkF,QAAQ,EAAEoB,OAAO,CAACpB,QAAS;AAC3BR,UAAAA,eAAe,EAAER,mBAAS,CAACoC,OAAO,CAACI,IAAI,CAAE;AACzC3G,UAAAA,EAAE,EAAAyG,CAAAA,WAAA,GAAEF,OAAO,CAACvG,EAAE,MAAAyG,IAAAA,IAAAA,WAAA,KAAAA,KAAAA,CAAAA,GAAAA,WAAA,GAAIF,OAAO,CAACK,IAAAA;AAAK,SAAA,CAChC,CAAC,EACDR,eAAe,IAAIjC,mBAAS,CAACoC,OAAO,CAACL,KAAK,CAAC,iBAC1CP,eAAA,CAAAkB,mBAAA,EAAA;UAAA3G,QAAA,EAAA,cACEY,cAAA,CAACgG,MAAK,EAAA;AAAOV,YAAAA,eAAe,EAAfA,eAAe;YAAIF,KAAK,EAAEK,OAAO,CAACL,KAAAA;WAAQ,CAAC,EACvDA,KAAK,CAACa,MAAM,GAAG,CAAC,KAAKP,QAAQ,iBAC5B1F,cAAA,CAAA,IAAA,EAAA;AAAI+E,YAAAA,SAAS,EAAC,6DAAA;AAA6D,WAAE,CAC9E,CAAA;AAAA,SACD,CACH,CAAA;AAAA,OAAA,EAfYW,QAgBL,CAAC,CAAA;KACZ,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;;ACtBR,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,CAAAlH,IAAA,EAKZ;AAAA,EAAA,IAAAmH,YAAA,GAAAnH,IAAA,CAJJoH,OAAO;IAAPA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA;AAAE1C,MAAAA,KAAK,EAAE,EAAE;AAAE2B,MAAAA,KAAK,EAAE,EAAE;AAAE9B,MAAAA,kBAAkB,EAAE,KAAA;AAAM,KAAC,GAAA6C,YAAA;IAC7DE,YAAY,GAAArH,IAAA,CAAZqH,YAAY;IACZC,kBAAkB,GAAAtH,IAAA,CAAlBsH,kBAAkB;IAClBC,QAAQ,GAAAvH,IAAA,CAARuH,QAAQ,CAAA;AAER,EAAA,IAAMC,OAAO,GAAGC,yBAAU,EAAE,CAAA;AAC5B,EAAA,IAAQhD,KAAK,GAA+C2C,OAAO,CAA3D3C,KAAK;IAAE2B,KAAK,GAAwCgB,OAAO,CAApDhB,KAAK;IAAE9B,kBAAkB,GAAoB8C,OAAO,CAA7C9C,kBAAkB;AAAKoD,IAAAA,UAAU,GAAApH,wBAAA,CAAK8G,OAAO,EAAA7G,SAAA,CAAA,CAAA;AAEnE,EAAA,IAAMoH,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,CAAC,EAAI;IACjCA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnBC,IAAAA,0BAAe,CAACN,OAAO,EAAED,QAAQ,EAAEK,CAAC,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,oBACE/B,eAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,kHAAkH;AAC5H,IAAA,SAAA,EAAQ,yBAAyB;AAAA3F,IAAAA,QAAA,EAEjCyF,cAAAA,eAAA,CAAA/E,KAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEiF,MAAAA,SAAS,EAAC,oIAAoI;AAC9IgC,MAAAA,OAAO,EAAEV,YAAAA;KAAavG,EAAAA,aAAA,KACbkH,UAAI,CAAC,CAAC,MAAM,CAAC,EAAEN,UAAU,CAAC,CAAA,CAAA,EAAA,EAAA,EAAA;MAAAtH,QAAA,EAAA,CAElCkE,kBAAkB,iBACjBuB,eAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2DAA2D;QAAA3F,QAAA,EAAA,cACzEY,cAAA,CAACiH,MAAM,EAAA;AACL,UAAA,SAAA,EAAA,EAAA,CAAAhF,MAAA,CAAYiF,iBAAS,CAACzD,KAAK,CAAC,EAAkB,iBAAA,CAAA;UAC9C,aAAAxB,EAAAA,EAAAA,CAAAA,MAAA,CAAgBwB,KAAK,EAAkB,iBAAA,CAAA;AACvC0D,UAAAA,IAAI,EAAEC,IAAK;AACXlC,UAAAA,KAAK,EAAC,MAAM;AACZ6B,UAAAA,OAAO,EAAEJ,qBAAAA;SACV,CAAC,eACF3G,cAAA,CAAA,MAAA,EAAA;AAAM+E,UAAAA,SAAS,EAAC,cAAc;AAAA3F,UAAAA,QAAA,EAAC,GAAA;AAAC,SAAM,CAAC,CAAA;AAAA,OACnC,CACP,eACDY,cAAA,CAACgF,UAAU,EAAA;AACTC,QAAAA,SAAS,EAAC,MAAM;AAChBC,QAAAA,KAAK,EAAC,OAAO;AACbH,QAAAA,SAAS,EAAEsC,UAAU,CAAC,qCAAqC,EAAAC,eAAA,CAAA;AACzD,UAAA,gDAAgD,EAC9ChE,kBAAAA;AAAkB,SAAA,EACnB,MAAM,EAAGgD,kBAAkB,CAC7B,CAAE;AAAAlH,QAAAA,QAAA,EAEFqE,KAAAA;AAAK,OACI,CAAC,CAAA;AAAA,KAAA,CACV,CAAC,EACL2B,KAAK,iBAAIpF,cAAA,CAACmF,MAAK,EAAA;AAAOC,MAAAA,KAAK,EAALA,KAAK;MAAIE,eAAe,EAAA,IAAA;AAAA,KAAE,CAAC,CAAA;AAAA,GAC/C,CAAC,CAAA;AAEV;;;;;AC7DA,IAAMiC,OAAO,GAAG,SAAVA,OAAOA,CAAAvI,IAAA,EAAA;AAAA,EAAA,IAAMkG,KAAK,GAAAlG,IAAA,CAALkG,KAAK,CAAA;AAAA,EAAA,oBACtBlF,cAAA,CAAA,KAAA,EAAA;AAAWkF,IAAAA,KAAK,EAALA,KAAK;AAAIsC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,IAAI;AAAAtI,IAAAA,QAAA,eAC5DY,cAAA,CAAA,MAAA,EAAA;AACE2H,MAAAA,CAAC,EAAC,y5BAAy5B;AAC35BC,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"Chevron-kf8dWOcZ.js","sources":["../../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../../src/components/Sidebar/constants.js","../../src/components/Sidebar/utils.js","../../src/components/Sidebar/Components/Links/SubLink.jsx","../../src/components/Sidebar/Components/Links/Items.jsx","../../src/components/Sidebar/Components/Links/SelectedLink.jsx","../../src/components/Sidebar/Components/Chevron.jsx"],"sourcesContent":["import { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({\n  checkpointKey,\n  to,\n  href,\n  children,\n  ...others\n}) => {\n  const { [checkpointKey]: checkpoint } =\n    useNavigationCheckpoints(checkpointKey);\n\n  const LinkElement = href ? \"a\" : NavLink;\n  const linkProps = href\n    ? { href, key: href, ...others }\n    : { to: checkpoint || to, key: to, ...others };\n\n  return <LinkElement {...linkProps}>{children}</LinkElement>;\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n  SYSTEM_VIEW: \"system_view\",\n  SEGMENTS: \"segments\",\n};\n\nexport const SELECTED_NAV_LINK_ROUTE_STORAGE_KEY = \"selectedNavLinkRoute\";\n\nexport const DEFAULT_HOME_PATH = \"/\";\n","import { isPresent, isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n  const currentBrowserUrl = new URL(\n    location.pathname + location.search + location.hash,\n    window.location.origin\n  );\n  const targetUrl = new URL(subRoute, window.location.origin);\n\n  const targetSearchParams = targetUrl.searchParams;\n  const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n  return (\n    all(\n      key =>\n        currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n      targetSearchKeys\n    ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n  );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n  const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n  return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n  if (permissions && isNotEmpty(permissions)) {\n    return is(Array, permissions)\n      ? permissions.some(includes(__, globalProps.permissions))\n      : globalProps.permissions.includes(permissions);\n  }\n\n  return true;\n});\n\nexport const getActiveConfigurePageLink = ({ navLinks, location }) =>\n  navLinks.find(link => {\n    const [linkPathname] = link.to?.split(\"?\") || [];\n\n    return (\n      isPresent(link.isConfigureNavLink) &&\n      link.isConfigureNavLink &&\n      location.pathname.startsWith(linkPathname)\n    );\n  });\n","import { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\nimport { is } from \"ramda\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n  to,\n  href,\n  label,\n  type = SUB_LINK_TYPES.SYSTEM_VIEW,\n  count,\n  isSectionHeader,\n  isCountsLoading,\n  \"data-cy\": dataCy,\n  entity = \"\",\n  columns = [],\n  baseUrl,\n  isActive,\n}) => {\n  if (type === SUB_LINK_TYPES.SEGMENTS) {\n    return <Segments {...{ baseUrl, columns, entity }} isIndependent={false} />;\n  }\n\n  const dataCyPrefix = dataCy || hyphenate(label);\n\n  const renderCount = count => (count > 999 ? \"999+\" : count);\n\n  const isSubLinkActive = () =>\n    !isSectionHeader &&\n    (is(Function, isActive) ? isActive() : isSubRouteActive(to, location));\n\n  return (\n    <CheckPointNavLinks\n      {...{ href, to }}\n      activeClassName=\"active\"\n      className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n      data-cy={`${dataCyPrefix}-sub-link`}\n      isActive={isSubLinkActive}\n    >\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-label`}\n        style=\"body2\"\n      >\n        {label}\n      </Typography>\n      <Typography\n        className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n        component=\"span\"\n        data-cy={`${dataCyPrefix}-sub-link-count`}\n        style=\"body2\"\n      >\n        {isCountsLoading ? (\n          <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n        ) : (\n          renderCount(count)\n        )}\n      </Typography>\n    </CheckPointNavLinks>\n  );\n};\n\nexport default SubLink;\n","import { Fragment } from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n  <div\n    className=\"neeto-molecules-sidebar__sublink-wrapper\"\n    data-cy=\"sidebar-sub-link-wrapper\"\n  >\n    {items.filter(filterByPermissions).map((subItem, subIndex) => (\n      <Fragment key={subIndex}>\n        <SubLink\n          {...{ ...subItem, isCountsLoading }}\n          href={subItem.href}\n          isActive={subItem.isActive}\n          isSectionHeader={isPresent(subItem.item)}\n          to={subItem.to ?? subItem.path}\n        />\n        {isSettingsItems && isPresent(subItem.items) && (\n          <>\n            <Items {...{ isSettingsItems }} items={subItem.items} />\n            {items.length - 1 !== subIndex && (\n              <hr className=\"neeto-molecules-sidebar__separator neeto-ui-border-gray-200\" />\n            )}\n          </>\n        )}\n      </Fragment>\n    ))}\n  </div>\n);\n\nexport default Items;\n","import classNames from \"classnames\";\nimport { handleMetaClick } from \"neetocommons/react-utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Home } from \"neetoicons\";\nimport { Typography, Button } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({\n  navLink = { label: \"\", items: [], isConfigureNavLink: false },\n  handleGoBack,\n  isConfigureSidebar,\n  homePath,\n}) => {\n  const history = useHistory();\n  const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n  const handleHomeButtonClick = e => {\n    e.stopPropagation();\n    handleMetaClick(history, homePath, e);\n  };\n\n  return (\n    <div\n      className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n      data-cy=\"configure-nav-container\"\n    >\n      <div\n        className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-no-underline neeto-molecules-sidebar__link neeto-ui-border-b neeto-ui-border-gray-200\"\n        onClick={handleGoBack}\n        {...{ ...omit([\"icon\"], otherProps) }}\n      >\n        {isConfigureNavLink && (\n          <span className=\"neeto-molecules-sidebar__link-icon flex items-center pl-3\">\n            <Button\n              data-cy={`${hyphenize(label)}-go-back-button`}\n              data-testid={`${label}-go-home-button`}\n              icon={Home}\n              style=\"text\"\n              onClick={handleHomeButtonClick}\n            />\n            <span className=\"px-1 text-xs\">/</span>\n          </span>\n        )}\n        <Typography\n          component=\"span\"\n          style=\"body1\"\n          className={classNames(\"neeto-molecules-sidebar__link-label\", {\n            \"neeto-molecules-sidebar__configure-page-header\":\n              isConfigureNavLink,\n            [\"pl-4\"]: isConfigureSidebar,\n          })}\n        >\n          {label}\n        </Typography>\n      </div>\n      {items && <Items {...{ items }} isSettingsItems />}\n    </div>\n  );\n};\n\nexport default SelectedLink;\n","const Chevron = ({ style }) => (\n  <svg {...{ style }} height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\n    <path\n      d=\"M7.07031 13.8887C7.2207 14.0391 7.40527 14.1211 7.62402 14.1211C8.06836 14.1211 8.41699 13.7725 8.41699 13.3281C8.41699 13.1094 8.32812 12.9043 8.17773 12.7539L3.37207 8.05762L8.17773 3.375C8.32812 3.21777 8.41699 3.0127 8.41699 2.80078C8.41699 2.35645 8.06836 2.00781 7.62402 2.00781C7.40527 2.00781 7.2207 2.08984 7.07031 2.24023L1.73828 7.44922C1.56055 7.62012 1.46484 7.8252 1.46484 8.06445C1.46484 8.29688 1.55371 8.49512 1.73828 8.67969L7.07031 13.8887ZM13.1748 13.8887C13.3252 14.0391 13.5098 14.1211 13.7354 14.1211C14.1797 14.1211 14.5283 13.7725 14.5283 13.3281C14.5283 13.1094 14.4395 12.9043 14.2891 12.7539L9.4834 8.05762L14.2891 3.375C14.4395 3.21777 14.5283 3.0127 14.5283 2.80078C14.5283 2.35645 14.1797 2.00781 13.7354 2.00781C13.5098 2.00781 13.3252 2.08984 13.1748 2.24023L7.84961 7.44922C7.66504 7.62012 7.57617 7.8252 7.56934 8.06445C7.56934 8.29688 7.66504 8.49512 7.84961 8.67969L13.1748 13.8887Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","href","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","LinkElement","NavLink","linkProps","_objectSpread","key","_jsx","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","SELECTED_NAV_LINK_ROUTE_STORAGE_KEY","DEFAULT_HOME_PATH","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","getActiveConfigurePageLink","_ref2","navLinks","find","link","_link$to","_ref3","split","_ref4","_slicedToArray","linkPathname","isPresent","isConfigureNavLink","startsWith","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","baseUrl","isActive","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","isSubLinkActive","Function","_jsxs","activeClassName","className","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","item","path","_Fragment","_Items","length","SelectedLink","_ref$navLink","navLink","handleGoBack","isConfigureSidebar","homePath","history","useHistory","otherProps","handleHomeButtonClick","e","stopPropagation","handleMetaClick","onClick","omit","Button","hyphenize","icon","Home","classNames","_defineProperty","Chevron","height","viewBox","width","d","fill"],"mappings":"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"}

package/dist/cjs/Codeblock.js

@@ -33,7 +33,7 @@ var Codeblock = function Codeblock(_ref) {
     className: "relative",
     children: [/*#__PURE__*/jsxRuntime.jsx(reactSyntaxHighlighter.PrismLight, _objectSpread(_objectSpread({
       wrapLines: true,
-      className: "p-4 pr-12 md:pr-4",
+      className: "neeto-molecules-code-block p-4 pr-12 md:pr-4",
       codeTagProps: {
         "data-cy": "code-block-content"
       },

package/dist/cjs/Codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.js","sources":["../../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = { label: \"Copy\" },\n}) => {\n  const isLargerScreen = window.innerWidth > 768;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n        data-cy=\"code-block\"\n        data-testid=\"codeblock-react-highlighter\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyCode\n          className=\"absolute right-2 top-2\"\n          data-cy=\"copy-button\"\n          data-testid=\"codeblock-copy-button\"\n          size=\"small\"\n          style=\"secondary\"\n          value={code}\n          {...copyButtonProps}\n          label={isLargerScreen ? copyButtonProps.label : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,cAAA,CAACC,iCAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,mBAAmB;AAC7BM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,aAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,cAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Codeblock.js","sources":["../../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = { label: \"Copy\" },\n}) => {\n  const isLargerScreen = window.innerWidth > 768;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n        data-cy=\"code-block\"\n        data-testid=\"codeblock-react-highlighter\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyCode\n          className=\"absolute right-2 top-2\"\n          data-cy=\"copy-button\"\n          data-testid=\"codeblock-copy-button\"\n          size=\"small\"\n          style=\"secondary\"\n          value={code}\n          {...copyButtonProps}\n          label={isLargerScreen ? copyButtonProps.label : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,cAAA,CAACC,iCAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,8CAA8C;AACxDM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,aAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,cAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/ConfigurePageSidebar.js

@@ -7,7 +7,7 @@ var Button = require('@bigbinary/neetoui/Button');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var Chevron = require('./Chevron-55AGkSis.js');
+var Chevron = require('./Chevron-kf8dWOcZ.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/dist/cjs/ProductEmbed.js

@@ -14,13 +14,13 @@ var Codeblock = require('./Codeblock.js');
 var jsxRuntime = require('react/jsx-runtime');
 var i18next = require('i18next');
 var Code$1 = require('@bigbinary/neeto-icons/Code');
-var Eye = require('@bigbinary/neeto-icons/Eye');
 var Input = require('@bigbinary/neetoui/Input');
 var Callout = require('@bigbinary/neetoui/Callout');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Label = require('@bigbinary/neetoui/Label');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Select = require('@bigbinary/neetoui/Select');
 var ColorPicker = require('@bigbinary/neetoui/ColorPicker');
@@ -32,17 +32,17 @@ var injectCss = require('./inject-css-vQvjPR2x.js');
 require('react-syntax-highlighter');
 require('react-syntax-highlighter/dist/esm/styles/prism');
 require('./CopyToClipboardButton.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-icons/Copy');
 require('@bigbinary/neeto-icons/Check');
 
 var Code = function Code(_ref) {
-  var code = _ref.code;
+  var code = _ref.code,
+    tab = _ref.tab;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "relative w-full overflow-y-auto",
+    className: "neeto-molecules-embed__code-block relative w-full overflow-y-auto",
     "data-cy": "embed-code-block",
-    "data-testid": "embed-code-block",
+    "data-testid": "".concat(tab, "-code-block"),
     children: /*#__PURE__*/jsxRuntime.jsx(Codeblock, {
       code: code
     })
@@ -51,16 +51,16 @@ var Code = function Code(_ref) {
 
 var TAB_KEYS = {
   HTML: "html",
-  PREVIEW: "preview"
+  REACT: "react"
 };
 var TABS = [{
   key: TAB_KEYS.HTML,
   label: i18next.t("neetoMolecules.productEmbed.tab.html"),
   icon: Code$1
 }, {
-  key: TAB_KEYS.PREVIEW,
-  label: i18next.t("neetoMolecules.productEmbed.tab.preview"),
-  icon: Eye
+  key: TAB_KEYS.REACT,
+  label: i18next.t("neetoMolecules.productEmbed.tab.react"),
+  icon: Code$1
 }];
 var EMBED_OPTIONS = {
   INLINE: "inline",
@@ -95,17 +95,17 @@ var INITIAL_QUERY_PARAM = {
   value: ""
 };
 
-var camelCasedAppName = globalProps.appName.replace(/^neeto/i, "neeto");
+var camelCasedAppName$1 = globalProps.appName.replace(/^neeto/i, "neeto");
 var embedBaseScript = function embedBaseScript(embedScriptLink) {
-  return "<script>window.".concat(camelCasedAppName, " = window.").concat(camelCasedAppName, " || { embed: function(){(").concat(camelCasedAppName, ".q=").concat(camelCasedAppName, ".q||[]).push(arguments)} };</script>\n  <script async\n    src=\"").concat(embedScriptLink, "\">\n  </script>");
+  return "<script>window.".concat(camelCasedAppName$1, " = window.").concat(camelCasedAppName$1, " || { embed: function(){(").concat(camelCasedAppName$1, ".q=").concat(camelCasedAppName$1, ".q||[]).push(arguments)} };</script>\n  <script async\n    src=\"").concat(embedScriptLink, "\">\n  </script>");
 };
-var embedEnv = function embedEnv() {
+var embedEnv$1 = function embedEnv() {
   return globalProps.railsEnv !== "production" ? "\n".concat(TAB_STRING, "  env: \"").concat(globalProps.railsEnv, "\",") : "";
 };
-var embedQueryParam = function embedQueryParam(queryParams) {
+var embedQueryParam$1 = function embedQueryParam(queryParams) {
   return queryParams ? "\n".concat(TAB_STRING, "  queryParams: ").concat(queryParams, ",") : "";
 };
-var parseExtraArgs = function parseExtraArgs(extraArgs) {
+var parseExtraArgs$1 = function parseExtraArgs(extraArgs) {
   return ramda.toPairs(extraArgs).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       key = _ref2[0],
@@ -113,6 +113,81 @@ var parseExtraArgs = function parseExtraArgs(extraArgs) {
     return "\n".concat(TAB_STRING, "  ").concat(key, ": \"").concat(value, "\"");
   });
 };
+var inlineEmbedCode$1 = function inlineEmbedCode(_ref3) {
+  var customization = _ref3.customization,
+    id = _ref3.id,
+    embedScriptLink = _ref3.embedScriptLink,
+    extraArgs = _ref3.extraArgs,
+    inlineWrapperStyle = _ref3.inlineWrapperStyle;
+  var elementSelector = customization.elementSelector,
+    _customization$width = customization.width,
+    width = _customization$width === void 0 ? 100 : _customization$width,
+    _customization$height = customization.height,
+    height = _customization$height === void 0 ? 100 : _customization$height,
+    queryParams = customization.queryParams;
+  return "\n  <!-- ".concat(globalProps.appName, " inline embed code begins -->\n  <div style=\"").concat(inlineWrapperStyle || "height: 90vh; width: 100%;", "\" id=\"").concat(elementSelector, "\">\n    <!-- ").concat(globalProps.appName, " widget will be added here -->\n  </div>\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"inline\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",\n      styles: { height: \"").concat(height, "%\", width: \"").concat(width, "%\"},").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " inline embed code ends -->");
+};
+var floatingPopupEmbedCode$1 = function floatingPopupEmbedCode(_ref4) {
+  var customization = _ref4.customization,
+    id = _ref4.id,
+    embedScriptLink = _ref4.embedScriptLink,
+    extraArgs = _ref4.extraArgs;
+  var btnTextColor = customization.btnTextColor,
+    showIcon = customization.showIcon,
+    btnText = customization.btnText,
+    btnPosition = customization.btnPosition,
+    btnColor = customization.btnColor,
+    icon = customization.icon,
+    queryParams = customization.queryParams;
+  return "\n  <!-- ".concat(globalProps.appName, " floating-popup embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"floatingPopup\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      styles: {\n        btnTextColor: \"").concat(btnTextColor, "\",\n        btnPosition: \"").concat(btnPosition, "\",\n        btnColor: \"").concat(btnColor, "\",\n        btnText: \"").concat(btnText, "\", ").concat(icon ? "\n".concat(TAB_STRING).concat(TAB_STRING, "showIcon: ").concat(showIcon, ",") : "", "\n      },").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " floating-popup embed code ends -->");
+};
+var elementPopupEmbedCode$1 = function elementPopupEmbedCode(_ref5) {
+  var customization = _ref5.customization,
+    id = _ref5.id,
+    embedScriptLink = _ref5.embedScriptLink,
+    extraArgs = _ref5.extraArgs;
+  var elementSelector = customization.elementSelector,
+    queryParams = customization.queryParams;
+  return "\n  <!-- This is a demo button, you can use any element on your website instead. -->\n  <button id=\"".concat(elementSelector, "\">Click to open popup</button>\n\n  <!-- ").concat(globalProps.appName, " element-click embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName$1, ".embed({\n      type: \"elementClick\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam$1(queryParams)).concat(embedEnv$1()).concat(parseExtraArgs$1(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " element-click embed code ends -->");
+};
+var htmlCodeGenerators = {
+  inline: inlineEmbedCode$1,
+  floatingPopup: floatingPopupEmbedCode$1,
+  elementPopup: elementPopupEmbedCode$1
+};
+
+var camelCasedAppName = globalProps.appName.replace(/^neeto/i, "neeto");
+var embedFunctionName = "".concat(camelCasedAppName, "Embed");
+var baseScript = "const baseScript = document.createElement(\"script\");\n      baseScript.innerHTML = `window.".concat(camelCasedAppName, " = window.").concat(camelCasedAppName, " || { embed: function(){(").concat(camelCasedAppName, ".q=").concat(camelCasedAppName, ".q||[]).push(arguments)} };`\n      document.body.appendChild(baseScript);\n");
+var embedScript = function embedScript(scriptLink) {
+  return "const embedScript = document.createElement(\"script\");\n      embedScript.src = \"".concat(scriptLink, "\";\n      embedScript.async = true;\n      document.body.appendChild(embedScript);\n");
+};
+var cleanupFunction = "// Cleanup function\n      return () => {\n        document.body.removeChild(baseScript);\n        document.body.removeChild(embedScript);\n      };";
+var embedEnv = function embedEnv() {
+  return globalProps.railsEnv !== "production" ? "\n".concat(TAB_STRING).concat(TAB_STRING, "env: \"").concat(globalProps.railsEnv, "\",") : "";
+};
+var embedQueryParam = function embedQueryParam(queryParams) {
+  return queryParams ? "\n".concat(TAB_STRING).concat(TAB_STRING, "queryParams: ").concat(queryParams, ",") : "";
+};
+var parseExtraArgs = function parseExtraArgs(extraArgs) {
+  return ramda.toPairs(extraArgs).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return "\n".concat(TAB_STRING).concat(TAB_STRING).concat(key, ": \"").concat(value, "\"");
+  });
+};
+var parseInlineStyle = function parseInlineStyle(styleString) {
+  return styleString ? styleString.split(";").map(function (rule) {
+    var _rule$split$map = rule.split(":").map(function (s) {
+        return s.trim();
+      }),
+      _rule$split$map2 = _slicedToArray(_rule$split$map, 2),
+      key = _rule$split$map2[0],
+      value = _rule$split$map2[1];
+    return key && value ? "".concat(key, ": \"").concat(value, "\"") : null;
+  }).filter(Boolean).join(", ") : 'height: "90vh", width: "100%"';
+};
 var inlineEmbedCode = function inlineEmbedCode(_ref3) {
   var customization = _ref3.customization,
     id = _ref3.id,
@@ -125,7 +200,7 @@ var inlineEmbedCode = function inlineEmbedCode(_ref3) {
     _customization$height = customization.height,
     height = _customization$height === void 0 ? 100 : _customization$height,
     queryParams = customization.queryParams;
-  return "\n  <!-- ".concat(globalProps.appName, " inline embed code begins -->\n  <div style=\"").concat(inlineWrapperStyle || "height: 90vh; width: 100%;", "\" id=\"").concat(elementSelector, "\">\n    <!-- ").concat(globalProps.appName, " widget will be added here -->\n  </div>\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName, ".embed({\n      type: \"inline\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",\n      styles: { height: \"").concat(height, "%\", width: \"").concat(width, "%\"},").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " inline embed code ends -->");
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(baseScript, "\n      ").concat(embedScript(embedScriptLink), "\n      ").concat(camelCasedAppName, ".embed({\n        type: \"inline\",\n        id: \"").concat(id, "\",\n        organization: \"").concat(globalProps.organization.subdomain, "\",\n        elementSelector: \"#").concat(elementSelector, "\",\n        styles: { height: \"").concat(height, "%\", width: \"").concat(width, "%\" },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n      });\n\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return (\n      <div\n        id=\"inline-embed-container\"\n        style={{ ").concat(parseInlineStyle(inlineWrapperStyle), " }}\n      />\n    );\n  };");
 };
 var floatingPopupEmbedCode = function floatingPopupEmbedCode(_ref4) {
   var customization = _ref4.customization,
@@ -139,7 +214,7 @@ var floatingPopupEmbedCode = function floatingPopupEmbedCode(_ref4) {
     btnColor = customization.btnColor,
     icon = customization.icon,
     queryParams = customization.queryParams;
-  return "\n  <!-- ".concat(globalProps.appName, " floating-popup embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName, ".embed({\n      type: \"floatingPopup\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      styles: {\n        btnTextColor: \"").concat(btnTextColor, "\",\n        btnPosition: \"").concat(btnPosition, "\",\n        btnColor: \"").concat(btnColor, "\",\n        btnText: \"").concat(btnText, "\", ").concat(icon ? "\n".concat(TAB_STRING).concat(TAB_STRING, "showIcon: ").concat(showIcon, ",") : "", "\n      },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " floating-popup embed code ends -->");
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(baseScript, "\n      ").concat(embedScript(embedScriptLink), "\n      ").concat(camelCasedAppName, ".embed({\n        type: \"floatingPopup\",\n        id: \"").concat(id, "\",\n        organization: \"").concat(globalProps.organization.subdomain, "\",\n        styles: {\n          btnTextColor: \"").concat(btnTextColor, "\",\n          btnPosition: \"").concat(btnPosition, "\",\n          btnColor: \"").concat(btnColor, "\",\n          btnText: \"").concat(btnText, "\",").concat(icon ? "\n".concat(TAB_STRING).concat(TAB_STRING, "  showIcon: ").concat(showIcon, ",") : "", "\n        },").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n      });\n\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <div />;\n  };");
 };
 var elementPopupEmbedCode = function elementPopupEmbedCode(_ref5) {
   var customization = _ref5.customization,
@@ -148,55 +223,34 @@ var elementPopupEmbedCode = function elementPopupEmbedCode(_ref5) {
     extraArgs = _ref5.extraArgs;
   var elementSelector = customization.elementSelector,
     queryParams = customization.queryParams;
-  return "\n  <!-- This is a demo button, you can use any element on your website instead. -->\n  <button id=\"".concat(elementSelector, "\">Click to open popup</button>\n\n  <!-- ").concat(globalProps.appName, " element-click embed code begins -->\n  ").concat(embedBaseScript(embedScriptLink), "\n  <script>\n    ").concat(camelCasedAppName, ".embed({\n      type: \"elementClick\",\n      id: \"").concat(id, "\",\n      organization: \"").concat(globalProps.organization.subdomain, "\",\n      elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n    });\n  </script>\n  <!-- ").concat(globalProps.appName, " element-click embed code ends -->");
-};
-var embedCode = function embedCode(_ref6) {
-  var type = _ref6.type,
-    customization = _ref6.customization,
-    id = _ref6.id,
-    embedScriptLink = _ref6.embedScriptLink,
-    _ref6$extraArgs = _ref6.extraArgs,
-    extraArgs = _ref6$extraArgs === void 0 ? {} : _ref6$extraArgs,
-    inlineWrapperStyle = _ref6.inlineWrapperStyle;
-  switch (type) {
-    case "inline":
-      return inlineEmbedCode({
-        customization: customization,
-        id: id,
-        embedScriptLink: embedScriptLink,
-        extraArgs: extraArgs,
-        inlineWrapperStyle: inlineWrapperStyle
-      });
-    case "floatingPopup":
-      return floatingPopupEmbedCode({
-        customization: customization,
-        id: id,
-        embedScriptLink: embedScriptLink,
-        extraArgs: extraArgs
-      });
-    case "elementPopup":
-      return elementPopupEmbedCode({
-        customization: customization,
-        id: id,
-        embedScriptLink: embedScriptLink,
-        extraArgs: extraArgs
-      });
-    default:
-      return "";
-  }
+  return "\n  import { useEffect } from \"react\";\n\n  const App = () => {\n    const ".concat(embedFunctionName, " = () => {\n      ").concat(baseScript, "\n      ").concat(embedScript(embedScriptLink), "\n      ").concat(camelCasedAppName, ".embed({\n        type: \"elementClick\",\n        id: \"").concat(id, "\",\n        organization: \"").concat(globalProps.organization.subdomain, "\",\n        elementSelector: \"#").concat(elementSelector, "\",").concat(embedQueryParam(queryParams)).concat(embedEnv()).concat(parseExtraArgs(extraArgs), "\n      });\n\n      ").concat(cleanupFunction, "\n    };\n\n    useEffect(() => ").concat(embedFunctionName, "(), []);\n\n    return <div />;\n  };");
+};
+var reactCodeGenerators = {
+  inline: inlineEmbedCode,
+  floatingPopup: floatingPopupEmbedCode,
+  elementPopup: elementPopupEmbedCode
+};
+
+var _excluded = ["tab", "type"];
+var generateCode = function generateCode(options) {
+  var _reactCodeGenerators$, _htmlCodeGenerators$t;
+  var tab = options.tab,
+    type = options.type,
+    embeddedCodeOptions = _objectWithoutProperties(options, _excluded);
+  return tab === "react" ? (_reactCodeGenerators$ = reactCodeGenerators[type]) === null || _reactCodeGenerators$ === void 0 ? void 0 : _reactCodeGenerators$.call(reactCodeGenerators, embeddedCodeOptions) : (_htmlCodeGenerators$t = htmlCodeGenerators[type]) === null || _htmlCodeGenerators$t === void 0 ? void 0 : _htmlCodeGenerators$t.call(htmlCodeGenerators, embeddedCodeOptions);
 };
 var buildDefaultCustomization = function buildDefaultCustomization(defaultCustomizations) {
   return ramda.mergeDeepLeft(defaultCustomizations, DEFAULT_CUSTOMIZATION);
 };
 var buildQueryParamsFromInputFields = function buildQueryParamsFromInputFields(inputFields) {
-  var filteredInputFields = inputFields.filter(function (_ref7) {
-    var name = _ref7.name,
-      value = _ref7.value;
+  var filteredInputFields = inputFields.filter(function (_ref) {
+    var name = _ref.name,
+      value = _ref.value;
     return name && value;
   });
-  var queryParams = filteredInputFields.reduce(function (queryParams, _ref8) {
-    var name = _ref8.name,
-      value = _ref8.value;
+  var queryParams = filteredInputFields.reduce(function (queryParams, _ref2) {
+    var name = _ref2.name,
+      value = _ref2.value;
     queryParams[name] = value;
     return queryParams;
   }, {});
@@ -517,14 +571,15 @@ var Customization = function Customization(_ref) {
 };
 
 var Header = function Header(_ref) {
-  var tab = _ref.tab,
-    setTab = _ref.setTab;
+  var supportedLanguagesTabs = _ref.supportedLanguagesTabs,
+    setTab = _ref.setTab,
+    tab = _ref.tab;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "flex w-full pt-2",
+    className: "flex w-full",
     children: /*#__PURE__*/jsxRuntime.jsx(Tab, {
       noUnderline: true,
       className: "neeto-molecules-product-embed-tab",
-      children: TABS.map(function (_ref2) {
+      children: supportedLanguagesTabs.map(function (_ref2) {
         var key = _ref2.key,
           label = _ref2.label,
           icon = _ref2.icon;
@@ -677,6 +732,8 @@ var Preview = function Preview(_ref) {
     });
   }
   return /*#__PURE__*/jsxRuntime.jsx(BrowserPreview, {
+    className: "h-full",
+    wrapperClassName: "neeto-molecules-embed__browser-preview pointer-events-auto",
     children: /*#__PURE__*/jsxRuntime.jsx(Component, {
       customization: customization,
       iframeURL: iframeURL
@@ -684,7 +741,7 @@ var Preview = function Preview(_ref) {
   });
 };
 
-var css = ".neeto-molecules-product-embed-size-input.neeto-ui-input__wrapper .neeto-ui-input__prefix{align-self:stretch;background-color:rgb(var(--neeto-ui-gray-200));margin-left:0!important;padding-left:.75rem;padding-right:.75rem}.neeto-molecules-product-embed-tab{gap:.5rem}.neeto-molecules-product-embed-tab .neeto-ui-tab{border-radius:var(--neeto-ui-btn-border-radius);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-product-embed-tab .neeto-ui-tab:not(.active):hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-product-embed-tab .neeto-ui-tab.active{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-embed__left-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:1.5rem;width:100%}@media (min-width:768px){.neeto-molecules-embed__left-sidebar{border-right:1px solid rgb(var(--neeto-ui-gray-200));max-width:25rem}}@media (min-width:1024px){.neeto-molecules-embed__left-sidebar{max-width:27.5rem}}";
+var css = ".neeto-molecules-product-embed-size-input.neeto-ui-input__wrapper .neeto-ui-input__prefix{align-self:stretch;background-color:rgb(var(--neeto-ui-gray-200));margin-left:0!important;padding-left:.75rem;padding-right:.75rem}.neeto-molecules-product-embed-tab{gap:.5rem}.neeto-molecules-product-embed-tab .neeto-ui-tab{border-radius:var(--neeto-ui-btn-border-radius);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-product-embed-tab .neeto-ui-tab:not(.active):hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-product-embed-tab .neeto-ui-tab.active{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-embed__left-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:1.5rem;width:100%}@media (min-width:768px){.neeto-molecules-embed__left-sidebar{border-right:1px solid rgb(var(--neeto-ui-gray-200));max-width:25rem}}@media (min-width:1024px){.neeto-molecules-embed__left-sidebar{max-width:27.5rem}}.neeto-molecules-embed__code-block .neeto-molecules-code-block{font-size:.875rem;height:15.625rem;margin-top:0!important}.neeto-molecules-embed__browser-preview{height:100%;min-height:18.75rem}.neeto-molecules-embed__browser-preview .neeto-molecules-browser-preview__body{position:relative}.neeto-molecules-embed__browser-preview .neeto-molecules-browser-preview__body iframe{height:100%;left:0;position:absolute;top:0;width:100%}";
 injectCss.n(css,{});
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -708,12 +765,19 @@ var ProductEmbed = function ProductEmbed(_ref) {
     _ref$otherCustomizati = _ref.otherCustomizations,
     otherCustomizations = _ref$otherCustomizati === void 0 ? neetoCist.noop : _ref$otherCustomizati,
     _ref$inlineWrapperSty = _ref.inlineWrapperStyle,
-    inlineWrapperStyle = _ref$inlineWrapperSty === void 0 ? "" : _ref$inlineWrapperSty;
+    inlineWrapperStyle = _ref$inlineWrapperSty === void 0 ? "" : _ref$inlineWrapperSty,
+    _ref$supportedLanguag = _ref.supportedLanguages,
+    supportedLanguages = _ref$supportedLanguag === void 0 ? ["html"] : _ref$supportedLanguag;
+  var supportedLanguagesTabs = neetoCist.filterBy({
+    key: function key(_key) {
+      return supportedLanguages === null || supportedLanguages === void 0 ? void 0 : supportedLanguages.includes(_key);
+    }
+  }, TABS);
   var _useState = React.useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isScriptLoading = _useState2[0],
     setIsScriptLoading = _useState2[1];
-  var _useState3 = React.useState(TAB_KEYS.HTML),
+  var _useState3 = React.useState(supportedLanguagesTabs[0].key),
     _useState4 = _slicedToArray(_useState3, 2),
     tab = _useState4[0],
     setTab = _useState4[1];
@@ -730,8 +794,9 @@ var ProductEmbed = function ProductEmbed(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var embedScriptLink = customEmbedScriptPath || "".concat(window.location.protocol, "//").concat(window.location.host, "/javascript/embed.js");
-  var code = embedCode({
+  var code = generateCode({
     id: id,
+    tab: tab,
     type: selectedOption,
     customization: customizations[selectedOption],
     embedScriptLink: embedScriptLink,
@@ -788,21 +853,30 @@ var ProductEmbed = function ProductEmbed(_ref) {
         })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-molecules-embed__preview neeto-ui-bg-white flex min-h-screen w-full min-w-0 flex-col gap-4 p-6 md:min-h-0 md:flex-grow",
+      className: "neeto-molecules-embed__preview neeto-ui-bg-white flex min-h-screen w-full min-w-0 flex-col gap-3 overflow-y-auto p-6 md:min-h-0 md:flex-grow",
       children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
         setTab: setTab,
+        supportedLanguagesTabs: supportedLanguagesTabs,
         tab: tab
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-grow overflow-y-auto",
-        children: tab === TAB_KEYS.PREVIEW ? /*#__PURE__*/jsxRuntime.jsx(Preview, {
-          customPreviewIframeUrl: customPreviewIframeUrl,
-          id: id,
-          isScriptLoading: isScriptLoading,
-          selectedOption: selectedOption,
-          customization: customizations[selectedOption]
-        }) : /*#__PURE__*/jsxRuntime.jsx(Code, {
-          code: code
-        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex min-h-0 flex-grow flex-col gap-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex-shrink-0",
+          "data-testid": "embed-code-block",
+          children: /*#__PURE__*/jsxRuntime.jsx(Code, {
+            code: code,
+            tab: tab
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex-grow",
+          children: /*#__PURE__*/jsxRuntime.jsx(Preview, {
+            customPreviewIframeUrl: customPreviewIframeUrl,
+            id: id,
+            isScriptLoading: isScriptLoading,
+            selectedOption: selectedOption,
+            customization: customizations[selectedOption]
+          })
+        })]
       })]
     })]
   });