@bigbinary/neeto-molecules 5.1.5 → 5.1.6

package/dist/cjs/v2/Sidebar.js

@@ -9,7 +9,7 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var useKeyboardShortcutsPaneState = require('../useKeyboardShortcutsPaneState-DZUnpw9v.js');
-var ConfigureView = require('../ConfigureView-BVRHqVpb.js');
+var ConfigureView = require('../ConfigureView-CCjMYBjp.js');
 var classnames = require('classnames');
 var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
 var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');

package/dist/v2/ConfigurePageSidebar.js

@@ -1,8 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
 import { SidebarProvider, Sidebar, SidebarContent, SidebarTrigger } from '@bigbinary/neeto-atoms/primitives';
+import classnames from 'classnames';
 import { useHistory } from 'react-router-dom';
-import { C as ConfigureView } from '../ConfigureView-CG1M2-3b.js';
+import { C as ConfigureView } from '../ConfigureView-CohhUNxy.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -11,7 +12,6 @@ import '@bigbinary/neeto-commons-frontend/v2/utils/general';
 import 'ramda';
 import '@bigbinary/neeto-commons-frontend/v2/react-utils/useRegisterNavigationCheckpoint';
 import '@bigbinary/neeto-atoms';
-import 'classnames';
 import '@bigbinary/neeto-filters-frontend/v2/Segments';
 import '../chevron-left-BTVCxPw8.js';
 import '../createLucideIcon-mNMhCCpf.js';
@@ -47,7 +47,11 @@ var ConfigurePageSidebar = function ConfigurePageSidebar(_ref) {
           }
         })
       })
-    }), /*#__PURE__*/jsx(SidebarTrigger, {})]
+    }), /*#__PURE__*/jsx(SidebarTrigger, {
+      className: classnames({
+        "bg-background hover:bg-accent size-9 rounded-full border shadow-sm": isSidebarCollapsed
+      })
+    })]
   });
 };
 

