@bigbinary/neeto-commons-frontend 2.0.20 → 2.0.21

package/README.md

@@ -8,7 +8,7 @@ products.
 Install from npm:
 
 ```bash
-yarn add "@bigbinary/neeto-commons-frontend@2.0.20"
+yarn add "@bigbinary/neeto-commons-frontend@2.0.21"
 ```
 
 This package relies on the host project's tailwind configuration. So add

package/initializers.cjs.js

@@ -824,10 +824,13 @@ var transformResponseKeysToCamelCase = function transformResponseKeysToCamelCase
 };
 
 var transformErrorKeysToCamelCase = function transformErrorKeysToCamelCase(error) {
-  var _error$config$transfo = error.config.transformResponseCase,
-      transformResponseCase = _error$config$transfo === void 0 ? true : _error$config$transfo;
+  var _error$config, _error$response;
 
-  if (error.response.data && transformResponseCase) {
+  var _ref = (_error$config = error.config) !== null && _error$config !== void 0 ? _error$config : {},
+      _ref$transformRespons = _ref.transformResponseCase,
+      transformResponseCase = _ref$transformRespons === void 0 ? true : _ref$transformRespons;
+
+  if ((_error$response = error.response) !== null && _error$response !== void 0 && _error$response.data && transformResponseCase) {
     error.response.data = keysToCamelCase(error.response.data);
   }
 
@@ -860,12 +863,14 @@ var buildSuccessResponseHandler = function buildSuccessResponseHandler(skip) {
 };
 
 var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(error) {
-  var _error$response;
+  var _error$response2, _error$config2;
 
-  if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== 401) return error;
+  if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) !== 401) return error;
   resetAuthTokens();
