@bigbinary/neeto-molecules 4.0.134 → 4.0.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,10 +27,12 @@ var injectCss = require('./inject-css-B6qYtOJe.js');
27
27
  var jsxRuntime = require('react/jsx-runtime');
28
28
  var reactQuery = require('@tanstack/react-query');
29
29
  var axios = require('axios');
30
+ var Crown = require('@bigbinary/neeto-icons/Crown');
30
31
  var i18next = require('i18next');
31
32
  var Book = require('@bigbinary/neeto-icons/Book');
32
33
  var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
33
- var ExternalLink = require('@bigbinary/neeto-icons/ExternalLink');
34
+ var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
35
+ var Tag = require('@bigbinary/neetoui/Tag');
34
36
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
35
37
  var Right = require('@bigbinary/neeto-icons/Right');
36
38
  var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
@@ -41,6 +43,7 @@ var utils = require('@bigbinary/neeto-commons-frontend/utils');
41
43
  var axios$1 = require('@bigbinary/neeto-commons-frontend/utils/axios');
42
44
  var general = require('@bigbinary/neeto-commons-frontend/utils/general');
43
45
  var Logout = require('@bigbinary/neeto-icons/Logout');
46
+ var CopyToClipboardButton = require('./CopyToClipboardButton.js');
44
47
  require('./useKeyboardShortcutsPaneState-YnXpWOcs.js');
45
48
  require('zustand/shallow');
46
49
  require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
@@ -50,6 +53,8 @@ require('@bigbinary/neetoui/Button');
50
53
  require('@bigbinary/neetoui/managers');
51
54
  require('@bigbinary/neetoui/Kbd');
52
55
  require('./ua-parser-E0eEtHJZ.js');
56
+ require('@bigbinary/neeto-icons/Copy');
57
+ require('@bigbinary/neeto-icons/Check');
53
58
 
54
59
  function _interopNamespaceDefault(e) {
55
60
  var n = Object.create(null);
@@ -519,19 +524,21 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
519
524
  href: organization.organizationUrl,
520
525
  rel: "noreferrer",
521
526
  style: "text",
522
- suffix: /*#__PURE__*/jsxRuntime.jsx(ExternalLink, {
523
- size: 18
524
- }),
525
527
  target: "_blank",
526
528
  className: classnames({
527
529
  "neeto-molecules-organization-switcher-active-button": isCurrentSubdomain(organization.organizationUrl)
528
530
  }),
529
- children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
530
- user: {
531
- name: organization.userName,
532
- imageUrl: organization.userImageUrl
533
- }
534
- }), organization.orgName]
531
+ children: [organization.orgName, isCurrentSubdomain(organization.organizationUrl) && /*#__PURE__*/jsxRuntime.jsx(Tag, {
532
+ icon: function icon() {
533
+ return /*#__PURE__*/jsxRuntime.jsx(CheckCircle, {
534
+ size: 12
535
+ });
536
+ },
537
+ size: "small",
538
+ style: "primary",
539
+ type: "solid",
540
+ children: t("neetoMolecules.sidebar.organizationSwitcher.signedin")
541
+ })]
535
542
  }, organization.userId);
536
543
  }), /*#__PURE__*/jsxRuntime.jsx(MenuItem$4.Button, {
537
544
  href: authAppUrl,
@@ -800,23 +807,29 @@ var WorkspaceMenu = function WorkspaceMenu() {
800
807
  rel: "noreferrer",
801
808
  target: "_blank",
802
809
  children: t("neetoMolecules.sidebar.workspaceMenu.settings")
803
- }), ((_globalProps$organiza = initializers.globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain) && /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
804
- href: MY_ORGANIZATION_URL,
805
- rel: "noreferrer",
806
- target: "_blank",
810
+ }), ((_globalProps$organiza = initializers.globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain) && /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
811
+ className: "px-6 py-2",
807
812
  children: /*#__PURE__*/jsxRuntime.jsxs("span", {
808
- className: "neeto-molecules-workspace-display__content flex flex-col gap-1.5 text-start",
813
+ className: "neeto-molecules-workspace-display__content flex flex-col gap-0.5 text-start",
809
814
  children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
810
815
  className: "neeto-molecules-workspace-display__label",
811
816
  component: "span",
812
817
  style: "body2",
813
818
  weight: "medium",
814
819
  children: t("neetoMolecules.sidebar.workspaceMenu.subdomain")
815
- }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
816
- className: "neeto-molecules-workspace-display__name neeto-ui-text-gray-500",
820
+ }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
821
+ className: "neeto-molecules-workspace-display__name neeto-ui-text-gray-500 flex items-center gap-1",
817
822
  component: "span",
818
823
  style: "body3",
819
- children: initializers.globalProps.organization.subdomain
824
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
825
+ className: "min-w-0 truncate",
826
+ children: initializers.globalProps.organization.subdomain
827
+ }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
828
+ className: "flex-shrink-0",
829
+ size: "small",
830
+ style: "text",
831
+ value: initializers.globalProps.organization.subdomain
832
+ })]
820
833
  })]
