@elliemae/pui-app-sdk 2.8.3 → 2.11.0

package/dist/cjs/view/fields/input-mask/index.js

@@ -2,6 +2,8 @@
 
 require("core-js/modules/esnext.weak-map.delete-all.js");
 
+require("core-js/modules/esnext.weak-map.emplace.js");
+
 require("core-js/modules/web.dom-collections.iterator.js");
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -35,21 +37,27 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const InputMask = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  mask,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputMask.default, { ...rest,
-    ...field
-  })
-});
+const InputMask = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    mask,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputMask.default, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 
 exports.InputMask = InputMask;

package/dist/cjs/view/fields/large-text-box/index.js

@@ -15,20 +15,26 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const LargeTextBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  defaultValue: defaultValue,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LargeInputText.default, { ...rest,
-    ...field
-  })
-});
+const LargeTextBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    defaultValue: defaultValue,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LargeInputText.default, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 
 exports.LargeTextBox = LargeTextBox;

package/dist/cjs/view/fields/radio/index.js

@@ -15,26 +15,32 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const Radio = ({
-  name,
-  defaultChecked = false,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      onChange,
-      value,
-      ...restProps
+const Radio = _ref => {
+  let {
+    name,
+    defaultChecked = false,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          onChange,
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, { ...rest,
+        ...restProps,
+        checked: value,
+        defaultChecked: defaultChecked,
+        onChange: e => onChange(((e || {}).target || {}).checked)
+      });
     }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, { ...rest,
-    ...restProps,
-    checked: value,
-    defaultChecked: defaultChecked,
-    onChange: e => onChange(((e || {}).target || {}).checked)
-  })
-});
+  });
+};
 
 exports.Radio = Radio;

package/dist/cjs/view/fields/radio/index.stories.js

@@ -21,24 +21,28 @@ var _watchValue = require("../watch-value.js");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!(0, _reactHookForm.get)(errors, name);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
+      name: name,
+      ...rest,
+      hasError: hasError
+    });
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
     name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: name,
-  ...rest
-}));
+    ...rest
+  }));
+};
 
 var _default = {
   title: 'Components/Form/Controls/Radio',

package/dist/cjs/view/fields/radio/set-value.stories.js

@@ -42,21 +42,25 @@ const ToggleValue = () => {
   });
 };
 
-const Template = ({
-  name,
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const hasError = !!(0, _reactHookForm.get)(errors, name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
-    name: name,
-    ...rest,
-    hasError: hasError
-  });
-}), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
+const Template = _ref => {
+  let {
+    name,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_index.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref2 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref2;
+    const hasError = !!(0, _reactHookForm.get)(errors, name);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Radio, {
+      name: name,
+      ...rest,
+      hasError: hasError
+    });
+  }), _ToggleValue || (_ToggleValue = /*#__PURE__*/(0, _jsx3.default)(ToggleValue, {})));
+};
 
 var _default = {
   title: 'Components/Form/Controls/Radio'

package/dist/cjs/view/fields/radio-group/index.js

@@ -15,22 +15,28 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const RadioGroup = ({
-  name,
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  rules: rules,
-  render: ({
-    field: {
-      value,
-      ...restProps
+const RadioGroup = _ref => {
+  let {
+    name,
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field: {
+          value,
+          ...restProps
+        }
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.default, { ...rest,
+        ...restProps,
+        activeValue: value
+      });
     }
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.default, { ...rest,
-    ...restProps,
-    activeValue: value
-  })
-});
+  });
+};
 
 exports.RadioGroup = RadioGroup;

package/dist/cjs/view/fields/radio-group/index.stories.js

@@ -27,46 +27,53 @@ var _DSRadio, _DSRadio2;
 
 const radioName = 'gender';
 
-const Gender = ({
-  feedbackMessage,
-  ...rest
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.RadioGroup, {
-  name: radioName,
-  labelProps: {
-    labelText: 'Gender',
-    required: true,
-    feedbackMessage
-  },
-  orientation: "horizontal",
-  ...rest,
-  children: [_DSRadio || (_DSRadio = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
+const Gender = _ref => {
+  let {
+    feedbackMessage,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.RadioGroup, {
     name: radioName,
-    value: "male",
-    labelText: "Male"
-  })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
-    name: radioName,
-    value: "female",
-    labelText: "Female"
-  }))]
-});
+    labelProps: {
+      labelText: 'Gender',
+      required: true,
+      feedbackMessage
+    },
+    orientation: "horizontal",
+    ...rest,
+    children: [_DSRadio || (_DSRadio = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
+      name: radioName,
+      value: "male",
+      labelText: "Male"
+    })), _DSRadio2 || (_DSRadio2 = /*#__PURE__*/(0, _jsx3.default)(_Radio.default, {
+      name: radioName,
+      value: "female",
+      labelText: "Female"
+    }))]
+  });
+};
 