package/dist/v2/ConfigurePageSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurePageSidebar.js","sources":["../../src/v2/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\n\nimport ConfigureView from \"./Sidebar/Components/ConfigureView\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <SidebarProvider\n      className=\"!w-auto\"\n      open={!isSidebarCollapsed}\n      onOpenChange={open => setIsSidebarCollapsed(!open)}\n    >\n      <Sidebar\n        collapsible=\"offcanvas\"\n        side={document.documentElement.dir === \"rtl\" ? \"right\" : \"left\"}\n      >\n        <SidebarContent>\n          <ConfigureView\n            isConfigureSidebar\n            handleGoBack={handleConfigureLinkClick}\n            navLink={{ label, items }}\n          />\n        </SidebarContent>\n      </Sidebar>\n      <SidebarTrigger />\n    </SidebarProvider>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  configurePageRoute: PropTypes.string,\n  label: PropTypes.string,\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarCollapsed","setIsSidebarCollapsed","handleConfigureLinkClick","push","_jsxs","SidebarProvider","className","open","onOpenChange","children","_jsx","Sidebar","collapsible","side","document","documentElement","dir","SidebarContent","ConfigureView","isConfigureSidebar","handleGoBack","navLink","SidebarTrigger"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIpB;AAAA,EAAA,IAHJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,KAAK,GAAAF,IAAA,CAAfG,QAAQ;IACRC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;AAElB,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAC5B,EAAA,IAAAC,SAAA,GAAoDC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrCR,IAAAA,OAAO,CAACS,IAAI,CAACV,kBAAkB,CAAC;EAClC,CAAC;EAED,oBACEW,IAAA,CAACC,eAAe,EAAA;AACdC,IAAAA,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAE,CAACP,kBAAmB;AAC1BQ,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAED,IAAI,EAAA;AAAA,MAAA,OAAIN,qBAAqB,CAAC,CAACM,IAAI,CAAC;IAAA,CAAC;IAAAE,QAAA,EAAA,cAEnDC,GAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,WAAW,EAAC,WAAW;MACvBC,IAAI,EAAEC,QAAQ,CAACC,eAAe,CAACC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAO;MAAAP,QAAA,eAEhEC,GAAA,CAACO,cAAc,EAAA;QAAAR,QAAA,eACbC,GAAA,CAACQ,aAAa,EAAA;UACZC,kBAAkB,EAAA,IAAA;AAClBC,UAAAA,YAAY,EAAElB,wBAAyB;AACvCmB,UAAAA,OAAO,EAAE;AAAE/B,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA;AAAM;SACzB;OACa;AAAC,KACV,CAAC,eACVmB,GAAA,CAACY,cAAc,IAAE,CAAC;AAAA,GACH,CAAC;AAEtB;;;;"}
+{"version":3,"file":"ConfigurePageSidebar.js","sources":["../../src/v2/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\n\nimport ConfigureView from \"./Sidebar/Components/ConfigureView\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <SidebarProvider\n      className=\"!w-auto\"\n      open={!isSidebarCollapsed}\n      onOpenChange={open => setIsSidebarCollapsed(!open)}\n    >\n      <Sidebar\n        collapsible=\"offcanvas\"\n        side={document.documentElement.dir === \"rtl\" ? \"right\" : \"left\"}\n      >\n        <SidebarContent>\n          <ConfigureView\n            isConfigureSidebar\n            handleGoBack={handleConfigureLinkClick}\n            navLink={{ label, items }}\n          />\n        </SidebarContent>\n      </Sidebar>\n      <SidebarTrigger\n        className={classnames({\n          \"bg-background hover:bg-accent size-9 rounded-full border shadow-sm\":\n            isSidebarCollapsed,\n        })}\n      />\n    </SidebarProvider>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  configurePageRoute: PropTypes.string,\n  label: PropTypes.string,\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarCollapsed","setIsSidebarCollapsed","handleConfigureLinkClick","push","_jsxs","SidebarProvider","className","open","onOpenChange","children","_jsx","Sidebar","collapsible","side","document","documentElement","dir","SidebarContent","ConfigureView","isConfigureSidebar","handleGoBack","navLink","SidebarTrigger","classnames"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIpB;AAAA,EAAA,IAHJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,KAAK,GAAAF,IAAA,CAAfG,QAAQ;IACRC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;AAElB,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAC5B,EAAA,IAAAC,SAAA,GAAoDC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrCR,IAAAA,OAAO,CAACS,IAAI,CAACV,kBAAkB,CAAC;EAClC,CAAC;EAED,oBACEW,IAAA,CAACC,eAAe,EAAA;AACdC,IAAAA,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAE,CAACP,kBAAmB;AAC1BQ,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAED,IAAI,EAAA;AAAA,MAAA,OAAIN,qBAAqB,CAAC,CAACM,IAAI,CAAC;IAAA,CAAC;IAAAE,QAAA,EAAA,cAEnDC,GAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,WAAW,EAAC,WAAW;MACvBC,IAAI,EAAEC,QAAQ,CAACC,eAAe,CAACC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAO;MAAAP,QAAA,eAEhEC,GAAA,CAACO,cAAc,EAAA;QAAAR,QAAA,eACbC,GAAA,CAACQ,aAAa,EAAA;UACZC,kBAAkB,EAAA,IAAA;AAClBC,UAAAA,YAAY,EAAElB,wBAAyB;AACvCmB,UAAAA,OAAO,EAAE;AAAE/B,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA;AAAM;SACzB;OACa;AAAC,KACV,CAAC,eACVmB,GAAA,CAACY,cAAc,EAAA;MACbhB,SAAS,EAAEiB,UAAU,CAAC;AACpB,QAAA,oEAAoE,EAClEvB;OACH;AAAE,KACJ,CAAC;AAAA,GACa,CAAC;AAEtB;;;;"}

package/dist/v2/FloatingActionMenu.js

@@ -514,6 +514,7 @@ var Modal = withT(function (_ref) {
 });
 
 var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var BILLING_URL = "/auth/admin_billing";
 var DELETE_WORKSPACE_URL = "/auth/organization/delete";
 var ENGAGE_WIDGET_TRIGGER_ID = "neetoengage-trigger";
 var DEFAULT_MENU_LINK_PROPS = {
@@ -1163,7 +1164,7 @@ var TriggerContent = withT(function (_ref) {
 });
 
 var WorkspaceItems = withT(function (_ref) {
-  var _globalProps$organiza;
+  var _globalProps$organiza, _globalProps$organiza2;
   var t = _ref.t;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(MenuItem, {
@@ -1172,7 +1173,13 @@ var WorkspaceItems = withT(function (_ref) {
       rel: "noreferrer",
       target: "_blank",
       children: t("neetoMolecules.sidebar.workspaceMenu.settings")
+    }), /*#__PURE__*/jsx(MenuItem, {
+      "data-testid": "profile-organization-billing-button",
+      href: BILLING_URL,
+      children: t("neetoMolecules.sidebar.workspaceMenu.billing")
     }), ((_globalProps$organiza = globalProps$1.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain) && /*#__PURE__*/jsx("div", {
+      className: "border-border my-1 border-t"
+    }), ((_globalProps$organiza2 = globalProps$1.organization) === null || _globalProps$organiza2 === void 0 ? void 0 : _globalProps$organiza2.subdomain) && /*#__PURE__*/jsx("div", {
       className: "px-2.5 py-2",
       children: /*#__PURE__*/jsxs("span", {
         className: "flex flex-col gap-0.5 text-start",