821
834
  })
822
835
  })]
@@ -844,6 +857,8 @@ var ProfileMenu = function ProfileMenu(_ref) {
844
857
  var _Profile$usePaneState = Profile.usePaneState(),
845
858
  _Profile$usePaneState2 = _slicedToArray(_Profile$usePaneState, 2),
846
859
  setIsProfilePaneOpen = _Profile$usePaneState2[1];
860
+ var _useTranslation = reactI18next.useTranslation(),
861
+ t = _useTranslation.t;
847
862
  var normalizedPlan = (((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.subscriptionPlan) || "").toLowerCase();
848
863
  return /*#__PURE__*/jsxRuntime.jsxs(Menu, {
849
864
  className: "pb-1",
@@ -863,11 +878,15 @@ var ProfileMenu = function ProfileMenu(_ref) {
863
878
  links: [{
864
879
  label: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
865
880
  children: [globalProps.appName, " ", /*#__PURE__*/jsxRuntime.jsx("span", {
866
- className: classnames("neeto-molecules-subscription-plan-badge", {
881
+ className: classnames("neeto-molecules-subscription-plan-badge flex items-center gap-1", {
867
882
  "neeto-molecules-subscription-plan-badge--pro": normalizedPlan === "pro",
868
883
  "neeto-molecules-subscription-plan-badge--free": normalizedPlan === "free"
869
884
  }),
870
- children: neetoCist.humanize((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.subscriptionPlan)
885
+ children: normalizedPlan === "pro" ? neetoCist.humanize((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.subscriptionPlan) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
886
+ children: [/*#__PURE__*/jsxRuntime.jsx(Crown, {
887
+ size: 12
888
+ }), t("neetoMolecules.sidebar.upgradePlan")]
889
+ })
871
890
  })]
872
891
  }),
873
892
  href: NEETO_AUTH_BILLING_INFO_URL,
@@ -1033,7 +1052,7 @@ var ProfileButton = function ProfileButton(_ref) {
1033
1052
  });
1034
1053
  };
1035
1054
 
1036
- var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-white));border-end-end-radius:1.0625rem;border-inline-start:none;border-start-end-radius:1.0625rem;bottom:16px;inset-inline-start:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-color:rgb(var(--neeto-ui-primary-500));border-end-end-radius:1rem;border-start-end-radius:1rem;display:flex;flex-direction:column;gap:.375rem;justify-content:center;padding:.25rem}.neeto-molecules-floating-action-button__help-icon{align-items:center;background-color:#fff;border-radius:6.25rem;display:flex;height:1.625rem;justify-content:center;width:1.625rem}.neeto-molecules-floating-action-button__profile-avatar{--neeto-ui-avatar-container-width:1.625rem;--neeto-ui-avatar-container-height:1.625rem;border:2px solid #fff;border-radius:6.25rem}.neeto-molecules-floating-action-button__profile-avatar>div{height:100%;width:100%}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{--neeto-ui-dropdown-divider-margin:0.5rem;--neeto-ui-dropdown-item-border-radius:0.25rem;flex-shrink:0;max-height:95vh!important;max-width:none;width:16rem;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown .neeto-ui-dropdown__popup-menu{padding-bottom:.75rem!important;padding-top:.75rem!important}.neeto-molecules-floating-action-button__dropdown.neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important;padding-left:.75rem;padding-right:.75rem}.neeto-molecules-floating-action-button__backdrop{background-color:rgba(var(--neeto-ui-black),.27);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:99998;z-index:calc(var(--neeto-molecules-floating-menu-z-index) - 1)}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{border:1px solid #fff;height:.9375rem;inset-inline-end:0;min-width:.9375rem;pointer-events:none;position:absolute;top:0;z-index:3}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-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);justify-content:center;padding-inline-end:.25rem;padding-inline-start:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-menu-list__item-btn-count{height:1.125rem;min-width:1.125rem}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:.75rem!important;min-width:15rem}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-radius:.25rem;transition:var(--neeto-ui-transition)}.neeto-molecules-profile-popup__top-section:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:2.5rem}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:.5rem}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 25rem)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}.neeto-molecules-organization-switcher-active-button,.neeto-molecules-theme-switcher-active-button{color:rgb(var(--neeto-ui-success-600))!important}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper]{--neeto-ui-dropdown-box-shadow:0 0 0 0;--neeto-ui-dropdown-border-radius:0.75rem;--neeto-ui-dropdown-popup-border-radius:0.75rem;--neeto-ui-dropdown-margin-y:0;--neeto-ui-dropdown-margin-x:0;transition:var(--neeto-ui-transition)}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper] .neeto-ui-dropdown__popup{--neeto-ui-dropdown-border-radius:0.75rem;transition:var(--neeto-ui-transition)}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper] .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-divider{transition:var(--neeto-ui-transition)}.neeto-molecules-subscription-plan-badge{border-radius:9999px;display:inline-block;font-size:.625rem;font-weight:600;line-height:1.1;padding:.25rem .625rem;text-transform:uppercase}.neeto-molecules-subscription-plan-badge--pro{background-color:#ffe44a;color:#000}.neeto-molecules-subscription-plan-badge--free{background-color:rgb(var(--neeto-ui-gray-300));color:rgb(var(--neeto-ui-black))}.neeto-molecules-theme-switcher{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.neeto-molecules-theme-switcher__label{color:rgb(var(--neeto-ui-gray-800));font-size:.875rem;font-weight:500}.neeto-molecules-theme-switcher__segmented-control{background-color:rgb(var(--neeto-ui-gray-200));border-radius:9999px;display:flex;gap:.25rem;padding:.0625rem}.neeto-molecules-theme-switcher__option{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:9999px;color:rgb(var(--neeto-ui-gray-700));cursor:pointer;display:flex;flex:1;font-size:.75rem;font-weight:500;gap:.125rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.neeto-molecules-theme-switcher__option:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-theme-switcher__option--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:0 1px 2px rgba(0,0,0,.05);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-theme-switcher__option svg{flex-shrink:0}";
1055
+ var css = ":root{--neeto-molecules-floating-menu-z-index:99999}.neeto-molecules-floating-action-menu__container{background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-white));border-end-end-radius:1.0625rem;border-inline-start:none;border-start-end-radius:1.0625rem;bottom:16px;inset-inline-start:0;position:fixed;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-color:rgb(var(--neeto-ui-primary-500));border-end-end-radius:1rem;border-start-end-radius:1rem;display:flex;flex-direction:column;gap:.375rem;justify-content:center;padding:.25rem}.neeto-molecules-floating-action-button__help-icon{align-items:center;background-color:#fff;border-radius:6.25rem;display:flex;height:1.625rem;justify-content:center;width:1.625rem}.neeto-molecules-floating-action-button__profile-avatar{--neeto-ui-avatar-container-width:1.625rem;--neeto-ui-avatar-container-height:1.625rem;border:2px solid #fff;border-radius:6.25rem}.neeto-molecules-floating-action-button__profile-avatar>div{height:100%;width:100%}.neeto-molecules-floating-action-button__profile-avatar .neeto-ui-avatar{height:100%!important;width:100%!important}.neeto-molecules-floating-action-button__dropdown{--neeto-ui-dropdown-divider-margin:0.5rem;--neeto-ui-dropdown-item-border-radius:0.25rem;flex-shrink:0;max-height:95vh!important;max-width:none;width:16rem;z-index:99999;z-index:var(--neeto-molecules-floating-menu-z-index)}.neeto-molecules-floating-action-button__dropdown .neeto-ui-dropdown__popup-menu{padding-bottom:.75rem!important;padding-top:.75rem!important}.neeto-molecules-floating-action-button__dropdown.neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important;padding-left:.75rem;padding-right:.75rem}.neeto-molecules-floating-action-button__backdrop{background-color:rgba(var(--neeto-ui-black),.27);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:99998;z-index:calc(var(--neeto-molecules-floating-menu-z-index) - 1)}.neeto-molecules-product-switcher-menu-popup__dropdown{max-height:none!important;max-width:none}.neeto-molecules-menu__notif-count{border:1px solid #fff;height:.9375rem;inset-inline-end:0;min-width:.9375rem;pointer-events:none;position:absolute;top:0;z-index:3}.neeto-molecules-menu-list__item-btn-count,.neeto-molecules-menu__notif-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);justify-content:center;padding-inline-end:.25rem;padding-inline-start:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-menu-list__item-btn-count{height:1.125rem;min-width:1.125rem}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:.75rem!important;min-width:15rem}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-content{padding:0}.neeto-ui-dropdown__popup .neeto-molecules-product-switcher-menu-popup-wrapper .tippy-svg-arrow{display:none!important}.neeto-molecules-profile-popup__top-section{border-radius:.25rem;transition:var(--neeto-ui-transition)}.neeto-molecules-profile-popup__top-section:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-menu-sublist__item-btn{font-weight:500!important;height:2.5rem}.neeto-molecules-menu-sublist__item-btn[data-btn-weight=bold]{font-weight:700!important}.neeto-molecules-menu-sublist__item-btn.active{background-color:rgb(var(--neeto-ui-gray-800));color:rgb(var(--neeto-ui-white))}.neeto-molecules-menu-sublist__item-btn-icon svg path{vector-effect:non-scaling-stroke}.neeto-molecules-menu-sublist__item-btn span{align-items:center;display:flex;gap:.5rem}.neeto-molecules-product-switcher-menu-popup-wrapper{height:95vh;overflow-y:auto;width:calc(100vw - 25rem)}.neeto-molecules-floating-action-button__profile-wrapper-custom-content:hover{background-color:rgb(var(--neeto-ui-white))!important}.neeto-molecules-organization-switcher-active-button,.neeto-molecules-theme-switcher-active-button{color:rgb(var(--neeto-ui-success-600))!important}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper]{--neeto-ui-dropdown-box-shadow:0 0 0 0;--neeto-ui-dropdown-border-radius:0.75rem;--neeto-ui-dropdown-popup-border-radius:0.75rem;--neeto-ui-dropdown-margin-y:0;--neeto-ui-dropdown-margin-x:0;transition:var(--neeto-ui-transition)}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper] .neeto-ui-dropdown__popup{--neeto-ui-dropdown-border-radius:0.75rem;transition:var(--neeto-ui-transition)}.tippy-box[data-theme~=neeto-molecules-floating-action-outer-dropdown-wrapper] .neeto-ui-dropdown__popup .neeto-ui-dropdown__popup-divider{transition:var(--neeto-ui-transition)}.neeto-molecules-subscription-plan-badge{border-radius:9999px;display:inline-block;font-size:.625rem;font-weight:600;line-height:1.1;padding:.25rem .625rem}.neeto-molecules-subscription-plan-badge--pro{background-color:#ffe44a;color:#000}.neeto-molecules-subscription-plan-badge--free{background-color:rgb(var(--neeto-ui-primary-500));color:rgb(var(--neeto-ui-white))}.neeto-molecules-theme-switcher{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.neeto-molecules-theme-switcher__label{color:rgb(var(--neeto-ui-gray-800));font-size:.875rem;font-weight:500}.neeto-molecules-theme-switcher__segmented-control{background-color:rgb(var(--neeto-ui-gray-200));border-radius:9999px;display:flex;gap:.25rem;padding:.0625rem}.neeto-molecules-theme-switcher__option{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:9999px;color:rgb(var(--neeto-ui-gray-700));cursor:pointer;display:flex;flex:1;font-size:.75rem;font-weight:500;gap:.125rem;padding:.25rem .375rem;transition:all .2s ease;white-space:nowrap}.neeto-molecules-theme-switcher__option:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-theme-switcher__option--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:0 1px 2px rgba(0,0,0,.05);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-theme-switcher__option svg{flex-shrink:0}";
1037
1056
  injectCss.n(css,{});
1038
1057
 
1039
1058
  var _excluded = ["profileInfoOverrides", "topLinks", "bottomLinks", "showProductSwitcher", "isThemeSwitcherEnabled", "isOrganizationSwitcherEnabled", "customContent", "profilePopoverProps", "isConsumer"];