-  var _error$config$redirec = error.config.redirectOnError,
-      redirectOnError = _error$config$redirec === void 0 ? true : _error$config$redirec;
+
+  var _ref2 = (_error$config2 = error.config) !== null && _error$config2 !== void 0 ? _error$config2 : {},
+      _ref2$redirectOnError = _ref2.redirectOnError,
+      redirectOnError = _ref2$redirectOnError === void 0 ? true : _ref2$redirectOnError;
 
   if (redirectOnError) {
     setTimeout(function () {
@@ -878,8 +883,12 @@ var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(e
 };
 
 var showErrorToastr = function showErrorToastr(error) {
-  var _error$config$showToa = error.config.showToastr,
-      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+  var _error$config3;
+
+  var _ref3 = (_error$config3 = error.config) !== null && _error$config3 !== void 0 ? _error$config3 : {},
+      _ref3$showToastr = _ref3.showToastr,
+      showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
+
   if (!showToastr) return error;
 
   if (axios__default["default"].isCancel(error)) {
@@ -894,11 +903,13 @@ var showErrorToastr = function showErrorToastr(error) {
 };
 
 var handle404ErrorResponse = function handle404ErrorResponse(error) {
-  var _error$response2;
+  var _error$response3, _error$config4;
 
-  if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) !== 404) return error;
-  var _error$config$show = error.config.show404ErrorPage,
-      show404ErrorPage = _error$config$show === void 0 ? true : _error$config$show;
+  if (((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) !== 404) return error;
+
+  var _ref4 = (_error$config4 = error.config) !== null && _error$config4 !== void 0 ? _error$config4 : {},
+      _ref4$show404ErrorPag = _ref4.show404ErrorPage,
+      show404ErrorPage = _ref4$show404ErrorPag === void 0 ? true : _ref4$show404ErrorPag;
 
   if (show404ErrorPage) {
     useErrorDisplayStore.setState({
@@ -930,8 +941,11 @@ var cleanupCredentialsForCrossOrigin = function cleanupCredentialsForCrossOrigin
 var transformDataToSnakeCase = function transformDataToSnakeCase(request) {
   var _request$transformReq = request.transformRequestCase,
       transformRequestCase = _request$transformReq === void 0 ? true : _request$transformReq;
-  if (!transformRequestCase || !request.data) return request;
-  return ramda.modify("data", serializeKeysToSnakeCase, request);
+  if (!transformRequestCase) return request;
+  return ramda.evolve({
+    data: serializeKeysToSnakeCase,
+    params: serializeKeysToSnakeCase
+  }, request);
 };
 
 var addRequestInterceptors = function addRequestInterceptors(skip) {
@@ -1035,7 +1049,7 @@ var neetoCommons = {
 			}
 		},
 		email: {
-			title: "Widget installation script",
+			title: "Widget installation instructions",
 			fields: {
 				emails: {
 					label: "Emails",
@@ -1045,7 +1059,7 @@ var neetoCommons = {
 				subject: {
 					label: "Subject",
 					values: {
-						embedCode: "neetoWidget script for installing {{selectedWidgets}}",
+						embedCode: "Widget installation instructions",
 						userIdentity: "neetoWidget user identity object to specify user details",
 						sessionContext: "neetoReplay session context object to save contextual information"
 					}
@@ -1053,7 +1067,7 @@ var neetoCommons = {
 			},
 			body: {
 				values: {
-					embedCode: "Hey there. We're going to use {{selectedWidgets}} on our website and I was hoping you could help us with the installation steps. Please find the code snippet for widget installation attached below. You can find the documentation at - {{neetoKbUrl}}.",
+					embedCode: "<p>Hi,</p> <p>We are going to use {{selectedWidgets}}. Please find the code snippet for the installation of the {{selectedWidgets}} widget. You can find the documentation regarding this at <configureLink>{{neetoKbUrl}}</configureLink>.</p> <p>If you still need help then send an email to <mail>{{helpEmail}}</mail>.</p>",
 					userIdentity: "Hey there. This is the object structure that you can use to specify the user identity for neetoWidget. You can find the documentation at - {{userIdentityKbUrl}}.",
 					sessionContext: "Hey there. This is the object structure that you can use to specify the contextual values for neetoReplay sessions. You can find the documentation at - {{sessionContextKbUrl}}."
 				}
@@ -1065,19 +1079,37 @@ var neetoCommons = {
 		}
 	},
 	customDomain: {
-		customDomain_one: "custom domain",
-		customDomain_other: "custom domains",
+		customDomain_one: "Custom domain",
+		customDomain_other: "Custom domains",
 		customDomainWithCount_one: "{{count}} custom domain",
 		customDomainWithCount_other: "{{count}} custom domains",
 		placeholder: "Type domain here...",
+		label: "Enter Custom domain",
 		validation: {
-			buttonLabel: "Validate domain",
-			desc: {
-				txt: "Please add following {{record}} record in your domain’s DNS dashboard and then request for domain validation.",
-				cname: "Please add following {{record}} record in your domain’s DNS dashboard."
+			buttonLabel: {
+				txt: "Validate TXT record entries",
+				cnameAdded: "I’ve added CNAME records",
+				cnameCheck: "Validate CNAME record"
 			},
+			desc: "Please add following {{record}} record in your domain’s DNS dashboard and then request for {{record}} validation.",
 			record: "{{record}} record {{type}}"
 		},
+		status: {
+			txt: {
+				active: "TXT record validated",
+				pendingCnameValidation: "TXT record validated",
+				pendingTxtValidation: "TXT record validation pending"
+			},
+			cname: {
+				active: "CNAME record validated",
+				pendingCnameValidation: "CNAME record validation pending"
+			},
+			failed: "Failed"
+		},
+		messageBlock: {
+			dnsStatus: "<p>Typically, it will take 2 hours to 24 hours for the new custom domain to start working.</p><br><p> An email will be sent when the custom domain starts working.</p><br>If, after 24 hours, your custom domain is still not working, then please send an email to ",
+			cnameAddedTime: " You added CNAME records {{time}}"
+		},
 		alertMessage: "You're about to delete the custom domain <strong>{{hostname}}</strong>. This action will permanently delete the domain and <strong>{{hostname}}</strong> will no longer point to your default domain.",
 		formikValidation: {
 			required: "Custom domain is required",
@@ -1110,6 +1142,18 @@ var neetoCommons = {
 				sameTime: "Periods start and end time cannot be same"
 			}
 		}
+	},
+	browserSupport: {
+		unsupportedBrowserVersion: "You are using {{browserName}} {{browserVersion}}. neeto requires {{browserName}} {{requiredMinBrowserVersion}} or later to perform reliably. <downloadLink></downloadLink><contactUs></contactUs>",
+		unsupportedBrowser: "You are using {{browserName}} {{browserVersion}}. neeto requires a modern browser to perform reliably. <contactUs></contactUs>",
+		downloadLink: {
+			main: "Please <button></button> the latest browser.",
+			buttonLabel: "download and install"
+		},
+		contactUs: {
+			main: "<button></button> if you need any help.",
+			buttonLabel: "Contact us"
+		}
 	}
 };
 var en = {

package/initializers.js

@@ -1,7 +1,7 @@
 import { Toastr } from '@bigbinary/neetoui';
 import axios from 'axios';
 import i18next from 'i18next';
-import { curryN, isNil, values, prop, evolve, omit, modify, mergeDeepLeft, either, isEmpty } from 'ramda';
+import { curryN, isNil, values, prop, evolve, omit, mergeDeepLeft, either, isEmpty } from 'ramda';
 import require$$0, { useDebugValue } from 'react';
 import { initReactI18next } from 'react-i18next';
 import Logger from 'js-logger';
@@ -812,10 +812,13 @@ var transformResponseKeysToCamelCase = function transformResponseKeysToCamelCase
 };
 
 var transformErrorKeysToCamelCase = function transformErrorKeysToCamelCase(error) {
-  var _error$config$transfo = error.config.transformResponseCase,
-      transformResponseCase = _error$config$transfo === void 0 ? true : _error$config$transfo;
+  var _error$config, _error$response;
 
-  if (error.response.data && transformResponseCase) {
+  var _ref = (_error$config = error.config) !== null && _error$config !== void 0 ? _error$config : {},
+      _ref$transformRespons = _ref.transformResponseCase,
+      transformResponseCase = _ref$transformRespons === void 0 ? true : _ref$transformRespons;
+
+  if ((_error$response = error.response) !== null && _error$response !== void 0 && _error$response.data && transformResponseCase) {
     error.response.data = keysToCamelCase(error.response.data);
   }
 
@@ -848,12 +851,14 @@ var buildSuccessResponseHandler = function buildSuccessResponseHandler(skip) {
 };
 
 var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(error) {
-  var _error$response;
+  var _error$response2, _error$config2;
 
-  if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== 401) return error;
+  if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) !== 401) return error;
   resetAuthTokens();
-  var _error$config$redirec = error.config.redirectOnError,
-      redirectOnError = _error$config$redirec === void 0 ? true : _error$config$redirec;
+
+  var _ref2 = (_error$config2 = error.config) !== null && _error$config2 !== void 0 ? _error$config2 : {},
+      _ref2$redirectOnError = _ref2.redirectOnError,
+      redirectOnError = _ref2$redirectOnError === void 0 ? true : _ref2$redirectOnError;
 
   if (redirectOnError) {
     setTimeout(function () {
@@ -866,8 +871,12 @@ var handleUnauthorizedErrorResponse = function handleUnauthorizedErrorResponse(e
 };
 
 var showErrorToastr = function showErrorToastr(error) {
-  var _error$config$showToa = error.config.showToastr,
-      showToastr = _error$config$showToa === void 0 ? true : _error$config$showToa;
+  var _error$config3;
+
+  var _ref3 = (_error$config3 = error.config) !== null && _error$config3 !== void 0 ? _error$config3 : {},
+      _ref3$showToastr = _ref3.showToastr,
+      showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
+
   if (!showToastr) return error;
 
   if (axios.isCancel(error)) {
@@ -882,11 +891,13 @@ var showErrorToastr = function showErrorToastr(error) {
 };
 
 var handle404ErrorResponse = function handle404ErrorResponse(error) {
-  var _error$response2;
+  var _error$response3, _error$config4;
 
-  if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) !== 404) return error;
-  var _error$config$show = error.config.show404ErrorPage,
-      show404ErrorPage = _error$config$show === void 0 ? true : _error$config$show;
+  if (((_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) !== 404) return error;
+
+  var _ref4 = (_error$config4 = error.config) !== null && _error$config4 !== void 0 ? _error$config4 : {},
+      _ref4$show404ErrorPag = _ref4.show404ErrorPage,
+      show404ErrorPage = _ref4$show404ErrorPag === void 0 ? true : _ref4$show404ErrorPag;
 
   if (show404ErrorPage) {
     useErrorDisplayStore.setState({
@@ -918,8 +929,11 @@ var cleanupCredentialsForCrossOrigin = function cleanupCredentialsForCrossOrigin
 var transformDataToSnakeCase = function transformDataToSnakeCase(request) {
   var _request$transformReq = request.transformRequestCase,
       transformRequestCase = _request$transformReq === void 0 ? true : _request$transformReq;
-  if (!transformRequestCase || !request.data) return request;
-  return modify("data", serializeKeysToSnakeCase, request);
+  if (!transformRequestCase) return request;
+  return evolve({
+    data: serializeKeysToSnakeCase,
+    params: serializeKeysToSnakeCase
+  }, request);
 };
 
 var addRequestInterceptors = function addRequestInterceptors(skip) {
@@ -1023,7 +1037,7 @@ var neetoCommons = {
 			}
 		},
 		email: {
-			title: "Widget installation script",
+			title: "Widget installation instructions",
 			fields: {
 				emails: {
 					label: "Emails",
@@ -1033,7 +1047,7 @@ var neetoCommons = {
 				subject: {
 					label: "Subject",
 					values: {
-						embedCode: "neetoWidget script for installing {{selectedWidgets}}",
+						embedCode: "Widget installation instructions",
 						userIdentity: "neetoWidget user identity object to specify user details",
 						sessionContext: "neetoReplay session context object to save contextual information"
 					}
@@ -1041,7 +1055,7 @@ var neetoCommons = {
 			},
 			body: {
 				values: {
-					embedCode: "Hey there. We're going to use {{selectedWidgets}} on our website and I was hoping you could help us with the installation steps. Please find the code snippet for widget installation attached below. You can find the documentation at - {{neetoKbUrl}}.",
+					embedCode: "<p>Hi,</p> <p>We are going to use {{selectedWidgets}}. Please find the code snippet for the installation of the {{selectedWidgets}} widget. You can find the documentation regarding this at <configureLink>{{neetoKbUrl}}</configureLink>.</p> <p>If you still need help then send an email to <mail>{{helpEmail}}</mail>.</p>",
 					userIdentity: "Hey there. This is the object structure that you can use to specify the user identity for neetoWidget. You can find the documentation at - {{userIdentityKbUrl}}.",
 					sessionContext: "Hey there. This is the object structure that you can use to specify the contextual values for neetoReplay sessions. You can find the documentation at - {{sessionContextKbUrl}}."
 				}
@@ -1053,19 +1067,37 @@ var neetoCommons = {
 		}
 	},
 	customDomain: {
-		customDomain_one: "custom domain",
-		customDomain_other: "custom domains",
+		customDomain_one: "Custom domain",
+		customDomain_other: "Custom domains",
 		customDomainWithCount_one: "{{count}} custom domain",
 		customDomainWithCount_other: "{{count}} custom domains",
 		placeholder: "Type domain here...",
+		label: "Enter Custom domain",
 		validation: {
-			buttonLabel: "Validate domain",
-			desc: {
-				txt: "Please add following {{record}} record in your domain’s DNS dashboard and then request for domain validation.",
-				cname: "Please add following {{record}} record in your domain’s DNS dashboard."
+			buttonLabel: {
+				txt: "Validate TXT record entries",
+				cnameAdded: "I’ve added CNAME records",
+				cnameCheck: "Validate CNAME record"
 			},
+			desc: "Please add following {{record}} record in your domain’s DNS dashboard and then request for {{record}} validation.",
 			record: "{{record}} record {{type}}"
 		},
+		status: {
+			txt: {
+				active: "TXT record validated",
+				pendingCnameValidation: "TXT record validated",
+				pendingTxtValidation: "TXT record validation pending"
+			},
+			cname: {
+				active: "CNAME record validated",
+				pendingCnameValidation: "CNAME record validation pending"
+			},
+			failed: "Failed"
+		},
+		messageBlock: {
+			dnsStatus: "<p>Typically, it will take 2 hours to 24 hours for the new custom domain to start working.</p><br><p> An email will be sent when the custom domain starts working.</p><br>If, after 24 hours, your custom domain is still not working, then please send an email to ",
+			cnameAddedTime: " You added CNAME records {{time}}"
+		},
 		alertMessage: "You're about to delete the custom domain <strong>{{hostname}}</strong>. This action will permanently delete the domain and <strong>{{hostname}}</strong> will no longer point to your default domain.",
 		formikValidation: {
 			required: "Custom domain is required",
@@ -1098,6 +1130,18 @@ var neetoCommons = {
 				sameTime: "Periods start and end time cannot be same"
 			}
 		}
+	},
+	browserSupport: {
+		unsupportedBrowserVersion: "You are using {{browserName}} {{browserVersion}}. neeto requires {{browserName}} {{requiredMinBrowserVersion}} or later to perform reliably. <downloadLink></downloadLink><contactUs></contactUs>",
+		unsupportedBrowser: "You are using {{browserName}} {{browserVersion}}. neeto requires a modern browser to perform reliably. <contactUs></contactUs>",
+		downloadLink: {
+			main: "Please <button></button> the latest browser.",
+			buttonLabel: "download and install"
+		},
+		contactUs: {
+			main: "<button></button> if you need any help.",
+			buttonLabel: "Contact us"
+		}
 	}
 };
 var en = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -98,7 +98,8 @@
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "yup": "^0.32.11",
-    "zustand": "^4.1.2"
+    "zustand": "^4.1.2",
+    "platform": "^1.3.6"
   },
   "dependencies": {},
   "peerDependencies": {