@bigbinary/neeto-molecules 3.15.30 → 3.15.32

package/README.md

@@ -24,8 +24,6 @@ https://neeto-molecules.neeto.com/
 - [Container](./docs/components/Container.md)
 - [CopyToClipboardButton](./docs/components/CopyToClipboardButton.md)
 - [Currency](./docs/components/Currency.md)
-- [CustomDomain](./docs/components/CustomDomain.md)
-- [CustomDomainDashboard](./docs/components/CustomDomainDashboard.md)
 - [DateFormat/TimeFormat](./docs/components/DateFormatTimeFormat.md)
 - [DateRangeFilter](./docs/components/DateRangeFilter.md)
 - [DeleteArchiveModal](./docs/components/DeleteArchiveModal.md)

package/dist/Codeblock.js

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { PrismLight } from 'react-syntax-highlighter';
+import CodeBlock from 'react-syntax-highlighter/dist/cjs/prism-light.js';
 import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import CopyToClipboardButton from './CopyToClipboardButton.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -29,7 +29,7 @@ var Codeblock = function Codeblock(_ref) {
   var isLargerScreen = window.innerWidth > 768;
   return /*#__PURE__*/jsxs("div", {
     className: "relative",
-    children: [/*#__PURE__*/jsx(PrismLight, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/jsx(CodeBlock, _objectSpread(_objectSpread({
       wrapLines: true,
       className: "neeto-molecules-code-block p-4 pr-12 md:pr-4",
       codeTagProps: {

package/dist/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=\"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,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACC,UAAS,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,OAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,GAAA,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 CodeBlock from \"react-syntax-highlighter/dist/cjs/prism-light.js\";\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,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACC,SAAS,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,OAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,GAAA,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/ProductEmbed.js

@@ -27,7 +27,7 @@ import Radio from '@bigbinary/neetoui/Radio';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import BrowserPreview from './BrowserPreview.js';
 import { n } from './inject-css-DmrvuTKK.js';
-import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/cjs/prism-light.js';
 import 'react-syntax-highlighter/dist/esm/styles/prism';
 import './CopyToClipboardButton.js';
 import '@bigbinary/neeto-commons-frontend/utils/general';

package/dist/SubscriptionNotificationsContainer.js

@@ -0,0 +1,77 @@
+import { filterBy } from '@bigbinary/neeto-cist';
+import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import Callout from '@bigbinary/neetoui/Callout';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { Trans } from 'react-i18next';
+import { n } from './inject-css-DmrvuTKK.js';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var QUERY_KEYS = {
+  SUBSCRIPTIONS_LIST: "SUBSCRIPTIONS_LIST"
+};
+var SUBSCRIPTION_STATUS = {
+  past_due: "past_due"
+};
+
+var css = ".neeto-molecules-subscription-notifications{border-radius:0}";
+n(css,{});
+
+var fetchSubscriptions = function fetchSubscriptions() {
+  return axios.get("neeto_sso/api/v1/server/subscriptions");
+};
+var subscriptionsApi = {
+  fetchSubscriptions: fetchSubscriptions
+};
+
+var SUBSCRIPTIONS_LIST = QUERY_KEYS.SUBSCRIPTIONS_LIST;
+var useFetchSubscriptions = function useFetchSubscriptions() {
+  return useQuery({
+    queryKey: [SUBSCRIPTIONS_LIST],
+    queryFn: subscriptionsApi.fetchSubscriptions
+  });
+};
+
+var SubscriptionNotificationsContainer = function SubscriptionNotificationsContainer() {
+  var _useFetchSubscription = useFetchSubscriptions(),
+    _useFetchSubscription2 = _useFetchSubscription.data,
+    _useFetchSubscription3 = _useFetchSubscription2 === void 0 ? {} : _useFetchSubscription2,
+    _useFetchSubscription4 = _useFetchSubscription3.clientAppSubscriptions,
+    clientAppSubscriptions = _useFetchSubscription4 === void 0 ? [] : _useFetchSubscription4;
+  var visibleNotifications = filterBy({
+    status: SUBSCRIPTION_STATUS.past_due
+  }, clientAppSubscriptions);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: visibleNotifications.map(function (_ref, index) {
+      var downgradeScheduledAt = _ref.downgradeScheduledAt,
+        customerPortalUrl = _ref.customerPortalUrl;
+      return /*#__PURE__*/jsx(Callout, {
+        className: "neeto-molecules-subscription-notifications w-full p-2.5",
+        "data-testid": "subscription-notifications",
+        style: "warning",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.subscription.paymentFailedNotification",
+            components: {
+              a: /*#__PURE__*/jsx(Button, {
+                href: customerPortalUrl,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            },
+            values: {
+              downgradeScheduledAt: dateFormat.date(downgradeScheduledAt)
+            }
+          })
+        })
+      }, index);
+    })
+  });
+};
+
+export { SubscriptionNotificationsContainer as default };
+//# sourceMappingURL=SubscriptionNotificationsContainer.js.map

package/dist/SubscriptionNotificationsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionNotificationsContainer.js","sources":["../src/components/SubscriptionNotificationsContainer/constants.js","../src/components/SubscriptionNotificationsContainer/api.js","../src/components/SubscriptionNotificationsContainer/useSubscriptionsApi.js","../src/components/SubscriptionNotificationsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  SUBSCRIPTIONS_LIST: \"SUBSCRIPTIONS_LIST\",\n};\n\nexport const SUBSCRIPTION_STATUS = { past_due: \"past_due\" };\n","import axios from \"axios\";\n\nconst fetchSubscriptions = () =>\n  axios.get(\"neeto_sso/api/v1/server/subscriptions\");\n\nconst subscriptionsApi = { fetchSubscriptions };\n\nexport default subscriptionsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport subscriptionsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { SUBSCRIPTIONS_LIST } = QUERY_KEYS;\n\nconst useFetchSubscriptions = () =>\n  useQuery({\n    queryKey: [SUBSCRIPTIONS_LIST],\n    queryFn: subscriptionsApi.fetchSubscriptions,\n  });\n\nexport { useFetchSubscriptions };\n","import { filterBy } from \"neetocist\";\nimport { dateFormat } from \"neetocommons/utils\";\nimport { Callout, Typography, Button } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport { SUBSCRIPTION_STATUS } from \"./constants\";\nimport \"./subscription-notifications.scss\";\nimport { useFetchSubscriptions } from \"./useSubscriptionsApi\";\n\nconst SubscriptionNotificationsContainer = () => {\n  const { data: { clientAppSubscriptions = [] } = {} } =\n    useFetchSubscriptions();\n\n  const visibleNotifications = filterBy(\n    { status: SUBSCRIPTION_STATUS.past_due },\n    clientAppSubscriptions\n  );\n\n  return (\n    <>\n      {visibleNotifications.map(\n        ({ downgradeScheduledAt, customerPortalUrl }, index) => (\n          <Callout\n            className=\"neeto-molecules-subscription-notifications w-full p-2.5\"\n            data-testid=\"subscription-notifications\"\n            key={index}\n            style=\"warning\"\n          >\n            <Typography style=\"body2\">\n              <Trans\n                i18nKey=\"neetoMolecules.subscription.paymentFailedNotification\"\n                components={{\n                  a: (\n                    <Button\n                      href={customerPortalUrl}\n                      rel=\"noreferrer\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n                values={{\n                  downgradeScheduledAt: dateFormat.date(downgradeScheduledAt),\n                }}\n              />\n            </Typography>\n          </Callout>\n        )\n      )}\n    </>\n  );\n};\n\nexport default SubscriptionNotificationsContainer;\n"],"names":["QUERY_KEYS","SUBSCRIPTIONS_LIST","SUBSCRIPTION_STATUS","past_due","fetchSubscriptions","axios","get","subscriptionsApi","useFetchSubscriptions","useQuery","queryKey","queryFn","SubscriptionNotificationsContainer","_useFetchSubscription","_useFetchSubscription2","data","_useFetchSubscription3","_useFetchSubscription4","clientAppSubscriptions","visibleNotifications","filterBy","status","_jsx","_Fragment","children","map","_ref","index","downgradeScheduledAt","customerPortalUrl","Callout","className","style","Typography","Trans","i18nKey","components","a","Button","href","rel","target","values","dateFormat","date"],"mappings":";;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,kBAAkB,EAAE,oBAAA;AACtB,CAAC,CAAA;AAEM,IAAMC,mBAAmB,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAA;AAAW,CAAC;;;;;ACF3D,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,EAAA,OACtBC,KAAK,CAACC,GAAG,CAAC,uCAAuC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEpD,IAAMC,gBAAgB,GAAG;AAAEH,EAAAA,kBAAkB,EAAlBA,kBAAAA;AAAmB,CAAC;;ACA/C,IAAQH,kBAAkB,GAAKD,UAAU,CAAjCC,kBAAkB,CAAA;AAE1B,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAA;AAAA,EAAA,OACzBC,QAAQ,CAAC;IACPC,QAAQ,EAAE,CAACT,kBAAkB,CAAC;IAC9BU,OAAO,EAAEJ,gBAAgB,CAACH,kBAAAA;AAC5B,GAAC,CAAC,CAAA;AAAA,CAAA;;ACFJ,IAAMQ,kCAAkC,GAAG,SAArCA,kCAAkCA,GAAS;AAC/C,EAAA,IAAAC,qBAAA,GACEL,qBAAqB,EAAE;IAAAM,sBAAA,GAAAD,qBAAA,CADjBE,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,sBAAA,KAAA,KAAA,CAAA,GAAoC,EAAE,GAAAA,sBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAAlCE,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA,CAAA;EAG3C,IAAME,oBAAoB,GAAGC,QAAQ,CACnC;IAAEC,MAAM,EAAEnB,mBAAmB,CAACC,QAAAA;GAAU,EACxCe,sBACF,CAAC,CAAA;EAED,oBACEI,GAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EACGL,oBAAoB,CAACM,GAAG,CACvB,UAAAC,IAAA,EAA8CC,KAAK,EAAA;AAAA,MAAA,IAAhDC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;QAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB,CAAA;MAAA,oBACxCP,GAAA,CAACQ,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,yDAAyD;AACnE,QAAA,aAAA,EAAY,4BAA4B;AAExCC,QAAAA,KAAK,EAAC,SAAS;QAAAR,QAAA,eAEfF,GAAA,CAACW,UAAU,EAAA;AAACD,UAAAA,KAAK,EAAC,OAAO;UAAAR,QAAA,eACvBF,GAAA,CAACY,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,uDAAuD;AAC/DC,YAAAA,UAAU,EAAE;cACVC,CAAC,eACCf,GAAA,CAACgB,MAAM,EAAA;AACLC,gBAAAA,IAAI,EAAEV,iBAAkB;AACxBW,gBAAAA,GAAG,EAAC,YAAY;AAChBR,gBAAAA,KAAK,EAAC,MAAM;AACZS,gBAAAA,MAAM,EAAC,QAAA;eACR,CAAA;aAEH;AACFC,YAAAA,MAAM,EAAE;AACNd,cAAAA,oBAAoB,EAAEe,UAAU,CAACC,IAAI,CAAChB,oBAAoB,CAAA;AAC5D,aAAA;WACD,CAAA;SACS,CAAA;AAAC,OAAA,EApBRD,KAqBE,CAAC,CAAA;KAEd,CAAA;AAAC,GACD,CAAC,CAAA;AAEP;;;;"}

package/dist/cjs/Codeblock.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var CodeBlock = require('react-syntax-highlighter/dist/cjs/prism-light.js');
 var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -31,7 +31,7 @@ var Codeblock = function Codeblock(_ref) {
   var isLargerScreen = window.innerWidth > 768;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative",
-    children: [/*#__PURE__*/jsxRuntime.jsx(reactSyntaxHighlighter.PrismLight, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/jsxRuntime.jsx(CodeBlock, _objectSpread(_objectSpread({
       wrapLines: true,
       className: "neeto-molecules-code-block p-4 pr-12 md:pr-4",
       codeTagProps: {

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=\"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;;;;"}
+{"version":3,"file":"Codeblock.js","sources":["../../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CodeBlock from \"react-syntax-highlighter/dist/cjs/prism-light.js\";\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,SAAS,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/ProductEmbed.js

@@ -29,7 +29,7 @@ var Radio = require('@bigbinary/neetoui/Radio');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var BrowserPreview = require('./BrowserPreview.js');
 var injectCss = require('./inject-css-vQvjPR2x.js');
-require('react-syntax-highlighter');
+require('react-syntax-highlighter/dist/cjs/prism-light.js');
 require('react-syntax-highlighter/dist/esm/styles/prism');
 require('./CopyToClipboardButton.js');
 require('@bigbinary/neeto-commons-frontend/utils/general');

package/dist/cjs/SubscriptionNotificationsContainer.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var neetoCist = require('@bigbinary/neeto-cist');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Callout = require('@bigbinary/neetoui/Callout');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-vQvjPR2x.js');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var jsxRuntime = require('react/jsx-runtime');
+
+var QUERY_KEYS = {
+  SUBSCRIPTIONS_LIST: "SUBSCRIPTIONS_LIST"
+};
+var SUBSCRIPTION_STATUS = {
+  past_due: "past_due"
+};
+
+var css = ".neeto-molecules-subscription-notifications{border-radius:0}";
+injectCss.n(css,{});
+
+var fetchSubscriptions = function fetchSubscriptions() {
+  return axios.get("neeto_sso/api/v1/server/subscriptions");
+};
+var subscriptionsApi = {
+  fetchSubscriptions: fetchSubscriptions
+};
+
+var SUBSCRIPTIONS_LIST = QUERY_KEYS.SUBSCRIPTIONS_LIST;
+var useFetchSubscriptions = function useFetchSubscriptions() {
+  return reactQuery.useQuery({
+    queryKey: [SUBSCRIPTIONS_LIST],
+    queryFn: subscriptionsApi.fetchSubscriptions
+  });
+};
+
+var SubscriptionNotificationsContainer = function SubscriptionNotificationsContainer() {
+  var _useFetchSubscription = useFetchSubscriptions(),
+    _useFetchSubscription2 = _useFetchSubscription.data,
+    _useFetchSubscription3 = _useFetchSubscription2 === void 0 ? {} : _useFetchSubscription2,
+    _useFetchSubscription4 = _useFetchSubscription3.clientAppSubscriptions,
+    clientAppSubscriptions = _useFetchSubscription4 === void 0 ? [] : _useFetchSubscription4;
+  var visibleNotifications = neetoCist.filterBy({
+    status: SUBSCRIPTION_STATUS.past_due
+  }, clientAppSubscriptions);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: visibleNotifications.map(function (_ref, index) {
+      var downgradeScheduledAt = _ref.downgradeScheduledAt,
+        customerPortalUrl = _ref.customerPortalUrl;
+      return /*#__PURE__*/jsxRuntime.jsx(Callout, {
+        className: "neeto-molecules-subscription-notifications w-full p-2.5",
+        "data-testid": "subscription-notifications",
+        style: "warning",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.subscription.paymentFailedNotification",
+            components: {
+              a: /*#__PURE__*/jsxRuntime.jsx(Button, {
+                href: customerPortalUrl,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            },
+            values: {
+              downgradeScheduledAt: utils.dateFormat.date(downgradeScheduledAt)
+            }
+          })
+        })
+      }, index);
+    })
+  });
+};
+
+module.exports = SubscriptionNotificationsContainer;
+//# sourceMappingURL=SubscriptionNotificationsContainer.js.map

package/dist/cjs/SubscriptionNotificationsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionNotificationsContainer.js","sources":["../../src/components/SubscriptionNotificationsContainer/constants.js","../../src/components/SubscriptionNotificationsContainer/api.js","../../src/components/SubscriptionNotificationsContainer/useSubscriptionsApi.js","../../src/components/SubscriptionNotificationsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  SUBSCRIPTIONS_LIST: \"SUBSCRIPTIONS_LIST\",\n};\n\nexport const SUBSCRIPTION_STATUS = { past_due: \"past_due\" };\n","import axios from \"axios\";\n\nconst fetchSubscriptions = () =>\n  axios.get(\"neeto_sso/api/v1/server/subscriptions\");\n\nconst subscriptionsApi = { fetchSubscriptions };\n\nexport default subscriptionsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport subscriptionsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { SUBSCRIPTIONS_LIST } = QUERY_KEYS;\n\nconst useFetchSubscriptions = () =>\n  useQuery({\n    queryKey: [SUBSCRIPTIONS_LIST],\n    queryFn: subscriptionsApi.fetchSubscriptions,\n  });\n\nexport { useFetchSubscriptions };\n","import { filterBy } from \"neetocist\";\nimport { dateFormat } from \"neetocommons/utils\";\nimport { Callout, Typography, Button } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport { SUBSCRIPTION_STATUS } from \"./constants\";\nimport \"./subscription-notifications.scss\";\nimport { useFetchSubscriptions } from \"./useSubscriptionsApi\";\n\nconst SubscriptionNotificationsContainer = () => {\n  const { data: { clientAppSubscriptions = [] } = {} } =\n    useFetchSubscriptions();\n\n  const visibleNotifications = filterBy(\n    { status: SUBSCRIPTION_STATUS.past_due },\n    clientAppSubscriptions\n  );\n\n  return (\n    <>\n      {visibleNotifications.map(\n        ({ downgradeScheduledAt, customerPortalUrl }, index) => (\n          <Callout\n            className=\"neeto-molecules-subscription-notifications w-full p-2.5\"\n            data-testid=\"subscription-notifications\"\n            key={index}\n            style=\"warning\"\n          >\n            <Typography style=\"body2\">\n              <Trans\n                i18nKey=\"neetoMolecules.subscription.paymentFailedNotification\"\n                components={{\n                  a: (\n                    <Button\n                      href={customerPortalUrl}\n                      rel=\"noreferrer\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n                values={{\n                  downgradeScheduledAt: dateFormat.date(downgradeScheduledAt),\n                }}\n              />\n            </Typography>\n          </Callout>\n        )\n      )}\n    </>\n  );\n};\n\nexport default SubscriptionNotificationsContainer;\n"],"names":["QUERY_KEYS","SUBSCRIPTIONS_LIST","SUBSCRIPTION_STATUS","past_due","fetchSubscriptions","axios","get","subscriptionsApi","useFetchSubscriptions","useQuery","queryKey","queryFn","SubscriptionNotificationsContainer","_useFetchSubscription","_useFetchSubscription2","data","_useFetchSubscription3","_useFetchSubscription4","clientAppSubscriptions","visibleNotifications","filterBy","status","_jsx","_Fragment","children","map","_ref","index","downgradeScheduledAt","customerPortalUrl","Callout","className","style","Typography","Trans","i18nKey","components","a","Button","href","rel","target","values","dateFormat","date"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,kBAAkB,EAAE,oBAAA;AACtB,CAAC,CAAA;AAEM,IAAMC,mBAAmB,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAA;AAAW,CAAC;;;;;ACF3D,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,EAAA,OACtBC,KAAK,CAACC,GAAG,CAAC,uCAAuC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEpD,IAAMC,gBAAgB,GAAG;AAAEH,EAAAA,kBAAkB,EAAlBA,kBAAAA;AAAmB,CAAC;;ACA/C,IAAQH,kBAAkB,GAAKD,UAAU,CAAjCC,kBAAkB,CAAA;AAE1B,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAA;AAAA,EAAA,OACzBC,mBAAQ,CAAC;IACPC,QAAQ,EAAE,CAACT,kBAAkB,CAAC;IAC9BU,OAAO,EAAEJ,gBAAgB,CAACH,kBAAAA;AAC5B,GAAC,CAAC,CAAA;AAAA,CAAA;;ACFJ,IAAMQ,kCAAkC,GAAG,SAArCA,kCAAkCA,GAAS;AAC/C,EAAA,IAAAC,qBAAA,GACEL,qBAAqB,EAAE;IAAAM,sBAAA,GAAAD,qBAAA,CADjBE,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,sBAAA,KAAA,KAAA,CAAA,GAAoC,EAAE,GAAAA,sBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAAlCE,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA,CAAA;EAG3C,IAAME,oBAAoB,GAAGC,kBAAQ,CACnC;IAAEC,MAAM,EAAEnB,mBAAmB,CAACC,QAAAA;GAAU,EACxCe,sBACF,CAAC,CAAA;EAED,oBACEI,cAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EACGL,oBAAoB,CAACM,GAAG,CACvB,UAAAC,IAAA,EAA8CC,KAAK,EAAA;AAAA,MAAA,IAAhDC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;QAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB,CAAA;MAAA,oBACxCP,cAAA,CAACQ,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,yDAAyD;AACnE,QAAA,aAAA,EAAY,4BAA4B;AAExCC,QAAAA,KAAK,EAAC,SAAS;QAAAR,QAAA,eAEfF,cAAA,CAACW,UAAU,EAAA;AAACD,UAAAA,KAAK,EAAC,OAAO;UAAAR,QAAA,eACvBF,cAAA,CAACY,kBAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,uDAAuD;AAC/DC,YAAAA,UAAU,EAAE;cACVC,CAAC,eACCf,cAAA,CAACgB,MAAM,EAAA;AACLC,gBAAAA,IAAI,EAAEV,iBAAkB;AACxBW,gBAAAA,GAAG,EAAC,YAAY;AAChBR,gBAAAA,KAAK,EAAC,MAAM;AACZS,gBAAAA,MAAM,EAAC,QAAA;eACR,CAAA;aAEH;AACFC,YAAAA,MAAM,EAAE;AACNd,cAAAA,oBAAoB,EAAEe,gBAAU,CAACC,IAAI,CAAChB,oBAAoB,CAAA;AAC5D,aAAA;WACD,CAAA;SACS,CAAA;AAAC,OAAA,EApBRD,KAqBE,CAAC,CAAA;KAEd,CAAA;AAAC,GACD,CAAC,CAAA;AAEP;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.15.30",
+  "version": "3.15.32",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/en.json

@@ -209,53 +209,6 @@
         "productIsDisabled": "The product '{{productName, anyCase}}' is disabled for this workspace. Please enable the product to enable this widget."
       }
     },
-    "customDomain": {
-      "customDomain_one": "Custom domain",
-      "customDomain_other": "Custom domains",
-      "customDomainWithCount_one": "{{count}} custom domain",
-      "customDomainWithCount_other": "{{count}} custom domains",
-      "settings": "Custom domain settings",
-      "yourDomain": "Your domain",
-      "addNew": "Add new custom domain",
-      "delete": "Delete custom domain?",
-      "search": "Search custom domains",
-      "notFound": "There are no custom domains to show.",
-      "placeholder": "help.neeto.com",
-      "cname": "CNAME",
-      "label": "Enter domain",
-      "domainValidation": "Domain validation",
-      "domainRedirection": "Domain redirection",
-      "cnameRecordInfo": "Go to your domain host's DNS settings to add the following CNAME record.{{proxyMessage, anyCase}}  <Link>View help article</Link> for more information.",
-      "proxyMessage": " Do not enable proxy for the record.",
-      "domainRedirectionInfo": "It can take up to 2-24 hours for your custom domain to start working. Please visit your site in 24 hours from now and if after 24 hours <strong>{{hostname}}</strong> is not working then please view <Link>help article</Link> for more information and contact us.",
-      "domainValidationInfo": "CNAME record not found, if you added CNAME record in last 24 hours then please wait sometime and try it again. Verifying your domain usually only takes a few hours, but in some cases can take up to 24-48 hours. View <Link>help article</Link> for more information.",
-      "learnMoreMessage": "Learn about <button>how to setup custom domains</button>",
-      "cnameAdded": "I have added redirection CNAME record",
-      "description": "Add domain of your choice in case you do not prefer to use the default neeto domain.",
-      "validation": {
-        "successMessage": "Custom domain successfully validated.",
-        "buttonLabel": {
-          "domain": "Validate"
-        }
-      },
-      "status": {
-        "domain": {
-          "active": "Domain validated",
-          "pendingCnameValidation": "Domain validated",
-          "pendingDomainValidation": "Domain validation pending"
-        },
-        "cname": {
-          "active": "Domain redirected",
-          "pendingCnameValidation": "Domain redirection pending"
-        },
-        "failed": "Failed"
-      },
-      "alertMessage": "You are permanently deleting the custom domain <strong>{{hostname}}</strong> and will no longer point to your default domain.  This can't be undone.",
-      "formikValidation": {
-        "required": "Domain is required",
-        "valid": "Please add valid domain or URL"
-      }
-    },
     "downloadMobileAppCallout": {
       "message": "Noticed that you're on a mobile device. For the best experience, <a>download our mobile app</a>."
     },
@@ -845,6 +798,9 @@
       "advancedSearch": "Advanced search",
       "noDataTitle": "No matches found.",
       "noDataDesc": "Try refining your keywords."
+    },
+    "subscription": {
+      "paymentFailedNotification": "<strong>Action required: </strong> Your subscription payment has failed. <a>Click here</a> for details. If no action is taken, your subscription will be downgraded by {{downgradeScheduledAt, anyCase}}."
     }
   }
 }

package/types/SubscriptionNotificationsContainer.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+
+/**
+ *
+ * A container that shows subscription notifications for the current workspace, if available.
+ *
+ * Notifications are automatically fetched from NeetoAuth and displayed within the container.
+ *
+ * @example 
+ *
+ * import SubscriptionNotificationsContainer from "@bigbinary/neeto-molecules/SubscriptionNotificationsContainer";
+ * 
+ * const Main = () => (
+ *   <>
+ *     <ToastContainer />
+ *     <SubscriptionNotificationsContainer />
+ *     <Switch>
+ *       <Route />
+ *     </Switch>
+ *   </>
+ * );
+ * @endexample
+*/
+declare const SubscriptionNotificationsContainer: React.FC<{}>;
+
+export { SubscriptionNotificationsContainer as default };

package/dist/CustomDomain.js

@@ -1,137 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
-import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
-import NeetoUICustomDomainIcon from '@bigbinary/neeto-icons/CustomDomain';
-import Button from '@bigbinary/neetoui/Button';
-import Tag from '@bigbinary/neetoui/Tag';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import { useTranslation } from 'react-i18next';
-import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-7O-LlcxR.js';
-import MoreDropdown from './MoreDropdown.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@bigbinary/neeto-commons-frontend/react-utils';
-import '@bigbinary/neetoui/Alert';
-import '@bigbinary/neetoui/Pane';
-import './inject-css-DmrvuTKK.js';
-import '@bigbinary/neetoui/Typography';
-import '@bigbinary/neetoui/formik/ActionBlock';
-import '@bigbinary/neetoui/formik/Input';
-import '@bigbinary/neetoui/formik/Form';
-import 'i18next';
-import 'yup';
-import '@babel/runtime/helpers/defineProperty';
-import '@tanstack/react-query';
-import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
-import 'axios';
-import '@bigbinary/neetoui/Table';
-import '@bigbinary/neetoui/Checkbox';
-import '@bigbinary/neetoui/Callout';
-import './TableWrapper.js';
-import 'classnames';
-import '@bigbinary/neetoui/Stepper';
-import './CopyToClipboardButton.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@bigbinary/neeto-icons/Copy';
-import '@bigbinary/neeto-icons/Check';
-import 'ramda';
-import '@bigbinary/neetoui/Toastr';
-import '@bigbinary/neeto-icons/MenuHorizontal';
-import '@bigbinary/neeto-icons/MenuVertical';
-import '@bigbinary/neetoui/Dropdown';
-import '@bigbinary/neetoui/Tooltip';
-
-var CustomDomain = function CustomDomain(_ref) {
-  var url = _ref.url,
-    iconOnly = _ref.iconOnly,
-    onCreate = _ref.onCreate;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPaneOpen = _useState2[0],
-    setIsPaneOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAlertOpen = _useState4[0],
-    setIsAlertOpen = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchCustomDomain = useFetchCustomDomains({
-      url: url
-    }),
-    customDomain = _useFetchCustomDomain.data,
-    isLoading = _useFetchCustomDomain.isLoading;
-  var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
-      onSettled: function onSettled() {
-        return setIsAlertOpen(false);
-      }
-    }),
-    deleteCustomDomain = _useDeleteCustomDomai.mutate,
-    isDeleting = _useDeleteCustomDomai.isPending;
-  var actions = [{
-    key: "edit",
-    label: t("neetoMolecules.common.actions.edit"),
-    onClick: function onClick() {
-      return setIsPaneOpen(true);
-    }
-  }, {
-    key: "delete",
-    label: t("neetoMolecules.common.actions.delete"),
-    onClick: function onClick() {
-      return setIsAlertOpen(true);
-    }
-  }];
-  if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
-  return /*#__PURE__*/jsxs("div", {
-    children: [isNotEmpty(customDomain) ? /*#__PURE__*/jsxs("div", {
-      className: "flex flex-row items-center",
-      children: [/*#__PURE__*/jsx(Tag, {
-        "data-cy": "".concat(hyphenize(customDomain.status), "-tag-container"),
-        label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-        style: customDomain.status === "active" ? "success" : "warning"
-      }), /*#__PURE__*/jsx(MoreDropdown, {
-        menuItems: actions,
-        dropdownButtonProps: {
-          "data-testid": "nui-dropdown-icon",
-          strategy: "fixed",
-          "data-cy": "custom-domain-menu-button"
-        }
-      })]
-    }) : /*#__PURE__*/jsx(Button, {
-      icon: iconOnly && NeetoUICustomDomainIcon,
-      style: "text",
-      label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
-        entity: t("neetoMolecules.customDomain.customDomain", SINGULAR)
-      }),
-      tooltipProps: iconOnly && {
-        content: t("neetoMolecules.customDomain.customDomain", SINGULAR)
-      },
-      onClick: function onClick() {
-        return setIsPaneOpen(true);
-      }
-    }), /*#__PURE__*/jsx(Manage, {
-      customDomain: customDomain,
-      onCreate: onCreate,
-      url: url,
-      hasOne: true,
-      isOpen: isPaneOpen,
-      setCustomDomain: noop,
-      onClose: function onClose() {
-        return setIsPaneOpen(false);
-      }
-    }), /*#__PURE__*/jsx(DeleteAlert, {
-      hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-      isOpen: isAlertOpen,
-      isSubmitting: isDeleting,
-      onClose: function onClose() {
-        return setIsAlertOpen(false);
-      },
-      onSubmit: function onSubmit() {
-        return deleteCustomDomain();
-      }
-    })]
-  });
-};
-
-export { CustomDomain as default };
-//# sourceMappingURL=CustomDomain.js.map

