@elliemae/pui-app-sdk 2.21.1 → 3.0.0-beta.12

package/dist/cjs/view/fields/watch-value.js

@@ -1,37 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var watch_value_exports = {};
+__export(watch_value_exports, {
+  WatchValue: () => WatchValue
 });
-exports.WatchValue = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _h;
-
-const WatchValue = ({
-  name,
-  labelText
-}) => {
-  const {
-    watch
-  } = (0, _reactHookForm.useFormContext)();
-  const data = watch(name, false) || '';
-  return /*#__PURE__*/(0, _jsx2.default)(_StyledSection, {}, void 0, _h || (_h = /*#__PURE__*/(0, _jsx2.default)("h4", {}, void 0, "Form Data:")), /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {}, void 0, /*#__PURE__*/(0, _jsx2.default)("div", {}, void 0, labelText, " : ", /*#__PURE__*/(0, _jsx2.default)("strong", {}, void 0, JSON.stringify(data)))));
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_hook_form = require("react-hook-form");
+const Section = import_styled_components.default.section`
+  border-top: 2px blue dotted;
+  width: 100%;
+`;
+const Div = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  padding-left: 10px;
+  align-items: flex-start;
+`;
+const WatchValue = ({ name, labelText }) => {
+  const { watch } = (0, import_react_hook_form.useFormContext)();
+  const data = watch(name, false) || "";
+  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, labelText, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data)))));
 };
-
-exports.WatchValue = WatchValue;
-
-var _StyledSection = /*#__PURE__*/(0, _styledComponents.default)("section").withConfig({
-  componentId: "sc-1va6d9p-0"
-})(["border-top:2px blue dotted;width:100%;"]);
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-1va6d9p-1"
-})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]);
+module.exports = __toCommonJS(watch_value_exports);

package/dist/cjs/view/form/index.js

@@ -1,45 +1,59 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form
 });
-exports.Form = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _reactHookForm = require("react-hook-form");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_hook_form = require("react-hook-form");
+const StyledForm = import_styled_components.default.form`
+  width: 100%;
+  height: 100%;
+`;
 const Form = ({
-  /* eslint-disable indent */
   classname,
-  reactHookFormProps = {
-    mode: 'onBlur'
-  },
+  reactHookFormProps = { mode: "onBlur" },
   children,
   onSubmit
 }) => {
-  const methods = (0, _reactHookForm.useForm)(reactHookFormProps);
+  const methods = (0, import_react_hook_form.useForm)(reactHookFormProps);
   const formProps = {};
-  if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
   const providerProps = Object.assign(methods, {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     formProps: reactHookFormProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.FormProvider, { ...providerProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledForm, {
-      className: classname,
-      ...formProps,
-      children: children
-    })
-  });
+  return /* @__PURE__ */ React.createElement(import_react_hook_form.FormProvider, {
+    ...providerProps
+  }, /* @__PURE__ */ React.createElement(StyledForm, {
+    className: classname,
+    ...formProps
+  }, children));
 };
-
-exports.Form = Form;
-
-var _StyledForm = /*#__PURE__*/(0, _styledComponents.default)("form").withConfig({
-  componentId: "sc-1pyjvv3-0"
-})(["width:100%;height:100%;"]);
+module.exports = __toCommonJS(form_exports);

package/dist/cjs/view/form/personal-info-section.js

@@ -1,107 +1,90 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var personal_info_section_exports = {};
+__export(personal_info_section_exports, {
+  DOB: () => DOB,
+  FirstName: () => FirstName,
+  MaritalStatus: () => MaritalStatus,
+  State: () => State
 });
-exports.State = exports.MaritalStatus = exports.FirstName = exports.DOB = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _index = require("../fields/text-box/index.js");
-
-var _index2 = require("../fields/combo-box/index.js");
-
-var _index3 = require("../fields/date-input/index.js");
-
-var _index4 = require("../fields/form-item-layout/index.js");
-
-const FirstName = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+var React = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_text_box = require("../fields/text-box/index.js");
+var import_combo_box = require("../fields/combo-box/index.js");
+var import_date_input = require("../fields/date-input/index.js");
+var import_form_item_layout = require("../fields/form-item-layout/index.js");
+const FirstName = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index.TextBox,
+  inputComponent: import_text_box.TextBox,
   labelText: "First Name",
   name: "firstname",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'First Name is required'
-    },
-    minLength: {
-      value: 2,
-      message: 'Minimum 2 characters'
-    },
-    maxLength: {
-      value: 50,
-      message: 'Maximum 50 characters'
-    }
+    required: { value: true, message: "First Name is required" },
+    minLength: { value: 2, message: "Minimum 2 characters" },
+    maxLength: { value: 50, message: "Maximum 50 characters" }
   }
 });
-
-exports.FirstName = FirstName;
-
-const DOB = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const DOB = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index3.DateInput,
+  inputComponent: import_date_input.DateInput,
   labelText: "Date of Birth",
   name: "dob",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Date of Birth is required'
-    },
-    validate: value => (0, _moment.default)() > value || 'Date of Birth can not be greater than current date'
+    required: { value: true, message: "Date of Birth is required" },
+    validate: (value) => (0, import_moment.default)() > value || "Date of Birth can not be greater than current date"
   }
 });
-
-exports.DOB = DOB;
-
-const State = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const State = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index2.ComboBox,
+  inputComponent: import_combo_box.ComboBox,
   labelText: "State",
   name: "state",
   required: true,
-  rules: {
-    required: {
-      value: true,
-      message: 'State is required'
-    }
-  },
-  options: [{
-    value: 'ca',
-    label: 'California'
-  }, {
-    value: 'nj',
-    label: 'New Jersey'
-  }]
+  rules: { required: { value: true, message: "State is required" } },
+  options: [
+    { value: "ca", label: "California" },
+    { value: "nj", label: "New Jersey" }
+  ]
 });
-
-exports.State = State;
-
-const MaritalStatus = () => /*#__PURE__*/(0, _jsx2.default)(_index4.FormItemLayout, {
+const MaritalStatus = () => /* @__PURE__ */ React.createElement(import_form_item_layout.FormItemLayout, {
   floatingLabel: true,
-  inputComponent: _index2.ComboBox,
+  inputComponent: import_combo_box.ComboBox,
   labelText: "Marital Status",
   name: "marital_status",
   required: true,
   rules: {
-    required: {
-      value: true,
-      message: 'Marital Status is required'
-    }
+    required: { value: true, message: "Marital Status is required" }
   },
-  options: [{
-    value: 'married',
-    label: 'Married'
-  }, {
-    value: 'single',
-    label: 'Single'
-  }]
+  options: [
+    { value: "married", label: "Married" },
+    { value: "single", label: "Single" }
+  ]
 });
-
-exports.MaritalStatus = MaritalStatus;
+module.exports = __toCommonJS(personal_info_section_exports);

package/dist/cjs/view/form/submit-button/index.js

@@ -1,30 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var submit_button_exports = {};
+__export(submit_button_exports, {
+  FormSubmitButton: () => FormSubmitButton
 });
-exports.FormSubmitButton = void 0;
-
-var _reactHookForm = require("react-hook-form");
-
-var _dsButton = _interopRequireDefault(require("@elliemae/ds-button"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const FormSubmitButton = ({ ...rest
+var React = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_ds_button = require("@elliemae/ds-button");
+const FormSubmitButton = ({
+  ...rest
 }) => {
   const {
     formState,
-    formProps: {
-      mode
-    }
-  } = (0, _reactHookForm.useFormContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dsButton.default, { ...rest,
+    formProps: { mode }
+  } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ React.createElement(import_ds_button.DSButton, {
+    ...rest,
     type: "submit",
-    disabled: mode !== 'onSubmit' && (!formState.isDirty || formState.isDirty && !formState.isValid)
+    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
   });
 };
-
-exports.FormSubmitButton = FormSubmitButton;
+module.exports = __toCommonJS(submit_button_exports);

package/dist/cjs/view/guest-unload-handlers/index.js

@@ -1,30 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var guest_unload_handlers_exports = {};
+__export(guest_unload_handlers_exports, {
+  notifyGuestUnloadComplete: () => notifyGuestUnloadComplete,
+  onGuestUnloadStart: () => onGuestUnloadStart
 });
-exports.onGuestUnloadStart = exports.notifyGuestUnloadComplete = void 0;
-
-var _index = require("../message-to-host-app/index.js");
-
-const onGuestUnloadStart = () => new Promise(resolve => {
-  window.addEventListener('message', msg => {
-    if (msg.data.id === 'unload-guest' || msg.data.id === 'close_loan') {
+var import_message_to_host_app = require("../message-to-host-app/index.js");
+const onGuestUnloadStart = () => new Promise((resolve) => {
+  window.addEventListener("message", (msg) => {
+    if (msg.data.id === "unload-guest" || msg.data.id === "close_loan") {
       resolve(msg.data.id);
     }
   });
 });
-
-exports.onGuestUnloadStart = onGuestUnloadStart;
-
-const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = 'close_loan') => {
-  (0, _index.sendMessageToHost)({
+const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = "close_loan") => {
+  (0, import_message_to_host_app.sendMessageToHost)({
     guestAppId,
-    message: {
-      id: unloadType,
-      auth: guestAppConfirmation
-    }
+    message: { id: unloadType, auth: guestAppConfirmation }
   });
 };
-
-exports.notifyGuestUnloadComplete = notifyGuestUnloadComplete;
+module.exports = __toCommonJS(guest_unload_handlers_exports);

package/dist/cjs/view/header/center-region/index.js

@@ -1,41 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var center_region_exports = {};
+__export(center_region_exports, {
+  CenterRegion: () => CenterRegion
 });
-exports.CenterRegion = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-const NavList = /*#__PURE__*/_styledComponents.default.ul.withConfig({
-  componentId: "sc-ztmnvf-0"
-})(["display:flex;flex:auto;align-items:center;list-style:none;margin:0px 0px 0px 10px;padding:0;height:100%;"]);
-
-const NavListItem = /*#__PURE__*/_styledComponents.default.li.withConfig({
-  componentId: "sc-ztmnvf-1"
-})(["height:100%;text-align:center;"]);
-
-const activeClassName = 'nav-item-active';
-const StyledNavLink = /*#__PURE__*/(0, _styledComponents.default)(_reactRouterDom.NavLink).attrs({
+var React = __toESM(require("react"));
+var import_react_router_dom = require("react-router-dom");
+var import_styled_components = __toESM(require("styled-components"));
+const NavList = import_styled_components.default.ul`
+  display: flex;
+  flex: auto;
+  align-items: center;
+  list-style: none;
+  margin: 0px 0px 0px 10px;
+  padding: 0;
+  height: 100%;
+`;
+const NavListItem = import_styled_components.default.li`
+  height: 100%;
+  text-align: center;
+`;
+const activeClassName = "nav-item-active";
+const StyledNavLink = (0, import_styled_components.default)(import_react_router_dom.NavLink).attrs({
   activeClassName
-}).withConfig({
-  componentId: "sc-ztmnvf-2"
-})(["display:flex;align-items:center;color:", ";text-decoration:none;text-transform:uppercase;height:100%;padding:0 ", " 0 ", ";&.", "{background-color:#48acff;}"], props => props.theme.colors.neutral['000'], props => props.theme.space.xs, props => props.theme.space.xs, activeClassName);
-const publicPath = (process.env.ASSET_PATH || '/').replace(/\/?$/, '');
-
-const CenterRegion = ({
-  links = []
-}) => /*#__PURE__*/(0, _jsx2.default)(NavList, {}, void 0, links.map(({
-  name = '',
-  path = ''
-}) => /*#__PURE__*/(0, _jsx2.default)(NavListItem, {}, path, /*#__PURE__*/(0, _jsx2.default)(StyledNavLink, {
-  to: `${publicPath}${path.replace(/^\/?/, '/')}`
-}, void 0, name))));
+})`
+  display: flex;
+  align-items: center;
+  color: ${(props) => props.theme.colors.neutral["000"]};
+  text-decoration: none;
+  text-transform: uppercase;
+  height: 100%;
+  padding: 0 ${(props) => props.theme.space.xs} 0
+    ${(props) => props.theme.space.xs};
 
-exports.CenterRegion = CenterRegion;
+  &.${activeClassName} {
+    background-color: #48acff;
+  }
+`;
+const publicPath = (process.env.ASSET_PATH || "/").replace(/\/?$/, "");
+const CenterRegion = ({ links = [] }) => /* @__PURE__ */ React.createElement(NavList, null, links.map(({ name = "", path = "" }) => /* @__PURE__ */ React.createElement(NavListItem, {
+  key: path
+}, /* @__PURE__ */ React.createElement(StyledNavLink, {
+  to: `${publicPath}${path.replace(/^\/?/, "/")}`
+}, name))));
+module.exports = __toCommonJS(center_region_exports);