@memberstack/dom 1.0.0-alpha.3.4.2 → 1.0.0-beta.10

package/dist/ms-dom.esm.js

@@ -1,722 +0,0 @@
-import memberstack from '@memberstack/core';
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
-
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
-}
-
-var _modalAttributes, _siteAttributes;
-
-var SUBMIT_BUTTON = "button";
-var MODAL_TYPE_TOGGLE = "modalTypeToggle";
-var LOGO = "logo";
-var TITLE = "title";
-var LINK = "link";
-var RESET_PASSWORD_ANCHOR = "resetPasswordAnchor";
-var INPUT_FIELD_LABEL = "inputFieldLabel";
-var INPUT_FIELD_INPUT = "inputFieldInput";
-var DEFAULT_EMAIL_INPUT_FIELD = "emailInputField";
-var DEFAULT_PASSWORD_INPUT_FIELD = "passwordInputField";
-var CLOSE_MODAL = "closeModal";
-var MEMBERSHIP_ID = "membershipId";
-var modalAttributes = (_modalAttributes = {}, _modalAttributes[SUBMIT_BUTTON] = ['[ms-editable="button"]'], _modalAttributes[MODAL_TYPE_TOGGLE] = [".ms-login-or-signup"], _modalAttributes[LOGO] = ['[ms-editable="logo"]'], _modalAttributes[TITLE] = ['[ms-editable="title"]'], _modalAttributes[RESET_PASSWORD_ANCHOR] = ['[ms-editable="resetPassword"]'], _modalAttributes[INPUT_FIELD_LABEL] = ['[ms-editable*="label"]'], _modalAttributes[INPUT_FIELD_INPUT] = ['[ms-editable*="field"]'], _modalAttributes[DEFAULT_EMAIL_INPUT_FIELD] = ['[ms-editable="field email"]'], _modalAttributes[DEFAULT_PASSWORD_INPUT_FIELD] = ['[ms-editable="field password"]'], _modalAttributes[CLOSE_MODAL] = ["#ms-close-signup"], _modalAttributes[MEMBERSHIP_ID] = ["ms-membership-id"], _modalAttributes[LINK] = ['[ms-editable*="link"]'], _modalAttributes);
-var SITE_IDENTIFIER = "siteIdentifier";
-var MODAL_ROOT = "modalRoot";
-var MODAL_ROOT_EMBED = "modalRootEmbed";
-var MODAL_MODAL = "modalModal";
-var MODAL_EMBED = "modalEmbed";
-var MODAL_CONTAINER = "modalContainer";
-var siteAttributes = (_siteAttributes = {}, _siteAttributes[MODAL_CONTAINER] = ['[ms-editable="container"]'], _siteAttributes[SITE_IDENTIFIER] = ["data-memberstack-id"], _siteAttributes[MODAL_ROOT] = ["#ms-root"], _siteAttributes[MODAL_ROOT_EMBED] = ["ms-embed"], _siteAttributes[MODAL_MODAL] = ["#ms-modal"], _siteAttributes[MODAL_EMBED] = ["#ms-modal-embed"], _siteAttributes);
-var attributes = /*#__PURE__*/_extends({}, modalAttributes, siteAttributes);
-var MSDOMElements = function MSDOMElements(el) {
-  return new Map(Object.entries(attributes).map(function (_ref) {
-    var key = _ref[0],
-        value = _ref[1];
-    return [key, (el || document).querySelectorAll(value.join(", "))];
-  }));
-};
-
-var fetchModal = function fetchModal(_ref) {
-  var id = _ref.id,
-      embed = _ref.embed;
-
-  try {
-    var identifier = attributes[SITE_IDENTIFIER][0];
-    var site = document.querySelector("[" + identifier + "]").getAttribute(identifier);
-    var queryParams = "?msid=" + site + (embed ? "&embed=true" : "");
-    return Promise.resolve(fetch("https://p37k1liko6.execute-api.us-east-1.amazonaws.com/dev/modal/" + id + queryParams)).then(function (res) {
-      return Promise.resolve(res.text());
-    });
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
-var addClickEvent = function addClickEvent(targets, callback) {
-  if (targets === void 0) {
-    targets = [];
-  }
-
-  for (var _iterator = _createForOfIteratorHelperLoose(targets), _step; !(_step = _iterator()).done;) {
-    var target = _step.value;
-    if (!target) continue;
-    target.addEventListener("click", callback);
-  }
-};
-function generateStyles(styles) {
-  var _styles$input, _styles$input2;
-
-  if (!styles) return {};
-
-  var str = function str(x) {
-    if (x === void 0) {
-      x = {};
-    }
-
-    return Object.keys(x).reduce(function (prev, curr) {
-      return (prev += curr.split(/(?=[A-Z])/).join("-").toLowerCase()) + ":" + x[curr] + ";";
-    }, "");
-  };
-
-  return {
-    title: str(styles === null || styles === void 0 ? void 0 : styles.title),
-    button: str(styles === null || styles === void 0 ? void 0 : styles.button),
-    container: str(styles === null || styles === void 0 ? void 0 : styles.container),
-    link: str(styles === null || styles === void 0 ? void 0 : styles.link),
-    resetPassword: str(styles === null || styles === void 0 ? void 0 : styles.resetPassword),
-    input: {
-      label: str(styles === null || styles === void 0 ? void 0 : (_styles$input = styles.input) === null || _styles$input === void 0 ? void 0 : _styles$input.label),
-      field: str(styles === null || styles === void 0 ? void 0 : (_styles$input2 = styles.input) === null || _styles$input2 === void 0 ? void 0 : _styles$input2.field)
-    }
-  };
-}
-var addInputEvent = function addInputEvent(targets, callback) {
-  if (targets === void 0) {
-    targets = [];
-  }
-
-  for (var _iterator2 = _createForOfIteratorHelperLoose(targets), _step2; !(_step2 = _iterator2()).done;) {
-    var target = _step2.value;
-    if (!target) continue;
-    target.addEventListener("input", callback);
-  }
-};
-var setAttr = function setAttr(els, attr, value) {
-  if (els === void 0) {
-    els = [];
-  }
-
-  for (var _iterator3 = _createForOfIteratorHelperLoose(els), _step3; !(_step3 = _iterator3()).done;) {
-    var el = _step3.value;
-
-    if (value && el[attr] !== value) {
-      el[attr] = value;
-    }
-  }
-};
-var createLogo = function createLogo(logos, src) {
-  if (!src || !logos.length) return;
-
-  var _loop = function _loop() {
-    var logo = _step4.value;
-    var img = document.createElement("img");
-    logo === null || logo === void 0 ? void 0 : logo.getAttributeNames().map(function (attr) {
-      return [attr, logo.getAttribute(attr)];
-    }).forEach(function (attr) {
-      return img.setAttribute(attr[0], attr[1]);
-    });
-    img.src = src;
-    logo.replaceWith(img);
-  };
-
-  for (var _iterator4 = _createForOfIteratorHelperLoose(logos), _step4; !(_step4 = _iterator4()).done;) {
-    _loop();
-  }
-};
-var prefetchLogo = function prefetchLogo(href) {
-  if (!href) return;
-  var hasDuplicate = !![].concat(document.querySelectorAll("[href=\"" + href + "\"]")).find(function (x) {
-    return x.tagName === "LINK";
-  });
-  if (hasDuplicate) return;
-  var link = document.createElement("link");
-  var hint = {
-    rel: "prefetch",
-    href: href,
-    as: "image"
-  };
-  ["rel", "href", "as"].map(function (attr) {
-    link.setAttribute(attr, hint[attr]);
-  });
-  document.head.appendChild(link);
-};
-var getFieldValues = function getFieldValues(fields) {
-  if (fields === void 0) {
-    fields = [];
-  }
-
-  return Array.from(fields).map(function (field) {
-    var _ref;
-
-    var _field$getAttribute$s = field.getAttribute("ms-editable").split(" "),
-        type = _field$getAttribute$s[1];
-
-    return _ref = {}, _ref[type] = field.value, _ref;
-  }).reduce(function (acc, cur) {
-    return _extends({}, acc, cur);
-  }, {});
-};
-
-var MSDOMElements$1 = MSDOMElements;
-var personalizeModal = function personalizeModal(modal, settings) {
-  var _settings$text, _settings$text2, _settings$text3;
-
-  var modalElements = MSDOMElements$1(modal);
-  var title = modalElements.get(TITLE);
-  var logo = modalElements.get(LOGO);
-  var resetPassword = modalElements.get(RESET_PASSWORD_ANCHOR);
-  var button = modalElements.get(SUBMIT_BUTTON);
-  var inputLabels = modalElements.get(INPUT_FIELD_LABEL);
-  var inputFields = modalElements.get(INPUT_FIELD_INPUT);
-  setAttr(title, "innerHTML", settings === null || settings === void 0 ? void 0 : (_settings$text = settings.text) === null || _settings$text === void 0 ? void 0 : _settings$text.title);
-  setAttr(button, "value", settings === null || settings === void 0 ? void 0 : (_settings$text2 = settings.text) === null || _settings$text2 === void 0 ? void 0 : _settings$text2.button);
-  setAttr(resetPassword, "innerHTML", settings === null || settings === void 0 ? void 0 : (_settings$text3 = settings.text) === null || _settings$text3 === void 0 ? void 0 : _settings$text3.resetPassword);
-  createLogo(logo, settings === null || settings === void 0 ? void 0 : settings.logo);
-  inputLabels.forEach(function (label) {
-    var _settings$text4, _settings$text4$input, _settings$text4$input2;
-
-    var _label$getAttribute$s = label.getAttribute("ms-editable").split(" "),
-        type = _label$getAttribute$s[1];
-
-    label.innerHTML = (settings === null || settings === void 0 ? void 0 : (_settings$text4 = settings.text) === null || _settings$text4 === void 0 ? void 0 : (_settings$text4$input = _settings$text4.input) === null || _settings$text4$input === void 0 ? void 0 : (_settings$text4$input2 = _settings$text4$input[type]) === null || _settings$text4$input2 === void 0 ? void 0 : _settings$text4$input2.label) || label.innerHTML;
-  });
-  inputFields.forEach(function (field) {
-    var _settings$text5, _settings$text5$input, _settings$text5$input2, _settings$text6, _settings$text6$input, _settings$text6$input2;
-
-    var _field$getAttribute$s = field.getAttribute("ms-editable").split(" "),
-        type = _field$getAttribute$s[1];
-
-    field.placeholder = (settings === null || settings === void 0 ? void 0 : (_settings$text5 = settings.text) === null || _settings$text5 === void 0 ? void 0 : (_settings$text5$input = _settings$text5.input) === null || _settings$text5$input === void 0 ? void 0 : (_settings$text5$input2 = _settings$text5$input[type]) === null || _settings$text5$input2 === void 0 ? void 0 : _settings$text5$input2.placeholder) || field.placeholder;
-    field.type = (settings === null || settings === void 0 ? void 0 : (_settings$text6 = settings.text) === null || _settings$text6 === void 0 ? void 0 : (_settings$text6$input = _settings$text6.input) === null || _settings$text6$input === void 0 ? void 0 : (_settings$text6$input2 = _settings$text6$input[type]) === null || _settings$text6$input2 === void 0 ? void 0 : _settings$text6$input2.type) || field.type;
-  });
-  applyStyles(modal, settings === null || settings === void 0 ? void 0 : settings.styles);
-};
-var applyStyles = function applyStyles(modal, styles) {
-  var elements = modal.querySelectorAll("[ms-editable]");
-  var inlineStyles = generateStyles(styles);
-  return elements.forEach(function (element) {
-    var el = element.getAttribute("ms-editable").split(" ");
-    var inputEl = el.find(function (x) {
-      return ["field", "label"].includes(x);
-    });
-    var linkEl = el.find(function (x) {
-      return ["link"].includes(x);
-    });
-
-    if (inputEl) {
-      var _inlineStyles$input;
-
-      setAttr([element], "style", inlineStyles === null || inlineStyles === void 0 ? void 0 : (_inlineStyles$input = inlineStyles.input) === null || _inlineStyles$input === void 0 ? void 0 : _inlineStyles$input[inputEl]);
-    } else {
-      setAttr([element], "style", inlineStyles === null || inlineStyles === void 0 ? void 0 : inlineStyles[linkEl || el[0]]);
-    }
-  });
-};
-
-// A type of promise-like that resolves synchronously and supports only one observer
-const _Pact = /*#__PURE__*/(function() {
-	function _Pact() {}
-	_Pact.prototype.then = function(onFulfilled, onRejected) {
-		const result = new _Pact();
-		const state = this.s;
-		if (state) {
-			const callback = state & 1 ? onFulfilled : onRejected;
-			if (callback) {
-				try {
-					_settle(result, 1, callback(this.v));
-				} catch (e) {
-					_settle(result, 2, e);
-				}
-				return result;
-			} else {
-				return this;
-			}
-		}
-		this.o = function(_this) {
-			try {
-				const value = _this.v;
-				if (_this.s & 1) {
-					_settle(result, 1, onFulfilled ? onFulfilled(value) : value);
-				} else if (onRejected) {
-					_settle(result, 1, onRejected(value));
-				} else {
-					_settle(result, 2, value);
-				}
-			} catch (e) {
-				_settle(result, 2, e);
-			}
-		};
-		return result;
-	};
-	return _Pact;
-})();
-
-// Settles a pact synchronously
-function _settle(pact, state, value) {
-	if (!pact.s) {
-		if (value instanceof _Pact) {
-			if (value.s) {
-				if (state & 1) {
-					state = value.s;
-				}
-				value = value.v;
-			} else {
-				value.o = _settle.bind(null, pact, state);
-				return;
-			}
-		}
-		if (value && value.then) {
-			value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
-			return;
-		}
-		pact.s = state;
-		pact.v = value;
-		const observer = pact.o;
-		if (observer) {
-			observer(pact);
-		}
-	}
-}
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously implement a switch statement
-function _switch(discriminant, cases) {
-	var dispatchIndex = -1;
-	var awaitBody;
-	outer: {
-		for (var i = 0; i < cases.length; i++) {
-			var test = cases[i][0];
-			if (test) {
-				var testValue = test();
-				if (testValue && testValue.then) {
-					break outer;
-				}
-				if (testValue === discriminant) {
-					dispatchIndex = i;
-					break;
-				}
-			} else {
-				// Found the default case, set it as the pending dispatch case
-				dispatchIndex = i;
-			}
-		}
-		if (dispatchIndex !== -1) {
-			do {
-				var body = cases[dispatchIndex][1];
-				while (!body) {
-					dispatchIndex++;
-					body = cases[dispatchIndex][1];
-				}
-				var result = body();
-				if (result && result.then) {
-					awaitBody = true;
-					break outer;
-				}
-				var fallthroughCheck = cases[dispatchIndex][2];
-				dispatchIndex++;
-			} while (fallthroughCheck && !fallthroughCheck());
-			return result;
-		}
-	}
-	const pact = new _Pact();
-	const reject = _settle.bind(null, pact, 2);
-	(awaitBody ? result.then(_resumeAfterBody) : testValue.then(_resumeAfterTest)).then(void 0, reject);
-	return pact;
-	function _resumeAfterTest(value) {
-		for (;;) {
-			if (value === discriminant) {
-				dispatchIndex = i;
-				break;
-			}
-			if (++i === cases.length) {
-				if (dispatchIndex !== -1) {
-					break;
-				} else {
-					_settle(pact, 1, result);
-					return;
-				}
-			}
-			test = cases[i][0];
-			if (test) {
-				value = test();
-				if (value && value.then) {
-					value.then(_resumeAfterTest).then(void 0, reject);
-					return;
-				}
-			} else {
-				dispatchIndex = i;
-			}
-		}
-		do {
-			var body = cases[dispatchIndex][1];
-			while (!body) {
-				dispatchIndex++;
-				body = cases[dispatchIndex][1];
-			}
-			var result = body();
-			if (result && result.then) {
-				result.then(_resumeAfterBody).then(void 0, reject);
-				return;
-			}
-			var fallthroughCheck = cases[dispatchIndex][2];
-			dispatchIndex++;
-		} while (fallthroughCheck && !fallthroughCheck());
-		_settle(pact, 1, result);
-	}
-	function _resumeAfterBody(result) {
-		for (;;) {
-			var fallthroughCheck = cases[dispatchIndex][2];
-			if (!fallthroughCheck || fallthroughCheck()) {
-				break;
-			}
-			dispatchIndex++;
-			var body = cases[dispatchIndex][1];
-			while (!body) {
-				dispatchIndex++;
-				body = cases[dispatchIndex][1];
-			}
-			result = body();
-			if (result && result.then) {
-				result.then(_resumeAfterBody).then(void 0, reject);
-				return;
-			}
-		}
-		_settle(pact, 1, result);
-	}
-}
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-var MSDOMElements$2 = MSDOMElements;
-var defaultListeners = function defaultListeners(modal, listeners) {
-  var modalElements = MSDOMElements$2(modal);
-  var portal = modalElements.get(CLOSE_MODAL);
-  var fields = modalElements.get(INPUT_FIELD_INPUT);
-  if (!portal) return;
-  addClickEvent(portal, function () {
-    return modal.style.display = "none";
-  });
-  new MutationObserver(function (mutations) {
-    try {
-      var mutation = mutations[0];
-
-      var _temp2 = _switch(mutation.attributeName, [[function () {
-        return "style";
-      }, function () {
-        var _listeners$method;
-
-        var display = modal.style.display;
-        var method = display === "none" ? "onClose" : "onOpen";
-        return Promise.resolve(listeners === null || listeners === void 0 ? void 0 : (_listeners$method = listeners[method]) === null || _listeners$method === void 0 ? void 0 : _listeners$method.call(listeners)).then(function () {});
-      }, function () {}]]);
-
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }).observe(modal, {
-    attributes: true,
-    attributeFilter: ["style"]
-  });
-  addInputEvent(fields, function () {
-    var _listeners$onInputCha;
-
-    return listeners === null || listeners === void 0 ? void 0 : (_listeners$onInputCha = listeners.onInputChange) === null || _listeners$onInputCha === void 0 ? void 0 : _listeners$onInputCha.call(listeners, getFieldValues(fields));
-  });
-};
-var addLoginListeners = function addLoginListeners(modal, opts, listeners) {
-  defaultListeners(modal, listeners);
-  var modalElements = MSDOMElements$2(modal);
-  var buttons = modalElements.get(SUBMIT_BUTTON);
-  var modalToggle = modalElements.get(MODAL_TYPE_TOGGLE);
-  addClickEvent(buttons, function (e) {
-    return loginListener(e, modal, listeners);
-  });
-  addClickEvent(modalToggle, function () {
-    return loadModal({
-      id: "signup_1",
-      options: opts
-    });
-  });
-};
-var addSignupListeners = function addSignupListeners(modal, opts, listeners) {
-  defaultListeners(modal, listeners);
-  var modalElements = MSDOMElements$2(modal);
-  var buttons = modalElements.get(SUBMIT_BUTTON);
-  var modalToggle = modalElements.get(MODAL_TYPE_TOGGLE);
-  addClickEvent(buttons, function (e) {
-    return signupListener(e, modal, listeners);
-  });
-  addClickEvent(modalToggle, function () {
-    return loadModal({
-      id: "login_1",
-      options: opts
-    });
-  });
-};
-var loginListener = function loginListener(e, modal, listeners) {
-  try {
-    e.preventDefault();
-    var modalElements = MSDOMElements$2(modal);
-    var email = modalElements.get(DEFAULT_EMAIL_INPUT_FIELD)[0];
-    var password = modalElements.get(DEFAULT_PASSWORD_INPUT_FIELD)[0];
-    return Promise.resolve(_catch(function () {
-      var _listeners$beforeSubm;
-
-      return Promise.resolve(listeners === null || listeners === void 0 ? void 0 : (_listeners$beforeSubm = listeners.beforeSubmit) === null || _listeners$beforeSubm === void 0 ? void 0 : _listeners$beforeSubm.call(listeners)).then(function () {
-        return Promise.resolve(memberstack.login({
-          email: email.value,
-          password: password.value
-        })).then(function (loginRes) {
-          var _listeners$onSuccess;
-
-          return Promise.resolve(listeners === null || listeners === void 0 ? void 0 : (_listeners$onSuccess = listeners.onSuccess) === null || _listeners$onSuccess === void 0 ? void 0 : _listeners$onSuccess.call(listeners, loginRes)).then(function () {
-            return loginRes;
-          });
-        });
-      });
-    }, function (err) {
-      var _listeners$onError;
-
-      listeners === null || listeners === void 0 ? void 0 : (_listeners$onError = listeners.onError) === null || _listeners$onError === void 0 ? void 0 : _listeners$onError.call(listeners, err);
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var signupListener = function signupListener(e, modal, listeners) {
-  try {
-    e.preventDefault();
-    var modalElements = MSDOMElements$2(modal);
-    var fields = modalElements.get(INPUT_FIELD_INPUT);
-    var email = modalElements.get(DEFAULT_EMAIL_INPUT_FIELD)[0];
-    var password = modalElements.get(DEFAULT_PASSWORD_INPUT_FIELD)[0];
-    var customFields = Array.from(fields).map(function (field) {
-      if (![email, password].includes(field)) {
-        var _ref;
-
-        var _field$getAttribute$s = field.getAttribute("ms-editable").split(" "),
-            _ = _field$getAttribute$s[0],
-            type = _field$getAttribute$s[1];
-
-        return _ref = {}, _ref[type] = field.value, _ref;
-      }
-    }).reduce(function (acc, cur) {
-      return _extends({}, acc, cur);
-    }, {});
-    var membership = modal.getAttribute(attributes[MEMBERSHIP_ID][0]);
-    return Promise.resolve(_catch(function () {
-      var _listeners$beforeSubm2;
-
-      return Promise.resolve(listeners === null || listeners === void 0 ? void 0 : (_listeners$beforeSubm2 = listeners.beforeSubmit) === null || _listeners$beforeSubm2 === void 0 ? void 0 : _listeners$beforeSubm2.call(listeners)).then(function () {
-        return Promise.resolve(memberstack.signup({
-          email: email.value,
-          password: password.value,
-          customFields: customFields,
-          membership: membership
-        }, ["redirect"])).then(function (signupRes) {
-          var _listeners$onSuccess2;
-
-          return Promise.resolve(listeners === null || listeners === void 0 ? void 0 : (_listeners$onSuccess2 = listeners.onSuccess) === null || _listeners$onSuccess2 === void 0 ? void 0 : _listeners$onSuccess2.call(listeners, signupRes)).then(function () {
-            return signupRes;
-          });
-        });
-      });
-    }, function (err) {
-      var _listeners$onError2;
-
-      listeners === null || listeners === void 0 ? void 0 : (_listeners$onError2 = listeners.onError) === null || _listeners$onError2 === void 0 ? void 0 : _listeners$onError2.call(listeners, err);
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
-var MSDOMElements$3 = MSDOMElements;
-
-function appendModal(_ref) {
-  var el = _ref.el,
-      data = _ref.data,
-      membership = _ref.membership;
-  var attr = attributes,
-      MODAL_MODAL$1 = MODAL_MODAL,
-      MEMBERSHIP_ID$1 = MEMBERSHIP_ID,
-      MODAL_ROOT$1 = MODAL_ROOT;
-  var elements = MSDOMElements$3(document);
-
-  var _elements$get = elements.get(MODAL_ROOT$1),
-      msRoot = _elements$get[0];
-
-  el.innerHTML = data;
-  el.setAttribute("id", attr[MODAL_MODAL$1][0].replace("#", ""));
-  membership && el.setAttribute(attr[MEMBERSHIP_ID$1][0], membership);
-  msRoot.appendChild(el);
-}
-
-function appendEmbed(_ref2) {
-  var el = _ref2.el,
-      data = _ref2.data,
-      rootEls = _ref2.rootEls,
-      membership = _ref2.membership;
-  var attr = attributes,
-      MODAL_EMBED$1 = MODAL_EMBED,
-      MEMBERSHIP_ID$1 = MEMBERSHIP_ID;
-
-  for (var _iterator = _createForOfIteratorHelperLoose(rootEls), _step; !(_step = _iterator()).done;) {
-    var root = _step.value;
-    el.innerHTML = data;
-    el.setAttribute("id", attr[MODAL_EMBED$1][0].replace("#", ""));
-    membership && el.setAttribute(attr[MEMBERSHIP_ID$1][0], membership);
-
-    if (root.hasChildNodes()) {
-      var child = root.children[0];
-      child.replaceWith(el);
-    } else {
-      root.appendChild(el);
-    }
-  }
-}
-
-var loadModal = function loadModal(props) {
-  try {
-    var _props$options;
-
-    prefetchLogo((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.logo);
-    return Promise.resolve(fetchModal({
-      id: props.id,
-      embed: !!props.root
-    })).then(function (data) {
-      var _window$MemberStack;
-
-      var modal = document.createElement("div");
-      var modalStyle = modal.style;
-      var elements = MSDOMElements$3(document);
-      var currentModal = elements.get(MODAL_MODAL)[0];
-      var rootEls = document.querySelectorAll("[" + attributes[MODAL_ROOT_EMBED][0] + "=\"" + props.root + "\"]");
-      modalStyle.visibility = props.options ? "hidden" : "visible";
-      currentModal && currentModal.remove();
-      var addToDOM = props.root ? appendEmbed : appendModal;
-      addToDOM({
-        el: modal,
-        data: data,
-        rootEls: rootEls,
-        membership: props.membership
-      });
-      var type = props.id.includes("signup") ? "signup" : "login";
-      var onOpen = props.onOpen,
-          onClose = props.onClose,
-          onSuccess = props.onSuccess,
-          onError = props.onError,
-          onInputChange = props.onInputChange;
-      var addListeners = type === "login" ? addLoginListeners : addSignupListeners;
-      (_window$MemberStack = window.MemberStack) === null || _window$MemberStack === void 0 ? void 0 : _window$MemberStack.reload();
-      personalizeModal(modal, props.options);
-      addListeners(modal, props.optons, {
-        onOpen: onOpen,
-        onClose: onClose,
-        onSuccess: onSuccess,
-        onError: onError,
-        onInputChange: onInputChange
-      });
-      modalStyle.visibility = "visible";
-    });
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
-var launchTemplate = function launchTemplate(props) {
-  return loadModal(props);
-};
-
-var embedTemplate = function embedTemplate(props) {
-  return loadModal(props);
-};
-
-var index = {
-  launchTemplate: launchTemplate,
-  embedTemplate: embedTemplate
-};
-
-export default index;
-export { embedTemplate, launchTemplate };
-//# sourceMappingURL=ms-dom.esm.js.map