-const Template = ({
-  props
-}) => /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, ({
-  formState: {
-    errors
-  }
-}) => {
-  const errField = (0, _reactHookForm.get)(errors, radioName);
-  const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Gender, {
-    feedbackMessage: feedbackMessage,
+const Template = _ref2 => {
+  let {
+    props
+  } = _ref2;
+  return /*#__PURE__*/(0, _jsx3.default)(_index2.Form, {}, void 0, /*#__PURE__*/(0, _jsx3.default)(_connectForm.ConnectForm, {}, void 0, _ref3 => {
+    let {
+      formState: {
+        errors
+      }
+    } = _ref3;
+    const errField = (0, _reactHookForm.get)(errors, radioName);
+    const feedbackMessage = errField === null || errField === void 0 ? void 0 : errField.message;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Gender, {
+      feedbackMessage: feedbackMessage,
+      ...props
+    });
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
+    name: radioName,
     ...props
-  });
-}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_watchValue.WatchValue, {
-  name: radioName,
-  ...props
-}));
+  }));
+};
 
 var _default = {
   title: 'Components/Form/Controls/RadioGroup',

package/dist/cjs/view/fields/text-box/index.js

@@ -15,20 +15,26 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const TextBox = ({
-  name,
-  defaultValue = '',
-  rules = {},
-  ...rest
-}) => /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
-  name: name,
-  defaultValue: defaultValue,
-  rules: rules,
-  render: ({
-    field
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextBox.default, { ...rest,
-    ...field
-  })
-});
+const TextBox = _ref => {
+  let {
+    name,
+    defaultValue = '',
+    rules = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx3.default)(_reactHookForm.Controller, {
+    name: name,
+    defaultValue: defaultValue,
+    rules: rules,
+    render: _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextBox.default, { ...rest,
+        ...field
+      });
+    }
+  });
+};
 
 exports.TextBox = TextBox;

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

@@ -15,10 +15,11 @@ var _reactHookForm = require("react-hook-form");
 
 var _h;
 
