@bigbinary/neeto-molecules 3.15.30 → 3.15.31

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/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.31",
   "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

@@ -845,6 +845,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 };