@bigbinary/neeto-molecules 1.1.50 → 1.1.51

package/README.md

@@ -19,6 +19,7 @@ https://neeto-molecules.neeto.com/
 - [CalendarView](./docs/components.md#calendarview)
 - [DateFormat/TimeFormat](./docs/components.md#dateformattimeformat)
 - [DateRangeFilter](./docs/components.md#daterangefilter)
+- [DownloadMobileAppCallout](./docs/components.md#downloadmobileappcallout)
 - [DynamicVariables](./docs/components.md#dynamicvariables)
 - [EmailForm](./docs/components.md#emailform)
 - [EmailPreview](./docs/components.md#emailpreview)

package/dist/DownloadMobileAppCallout.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import { Callout } from '@bigbinary/neetoui';
+import platform from 'platform';
+import { Trans } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
+
+var MOBILE_PLATFORMS = ["Android", "iOS", "Windows Phone"];
+
+var DownloadMobileAppCallout = function DownloadMobileAppCallout(_ref) {
+  var _platform$os, _globalProps$appName;
+  var excludePathRegex = _ref.excludePathRegex;
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var isMobilePlatform = MOBILE_PLATFORMS.includes((_platform$os = platform.os) === null || _platform$os === void 0 ? void 0 : _platform$os.family);
+  if (!isMobilePlatform) return null;
+  var shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);
+  if (shouldExcludePath) return null;
+  var appName = (_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.toLowerCase();
+  var mobileAppDownloadUrl = "https://www.neeto.com/".concat(appName, "/mobile");
+  return /*#__PURE__*/React.createElement(Callout, {
+    className: "m-4 block",
+    style: "warning"
+  }, /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "neetoMolecules.downloadMobileAppCallout.message",
+    components: {
+      a: /*#__PURE__*/React.createElement("a", {
+        className: "neeto-ui-btn--style-link",
+        href: mobileAppDownloadUrl,
+        rel: "noreferrer",
+        target: "_blank"
+      })
+    }
+  }));
+};
+
+export { DownloadMobileAppCallout as default };
+//# sourceMappingURL=DownloadMobileAppCallout.js.map

package/dist/DownloadMobileAppCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadMobileAppCallout.js","sources":["../src/components/DownloadMobileAppCallout/constants.js","../src/components/DownloadMobileAppCallout/index.jsx"],"sourcesContent":["export const MOBILE_PLATFORMS = [\"Android\", \"iOS\", \"Windows Phone\"];\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Callout } from \"neetoui\";\nimport platform from \"platform\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MOBILE_PLATFORMS } from \"./constants\";\n\nconst DownloadMobileAppCallout = ({ excludePathRegex }) => {\n  const { pathname } = useLocation();\n\n  const isMobilePlatform = MOBILE_PLATFORMS.includes(platform.os?.family);\n  if (!isMobilePlatform) return null;\n\n  const shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);\n  if (shouldExcludePath) return null;\n\n  const appName = globalProps.appName?.toLowerCase();\n  const mobileAppDownloadUrl = `https://www.neeto.com/${appName}/mobile`;\n\n  return (\n    <Callout className=\"m-4 block\" style=\"warning\">\n      <Trans\n        i18nKey=\"neetoMolecules.downloadMobileAppCallout.message\"\n        components={{\n          a: (\n            <a\n              className=\"neeto-ui-btn--style-link\"\n              href={mobileAppDownloadUrl}\n              rel=\"noreferrer\"\n              target=\"_blank\"\n            />\n          ),\n        }}\n      />\n    </Callout>\n  );\n};\n\nDownloadMobileAppCallout.propTypes = {\n  /**\n   * To exclude specific paths where download mobile app callout should be hidden.\n   */\n  excludePathRegex: PropTypes.instanceOf(RegExp),\n};\n\nexport default DownloadMobileAppCallout;\n"],"names":["MOBILE_PLATFORMS","DownloadMobileAppCallout","_ref","_platform$os","_globalProps$appName","excludePathRegex","_useLocation","useLocation","pathname","isMobilePlatform","includes","platform","os","family","shouldExcludePath","test","appName","globalProps","toLowerCase","mobileAppDownloadUrl","concat","React","createElement","Callout","className","style","Trans","i18nKey","components","a","href","rel","target"],"mappings":";;;;;;;AAAO,IAAMA,gBAAgB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,eAAe,CAAC;;ACWnE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAA6B;EAAA,IAAAC,YAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IAAvBC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;EAClD,IAAAC,YAAA,GAAqBC,WAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ,CAAA;AAEhB,EAAA,IAAMC,gBAAgB,GAAGT,gBAAgB,CAACU,QAAQ,EAAAP,YAAA,GAACQ,QAAQ,CAACC,EAAE,MAAAT,IAAAA,IAAAA,YAAA,uBAAXA,YAAA,CAAaU,MAAM,CAAC,CAAA;AACvE,EAAA,IAAI,CAACJ,gBAAgB,EAAE,OAAO,IAAI,CAAA;EAElC,IAAMK,iBAAiB,GAAGT,gBAAgB,IAAIA,gBAAgB,CAACU,IAAI,CAACP,QAAQ,CAAC,CAAA;EAC7E,IAAIM,iBAAiB,EAAE,OAAO,IAAI,CAAA;AAElC,EAAA,IAAME,OAAO,GAAA,CAAAZ,oBAAA,GAAGa,WAAW,CAACD,OAAO,MAAA,IAAA,IAAAZ,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,oBAAA,CAAqBc,WAAW,EAAE,CAAA;AAClD,EAAA,IAAMC,oBAAoB,GAAA,wBAAA,CAAAC,MAAA,CAA4BJ,OAAO,EAAS,SAAA,CAAA,CAAA;AAEtE,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAA,eAC5CJ,KAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,iDAAiD;AACzDC,IAAAA,UAAU,EAAE;MACVC,CAAC,eACCR,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEE,QAAAA,SAAS,EAAC,0BAA0B;AACpCM,QAAAA,IAAI,EAAEX,oBAAqB;AAC3BY,QAAAA,GAAG,EAAC,YAAY;AAChBC,QAAAA,MAAM,EAAC,QAAA;AAAQ,OAAA,CAAA;AAGrB,KAAA;AAAE,GAAA,CACF,CACM,CAAA;AAEd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.50",
+  "version": "1.1.51",
   "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

@@ -200,6 +200,9 @@
         "valid": "Please add valid custom domain"
       }
     },
+    "downloadMobileAppCallout": {
+      "message": "Noticed that you're on a mobile device. For the best experience, <a>download our mobile app</a>."
+    },
     "schedule": {
       "changeAvailability": "Change availability",
       "unavailable": "Unavailable",

package/types/DownloadMobileAppCallout.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+/**
+ *
+ * A component to render warning callout when the application is accessed from a
+ *
+ * mobile browser.
+ *
+ * @example 
+ *
+ * import DownloadMobileAppCallout from "@bigbinary/neeto-molecules/DownloadMobileAppCallout";
+ * 
+ * const App = () => (
+ *   <DownloadMobileAppCallout />
+ *   <Main />
+ * )
+ * @endexample
+ * The excludePathRegex can be specified like this:
+ *
+ * @example 
+ *
+ * const PUBLIC_ROUTE_REGEX = new RegExp(/^\/public/)
+ * 
+ * <DownloadMobileAppCallout excludePathRegex={PUBLIC_ROUTE_REGEX} />
+ * @endexample
+ * With this change, the DownloadMobileAppCallout component won't display callout for any path that
+ *
+ * starts with "/public".
+ *
+*/
+const DownloadMobileAppCallout: React.FC<{
+  excludePathRegex?: RegExp;
+}>;
+export default DownloadMobileAppCallout;