@bigbinary/neeto-molecules 1.0.81 → 1.0.83

package/dist/EmailForm.cjs.js

@@ -42,6 +42,110 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var DynamicVariables__default = /*#__PURE__*/_interopDefaultLegacy(DynamicVariables);
 
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof$1(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$1(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$1(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
 var INITIAL_FORM_VALUES = {
   sendTo: [],
   sendToCc: [],
@@ -172,11 +276,9 @@ function _asyncToGenerator(fn) {
   };
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
 var regeneratorRuntime$1 = {exports: {}};
 
-var _typeof$1 = {exports: {}};
+var _typeof = {exports: {}};
 
 (function (module) {
 	function _typeof(obj) {
@@ -189,10 +291,10 @@ var _typeof$1 = {exports: {}};
 	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 	}
 	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof$1));
+} (_typeof));
 
 (function (module) {
-	var _typeof = _typeof$1.exports["default"];
+	var _typeof$1 = _typeof.exports["default"];
 	function _regeneratorRuntime() {
 	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
 	    return exports;
@@ -269,7 +371,7 @@ var _typeof$1 = {exports: {}};
 	      if ("throw" !== record.type) {
 	        var result = record.arg,
 	          value = result.value;
-	        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
 	          invoke("next", value, resolve, reject);
 	        }, function (err) {
 	          invoke("throw", err, resolve, reject);
@@ -2701,7 +2803,9 @@ var EmailForm = function EmailForm(_ref) {
     _ref$isUpdating = _ref.isUpdating,
     isUpdating = _ref$isUpdating === void 0 ? false : _ref$isUpdating,
     _ref$showFields = _ref.showFields,
-    showFields = _ref$showFields === void 0 ? true : _ref$showFields;
+    showFields = _ref$showFields === void 0 ? true : _ref$showFields,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useContext = React.useContext(EmailFormContext),
@@ -2711,11 +2815,9 @@ var EmailForm = function EmailForm(_ref) {
     setFieldValue = _useFormikContext.setFieldValue,
     dirty = _useFormikContext.dirty;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-1 flex-col items-start gap-2",
-    "data-testid": "email-form"
+    "data-testid": "email-form",
+    className: classnames("flex flex-1 flex-col items-start gap-2", _defineProperty({}, className, className))
   }, showFields && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-stretch gap-8"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col items-start justify-start gap-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Field, {
     name: "subject"
@@ -2759,7 +2861,7 @@ var EmailForm = function EmailForm(_ref) {
         className: "font-semibold"
       })
     }
-  }))))), /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
+  })))), /*#__PURE__*/React__default["default"].createElement(formik$1.ActionBlock, {
     className: "mt-6 w-full justify-start",
     cancelButtonProps: {
       disabled: false,
@@ -2773,47 +2875,6 @@ var EmailForm = function EmailForm(_ref) {
   }));
 };
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var EmailFormProvider = function EmailFormProvider(_ref) {
@@ -2859,13 +2920,15 @@ var EmailPreview = function EmailPreview(_ref) {
     body = _ref.body,
     productName = _ref.productName,
     actionButtonText = _ref.actionButtonText,
-    logo = _ref.logo;
+    logo = _ref.logo,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border",
     "data-cy": "email-preview-card",
-    "data-testid": "email-preview"
+    "data-testid": "email-preview",
+    className: classnames("neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border", _defineProperty({}, className, className))
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {