@mxenabled/connect-widget 0.18.2 → 0.18.4

package/dist/index.es.js

@@ -12728,124 +12728,29 @@ function requireDist () {
 
 var distExports = requireDist();
 
-/**
- * @module constants
- * @summary Useful constants
- * @description
- * Collection of useful date constants.
- *
- * The constants could be imported from `date-fns/constants`:
- *
- * ```ts
- * import { maxTime, minTime } from "./constants/date-fns/constants";
- *
- * function isAllowedTime(time) {
- *   return time <= maxTime && time >= minTime;
- * }
- * ```
- */
-
-
-/**
- * @constant
- * @name millisecondsInDay
- * @summary Milliseconds in 1 day.
- */
-const millisecondsInDay = 86400000;
+const millisecondsInDay = 864e5;
+const constructFromSymbol = Symbol.for("constructDateFrom");
 
-/**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
- *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param argument - The value to convert
- *
- * @returns The parsed date in the local time zone
- *
- * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
- *
- * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
- */
-function toDate(argument) {
-  const argStr = Object.prototype.toString.call(argument);
+function constructFrom(date, value) {
+  if (typeof date === "function") return date(value);
+  if (date && typeof date === "object" && constructFromSymbol in date)
+    return date[constructFromSymbol](value);
+  if (date instanceof Date) return new date.constructor(value);
+  return new Date(value);
+}
 
-  // Clone the date
-  if (
-    argument instanceof Date ||
-    (typeof argument === "object" && argStr === "[object Date]")
-  ) {
-    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-    return new argument.constructor(+argument);
-  } else if (
-    typeof argument === "number" ||
-    argStr === "[object Number]" ||
-    typeof argument === "string" ||
-    argStr === "[object String]"
-  ) {
-    // TODO: Can we get rid of as?
-    return new Date(argument);
-  } else {
-    // TODO: Can we get rid of as?
-    return new Date(NaN);
-  }
+function normalizeDates(context, ...dates) {
+  const normalize = constructFrom.bind(
+    null,
+    dates.find((date) => typeof date === "object")
+  );
+  return dates.map(normalize);
 }
 
-/**
- * @name startOfDay
- * @category Day Helpers
- * @summary Return the start of a day for the given date.
- *
- * @description
- * Return the start of a day for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- *
- * @returns The start of a day
- *
- * @example
- * // The start of a day for 2 September 2014 11:55:00:
- * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 02 2014 00:00:00
- */
-function startOfDay(date) {
-  const _date = toDate(date);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
+function toDate(argument, context) {
+  return constructFrom(argument, argument);
 }
 
-/**
- * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
- * They usually appear for dates that denote time before the timezones were introduced
- * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
- * and GMT+01:00:00 after that date)
- *
- * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
- * which would lead to incorrect calculations.
- *
- * This function returns the timezone offset in milliseconds that takes seconds in account.
- */
 function getTimezoneOffsetInMilliseconds(date) {
   const _date = toDate(date);
   const utcDate = new Date(
@@ -12856,176 +12761,58 @@ function getTimezoneOffsetInMilliseconds(date) {
       _date.getHours(),
       _date.getMinutes(),
       _date.getSeconds(),
-      _date.getMilliseconds(),
-    ),
+      _date.getMilliseconds()
+    )
   );
   utcDate.setUTCFullYear(_date.getFullYear());
   return +date - +utcDate;
 }
 
-/**
- * @name differenceInCalendarDays
- * @category Day Helpers
- * @summary Get the number of calendar days between the given dates.
- *
- * @description
- * Get the number of calendar days between the given dates. This means that the times are removed
- * from the dates and then the difference in days is calculated.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param dateLeft - The later date
- * @param dateRight - The earlier date
- *
- * @returns The number of calendar days
- *
- * @example
- * // How many calendar days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInCalendarDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 366
- * // How many calendar days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInCalendarDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 1
- */
-function differenceInCalendarDays(dateLeft, dateRight) {
-  const startOfDayLeft = startOfDay(dateLeft);
-  const startOfDayRight = startOfDay(dateRight);
-
-  const timestampLeft =
-    +startOfDayLeft - getTimezoneOffsetInMilliseconds(startOfDayLeft);
-  const timestampRight =
-    +startOfDayRight - getTimezoneOffsetInMilliseconds(startOfDayRight);
-
-  // Round the number of days to the nearest integer because the number of
-  // milliseconds in a day is not constant (e.g. it's different in the week of
-  // the daylight saving time clock shift).
-  return Math.round((timestampLeft - timestampRight) / millisecondsInDay);
+function startOfDay(date, options) {
+  const _date = toDate(date);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
 }
 
-/**
- * @name differenceInDays
- * @category Day Helpers
- * @summary Get the number of full days between the given dates.
- *
- * @description
- * Get the number of full day periods between two dates. Fractional days are
- * truncated towards zero.
- *
- * One "full day" is the distance between a local time in one day to the same
- * local time on the next or previous day. A full day can sometimes be less than
- * or more than 24 hours if a daylight savings change happens between two dates.
- *
- * To ignore DST and only measure exact 24-hour periods, use this instead:
- * `Math.trunc(differenceInHours(dateLeft, dateRight)/24)|0`.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param dateLeft - The later date
- * @param dateRight - The earlier date
- *
- * @returns The number of full days according to the local timezone
- *
- * @example
- * // How many full days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 365
- *
- * @example
- * // How many full days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 0
- *
- * @example
- * // How many full days are between
- * // 1 March 2020 0:00 and 1 June 2020 0:00 ?
- * // Note: because local time is used, the
- * // result will always be 92 days, even in
- * // time zones where DST starts and the
- * // period has only 92*24-1 hours.
- * const result = differenceInDays(
- *   new Date(2020, 5, 1),
- *   new Date(2020, 2, 1)
- * )
- * //=> 92
- */
-function differenceInDays(dateLeft, dateRight) {
-  const _dateLeft = toDate(dateLeft);
-  const _dateRight = toDate(dateRight);
-
-  const sign = compareLocalAsc(_dateLeft, _dateRight);
-  const difference = Math.abs(differenceInCalendarDays(_dateLeft, _dateRight));
-
-  _dateLeft.setDate(_dateLeft.getDate() - sign * difference);
-
-  // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full
-  // If so, result must be decreased by 1 in absolute value
+function differenceInCalendarDays(laterDate, earlierDate, options) {
+  const [laterDate_, earlierDate_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate
+  );
+  const laterStartOfDay = startOfDay(laterDate_);
+  const earlierStartOfDay = startOfDay(earlierDate_);
+  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
+  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
+  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
+}
+
+function differenceInDays(laterDate, earlierDate, options) {
+  const [laterDate_, earlierDate_] = normalizeDates(
+    options?.in,
+    laterDate,
+    earlierDate
+  );
+  const sign = compareLocalAsc(laterDate_, earlierDate_);
+  const difference = Math.abs(
+    differenceInCalendarDays(laterDate_, earlierDate_)
+  );
+  laterDate_.setDate(laterDate_.getDate() - sign * difference);
   const isLastDayNotFull = Number(
-    compareLocalAsc(_dateLeft, _dateRight) === -sign,
+    compareLocalAsc(laterDate_, earlierDate_) === -sign
   );
   const result = sign * (difference - isLastDayNotFull);
-  // Prevent negative zero
   return result === 0 ? 0 : result;
 }
-
-// Like `compareAsc` but uses local time not UTC, which is needed
-// for accurate equality comparisons of UTC timestamps that end up
-// having the same representation in local time, e.g. one hour before
-// DST ends vs. the instant that DST ends.
-function compareLocalAsc(dateLeft, dateRight) {
-  const diff =
-    dateLeft.getFullYear() - dateRight.getFullYear() ||
-    dateLeft.getMonth() - dateRight.getMonth() ||
-    dateLeft.getDate() - dateRight.getDate() ||
-    dateLeft.getHours() - dateRight.getHours() ||
-    dateLeft.getMinutes() - dateRight.getMinutes() ||
-    dateLeft.getSeconds() - dateRight.getSeconds() ||
-    dateLeft.getMilliseconds() - dateRight.getMilliseconds();
-
-  if (diff < 0) {
-    return -1;
-  } else if (diff > 0) {
-    return 1;
-    // Return 0 if diff is 0; return NaN if diff is NaN
-  } else {
-    return diff;
-  }
+function compareLocalAsc(laterDate, earlierDate) {
+  const diff = laterDate.getFullYear() - earlierDate.getFullYear() || laterDate.getMonth() - earlierDate.getMonth() || laterDate.getDate() - earlierDate.getDate() || laterDate.getHours() - earlierDate.getHours() || laterDate.getMinutes() - earlierDate.getMinutes() || laterDate.getSeconds() - earlierDate.getSeconds() || laterDate.getMilliseconds() - earlierDate.getMilliseconds();
+  if (diff < 0) return -1;
+  if (diff > 0) return 1;
+  return diff;
 }
 
-/**
- * @name fromUnixTime
- * @category Timestamp Helpers
- * @summary Create a date from a Unix timestamp.
- *
- * @description
- * Create a date from a Unix timestamp (in seconds). Decimal values will be discarded.
- *
- * @param unixTime - The given Unix timestamp (in seconds)
- *
- * @returns The date
- *
- * @example
- * // Create the date 29 February 2012 11:45:05:
- * const result = fromUnixTime(1330515905)
- * //=> Wed Feb 29 2012 11:45:05
- */
-function fromUnixTime(unixTime) {
-  return toDate(unixTime * 1000);
+function fromUnixTime(unixTime, options) {
+  return toDate(unixTime * 1e3);
 }
 
 const Style$1 = {
@@ -66691,52 +66478,71 @@ const MFAOptions = (props) => {
   const tokens = useTokens();
   const styles = getStyles$Z(tokens);
   const mfaLabel = mfaCredentials.map((credential) => credential.label);
-  const dynamicLabel = mfaLabel[0] ? mfaLabel[0] : __("Choose an authentication method.");
+  const dynamicMFALabel = mfaLabel[0] ? mfaLabel[0] : __("Choose an authentication method.");
+  const dynamicLabel = isSAS ? __("Select an account to connect") : dynamicMFALabel;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    !isSAS && /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", style: styles.label, truncate: false, variant: "Paragraph", children: dynamicLabel }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(FormLabel$1, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(x, { component: "p", style: styles.label, truncate: false, variant: "Paragraph", children: dynamicLabel }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 15 }, children: "*" })
+    ] }),
     mfaCredentials.map((credential) => {
       return credential.options.map((option, i) => {
         const isSelected = selectedOption.guid === option.guid;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-test": option.label.replace(/\s/g, "-"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ProtectedSelectionBox,
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
           {
-            autoFocus: i === 0,
-            checked: isSelected,
-            disabled: isSubmitting,
-            id: `${option.guid}`,
-            label: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              x,
+            "aria-checked": isSelected,
+            "aria-required": "true",
+            "data-test": option.label.replace(/\s/g, "-"),
+            role: "radio",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ProtectedSelectionBox,
               {
-                bold: true,
-                "data-test": option.label.replace(/\s/g, "-"),
-                truncate: false,
-                variant: "Paragraph",
-                children: option.label
-              }
-            ),
-            name: "options-selection-box",
-            onChange: () => {
-              setSelectedOption({ guid: option.guid });
-              setCredentials(
-                credentialsToSubmit.map(
-                  (cred) => credential.guid === option.credential_guid ? { guid: option.credential_guid, value: option.guid } : cred
-                )
-              );
-              sendPosthogEvent(AnalyticEvents.MFA_SELECTED_OPTION, {
-                institution_guid: institution.guid,
-                institution_name: institution.name,
-                selectedOption: option.value,
-                member_guid: sha256Exports.sha256(currentMember.guid)
-              });
-            },
-            style: styles.card,
-            value: option.label,
-            variant: "radio"
+                autoFocus: i === 0,
+                checked: isSelected,
+                disabled: isSubmitting,
+                id: `${option.guid}`,
+                label: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  x,
+                  {
+                    bold: true,
+                    "data-test": option.label.replace(/\s/g, "-"),
+                    truncate: false,
+                    variant: "Paragraph",
+                    children: option.label
+                  }
+                ),
+                name: "options-selection-box",
+                onChange: () => {
+                  setSelectedOption({ guid: option.guid });
+                  setCredentials(
+                    credentialsToSubmit.map(
+                      (cred) => credential.guid === option.credential_guid ? { guid: option.credential_guid, value: option.guid } : cred
+                    )
+                  );
+                  sendPosthogEvent(AnalyticEvents.MFA_SELECTED_OPTION, {
+                    institution_guid: institution.guid,
+                    institution_name: institution.name,
+                    selectedOption: option.value,
+                    member_guid: sha256Exports.sha256(currentMember.guid)
+                  });
+                },
+                style: styles.card,
+                value: option.label,
+                variant: "radio"
+              },
+              `${option.guid}`
+            )
           },
           `${option.guid}`
-        ) }, `${option.guid}`);
+        );
       });
     }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13, marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 13 }, children: "*" }),
+      " ",
+      __("Required")
+    ] }),
     isSubmitted && _isEmpty(selectedOption) && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { role: "alert", style: styles.errorContent, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(AttentionFilled, { color: tokens.Color.Error300 }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: styles.errorMessage, children: isSAS ? __("Account selection is required.") : __("Choose an option") })
@@ -80957,27 +80763,8 @@ const ConnectedTokenProvider = ({ children }) => {
   );
 };
 
-/**
- * @name getUnixTime
- * @category Timestamp Helpers
- * @summary Get the seconds timestamp of the given date.
- *
- * @description
- * Get the seconds timestamp of the given date.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The given date
- *
- * @returns The timestamp
- *
- * @example
- * // Get the timestamp of 29 February 2012 11:45:05 CET:
- * const result = getUnixTime(new Date(2012, 1, 29, 11, 45, 5))
- * //=> 1330512305
- */
 function getUnixTime(date) {
-  return Math.trunc(+toDate(date) / 1000);
+  return Math.trunc(+toDate(date) / 1e3);
 }
 
 const APP_MIN_WIDTH = 320;