-const WatchValue = ({
-  name,
-  labelText
-}) => {
+const WatchValue = _ref => {
+  let {
+    name,
+    labelText
+  } = _ref;
   const {
     watch
   } = (0, _reactHookForm.useFormContext)();

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

@@ -13,15 +13,16 @@ var _reactHookForm = require("react-hook-form");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const Form = ({
-  /* eslint-disable indent */
-  classname,
-  reactHookFormProps = {
-    mode: 'onBlur'
-  },
-  children,
-  onSubmit
-}) => {
+const Form = _ref => {
+  let {
+    /* eslint-disable indent */
+    classname,
+    reactHookFormProps = {
+      mode: 'onBlur'
+    },
+    children,
+    onSubmit
+  } = _ref;
   const methods = (0, _reactHookForm.useForm)(reactHookFormProps);
   const formProps = {};
   if (onSubmit) formProps.onSubmit = methods.handleSubmit(onSubmit);

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

@@ -37,9 +37,12 @@ var _default = {
 exports.default = _default;
 const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
   componentId: "sc-1mzmcta-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
+})(["margin-top:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.xs;
+});
 
 const WatchDashBoard = () => {
   const {

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

@@ -13,8 +13,9 @@ var _Button = _interopRequireDefault(require("@elliemae/ds-basic/Button"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const FormSubmitButton = ({ ...rest
-}) => {
+const FormSubmitButton = _ref => {
+  let { ...rest
+  } = _ref;
   const {
     formState,
     formProps: {

package/dist/cjs/view/form/usecases.stories.js

@@ -35,9 +35,12 @@ var _default = {
 exports.default = _default;
 const StyledButton = /*#__PURE__*/(0, _styledComponents.default)(_index.FormSubmitButton).withConfig({
   componentId: "sc-1wwguuk-0"
-})(["margin-top:", ";"], ({
-  theme
-}) => theme.space.xs);
+})(["margin-top:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.xs;
+});
 
 const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Form, { ...args,
   children: [_FirstName || (_FirstName = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.FirstName, {})), _DOB || (_DOB = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.DOB, {})), _State || (_State = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.State, {})), _MaritalStatus || (_MaritalStatus = /*#__PURE__*/(0, _jsx3.default)(_personalInfoSection.MaritalStatus, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, { ...btnProps

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

@@ -17,7 +17,8 @@ const onGuestUnloadStart = () => new Promise(resolve => {
 
 exports.onGuestUnloadStart = onGuestUnloadStart;
 
-const notifyGuestUnloadComplete = (guestAppConfirmation, guestAppId, unloadType = 'close_loan') => {
+const notifyGuestUnloadComplete = function (guestAppConfirmation, guestAppId) {
+  let unloadType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'close_loan';
   (0, _index.sendMessageToHost)({
     guestAppId,
     message: {

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

@@ -11,6 +11,10 @@ var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
 
 require("core-js/modules/es.string.replace.js");
 
+require("core-js/modules/esnext.async-iterator.map.js");
+
+require("core-js/modules/esnext.iterator.map.js");
+
 var _reactRouterDom = require("react-router-dom");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -31,13 +35,19 @@ const StyledNavLink = /*#__PURE__*/(0, _styledComponents.default)(_reactRouterDo
 })(["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: "".concat(publicPath).concat(path.replace(/^\/?/, '/'))
-}, void 0, name))));
+const CenterRegion = _ref => {
+  let {
+    links = []
+  } = _ref;
+  return /*#__PURE__*/(0, _jsx2.default)(NavList, {}, void 0, links.map(_ref2 => {
+    let {
+      name = '',
+      path = ''
+    } = _ref2;
+    return /*#__PURE__*/(0, _jsx2.default)(NavListItem, {}, path, /*#__PURE__*/(0, _jsx2.default)(StyledNavLink, {
+      to: "".concat(publicPath).concat(path.replace(/^\/?/, '/'))
+    }, void 0, name));
+  }));
+};
 
 exports.CenterRegion = CenterRegion;

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

@@ -25,13 +25,16 @@ const HeaderContainer = /*#__PURE__*/_styledComponents.default.header.withConfig
   componentId: "sc-cvwjlr-0"
 })(["display:flex;height:56px;background-color:#2080cd;padding:0px ", " 0px ", ";"], props => props.theme.space.xs, props => props.theme.space.xxs);
 
-const Header = ({
-  links = [],
-  show = false
-}) => (0, _index.isStandAloneGuest)() || (0, _index.isHost)() || show ? /*#__PURE__*/(0, _jsx2.default)(HeaderContainer, {
-  role: "banner"
-}, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/(0, _jsx2.default)(_index2.LogoRegion, {})), /*#__PURE__*/(0, _jsx2.default)(_index3.CenterRegion, {
-  links: links
-}), _NavRegion || (_NavRegion = /*#__PURE__*/(0, _jsx2.default)(_index4.NavRegion, {}))) : null;
+const Header = _ref => {
+  let {
+    links = [],
+    show = false
+  } = _ref;
+  return (0, _index.isStandAloneGuest)() || (0, _index.isHost)() || show ? /*#__PURE__*/(0, _jsx2.default)(HeaderContainer, {
+    role: "banner"
+  }, void 0, _LogoRegion || (_LogoRegion = /*#__PURE__*/(0, _jsx2.default)(_index2.LogoRegion, {})), /*#__PURE__*/(0, _jsx2.default)(_index3.CenterRegion, {
+    links: links
+  }), _NavRegion || (_NavRegion = /*#__PURE__*/(0, _jsx2.default)(_index4.NavRegion, {}))) : null;
+};
 
 exports.Header = Header;

package/dist/cjs/view/live-message/index.stories.js

@@ -2,6 +2,8 @@
 
 require("core-js/modules/esnext.weak-map.delete-all.js");
 
+require("core-js/modules/esnext.weak-map.emplace.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {

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

@@ -18,7 +18,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _WaitMessageLauncher;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const loadable = (importFunc, fallback = _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/(0, _jsx3.default)(_waitMessageLauncher.WaitMessageLauncher, {}))) => {
+const loadable = function (importFunc) {
+  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/(0, _jsx3.default)(_waitMessageLauncher.WaitMessageLauncher, {}));
   const LazyComponent = /*#__PURE__*/(0, _react.lazy)(importFunc); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   return props => /*#__PURE__*/(0, _jsx3.default)(_react.Suspense, {

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

@@ -15,11 +15,12 @@ var _actions = require("../../data/auth/actions.js");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const Login = ({
-  clientId,
-  scope,
-  responseType
-}) => {
+const Login = _ref => {
+  let {
+    clientId,
+    scope,
+    responseType
+  } = _ref;
   const dispatch = (0, _reactRedux.useAppDispatch)();
   (0, _react.useEffect)(() => {
     (0, _index.login)({

package/dist/cjs/view/message-to-host-app/index.js

@@ -20,7 +20,8 @@ const getHostAppData = (action, resolve) => event => {
 
 exports.getHostAppData = getHostAppData;
 
-const sendMessageToHost = (message, hostedAppUrl = document.referrer) => {
+const sendMessageToHost = function (message) {
+  let hostedAppUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.referrer;
   window.parent.postMessage(message, hostedAppUrl);
 };