package/dist/CustomDomain.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomDomain.js","sources":["../src/components/CustomDomain/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n  const actions = [\n    {\n      key: \"edit\",\n      label: t(\"neetoMolecules.common.actions.edit\"),\n      onClick: () => setIsPaneOpen(true),\n    },\n    {\n      key: \"delete\",\n      label: t(\"neetoMolecules.common.actions.delete\"),\n      onClick: () => setIsAlertOpen(true),\n    },\n  ];\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div>\n      {isNotEmpty(customDomain) ? (\n        <div className=\"flex flex-row items-center\">\n          <Tag\n            data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n            label={customDomain?.hostname}\n            style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n          />\n          <MoreDropdown\n            menuItems={actions}\n            dropdownButtonProps={{\n              \"data-testid\": \"nui-dropdown-icon\",\n              strategy: \"fixed\",\n              \"data-cy\": \"custom-domain-menu-button\",\n            }}\n          />\n        </div>\n      ) : (\n        <Button\n          icon={iconOnly && NeetoUICustomDomainIcon}\n          style=\"text\"\n          label={\n            iconOnly\n              ? \"\"\n              : t(\"neetoMolecules.common.actions.add\", {\n                  entity: t(\n                    \"neetoMolecules.customDomain.customDomain\",\n                    SINGULAR\n                  ),\n                })\n          }\n          tooltipProps={\n            iconOnly && {\n              content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n            }\n          }\n          onClick={() => setIsPaneOpen(true)}\n        />\n      )}\n      <ManageDomain\n        {...{ customDomain, onCreate, url }}\n        hasOne\n        isOpen={isPaneOpen}\n        setCustomDomain={noop}\n        onClose={() => setIsPaneOpen(false)}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() => deleteCustomDomain()}\n      />\n    </div>\n  );\n};\n\nCustomDomain.propTypes = {\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   *  Pass this prop if you need a icon button without label.\n   */\n  iconOnly: PropTypes.bool,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","_jsx","Spinner","_jsxs","children","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}