@mxenabled/connect-widget 0.0.14 → 0.0.15

package/dist/index.es.js

@@ -5131,39 +5131,23 @@ function baseFindIndex$2(array, predicate, fromIndex, fromRight) {
 }
 var _baseFindIndex = baseFindIndex$2;
 
-var _trimmedEndIndex;
-var hasRequired_trimmedEndIndex;
-
-function require_trimmedEndIndex () {
-	if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
-	hasRequired_trimmedEndIndex = 1;
-	var reWhitespace = /\s/;
-	function trimmedEndIndex(string) {
-	  var index = string.length;
-	  while (index-- && reWhitespace.test(string.charAt(index))) {
-	  }
-	  return index;
-	}
-	_trimmedEndIndex = trimmedEndIndex;
-	return _trimmedEndIndex;
+var reWhitespace = /\s/;
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+  while (index-- && reWhitespace.test(string.charAt(index))) {
+  }
+  return index;
 }
+var _trimmedEndIndex = trimmedEndIndex$1;
 
-var _baseTrim;
-var hasRequired_baseTrim;
-
-function require_baseTrim () {
-	if (hasRequired_baseTrim) return _baseTrim;
-	hasRequired_baseTrim = 1;
-	var trimmedEndIndex = require_trimmedEndIndex();
-	var reTrimStart = /^\s+/;
-	function baseTrim(string) {
-	  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-	}
-	_baseTrim = baseTrim;
-	return _baseTrim;
+var trimmedEndIndex = _trimmedEndIndex;
+var reTrimStart = /^\s+/;
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
 }
+var _baseTrim = baseTrim$1;
 
-var baseTrim = require_baseTrim(), isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
+var baseTrim = _baseTrim, isObject$7 = isObject_1, isSymbol$1 = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -8629,7 +8613,7 @@ var hasRequiredTrim;
 function requireTrim () {
 	if (hasRequiredTrim) return trim_1;
 	hasRequiredTrim = 1;
-	var baseToString = _baseToString, baseTrim = require_baseTrim(), castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
+	var baseToString = _baseToString, baseTrim = _baseTrim, castSlice = require_castSlice(), charsEndIndex = require_charsEndIndex(), charsStartIndex = require_charsStartIndex(), stringToArray = require_stringToArray(), toString = toString_1;
 	function trim(string, chars, guard) {
 	  string = toString(string);
 	  if (string && (guard || chars === void 0)) {
@@ -62348,42 +62332,44 @@ var range_1 = range;
 
 const _range = /*@__PURE__*/getDefaultExportFromCjs(range_1);
 
-const DayOfMonthPicker = (props) => {
-  const containerRef = useRef(null);
-  const tokens = useTokens();
-  const styles = getStyles$8(tokens);
-  const getNextDelay = getDelay();
-  const days = _range(1, 32);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      GoBackButton,
-      {
-        handleGoBack: () => fadeOut(containerRef.current, "up", 300).then(props.handleClose)
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { "data-test": "date-picker-header", style: styles.title, tag: "h2", children: __("Payment due day") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { "data-test": "date-picker-paragraph", style: styles.body, tag: "p", children: __("Choose what day of the month your payment is due.") })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "date-picker-calendar", style: styles.buttons, children: days.map((day) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button$1,
-      {
-        autoFocus: day === 1,
-        "data-test": `date-picker-button-${day}`,
-        name: props.name || day,
-        onClick: (e) => {
-          e.persist();
-          fadeOut(containerRef.current, "up", 300).then(() => props.handleSelect(e));
+const DayOfMonthPicker = React__default.forwardRef(
+  (props, ref) => {
+    const tokens = useTokens();
+    const styles = getStyles$8(tokens);
+    const getNextDelay = getDelay();
+    const days = _range(1, 32);
+    const containerRef = ref;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        GoBackButton,
+        {
+          handleGoBack: () => fadeOut(containerRef?.current, "up", 300).then(props.handleClose)
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { "data-test": "date-picker-header", style: styles.title, tag: "h2", children: __("Payment due day") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { "data-test": "date-picker-paragraph", style: styles.body, tag: "p", children: __("Choose what day of the month your payment is due.") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-test": "date-picker-calendar", style: styles.buttons, children: days.map((day) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          autoFocus: day === 1,
+          "data-test": `date-picker-button-${day}`,
+          name: props.name || day,
+          onClick: (e) => {
+            e.persist();
+            fadeOut(containerRef?.current, "up", 300).then(() => props.handleSelect(e));
+          },
+          style: styles.button,
+          value: day,
+          variant: "transparent",
+          children: day
         },
-        style: styles.button,
-        value: day,
-        variant: "text",
-        children: day
-      },
-      day
-    )) }) })
-  ] });
-};
+        day
+      )) }) })
+    ] });
+  }
+);
 const getStyles$8 = (tokens) => ({
   title: {
     marginBottom: tokens.Spacing.XSmall
@@ -62397,16 +62383,10 @@ const getStyles$8 = (tokens) => ({
     marginTop: tokens.Spacing.XSmall
   },
   button: {
-    width: "calc(100%/7)",
-    fontSize: "13px",
-    minWidth: "auto"
+    width: "14.25%"
   }
 });
-DayOfMonthPicker.propTypes = {
-  handleClose: PropTypes$1.func.isRequired,
-  handleSelect: PropTypes$1.func.isRequired,
-  name: PropTypes$1.string
-};
+DayOfMonthPicker.displayName = "DayOfMonthPicker";
 
 const ManualAccountForm = React__default.forwardRef(
   (props, ref) => {
@@ -62416,7 +62396,6 @@ const ManualAccountForm = React__default.forwardRef(
     const members = useSelector(getMembers);
     const [saving, setSaving] = useState(false);
     const [isPersonal, setIsPersonal] = useState(true);
-    const [showDayPicker, setShowDayPicker] = useState(false);
     const [returnField, setReturnField] = useState(null);
     const [accountCreationError, setAccountCreationError] = useState(null);
     const dispatch = useDispatch();
@@ -62499,17 +62478,18 @@ const ManualAccountForm = React__default.forwardRef(
       return () => createManualAccount$.unsubscribe();
     }, [saving]);
     const shouldFocus = (field, returnField2, i) => returnField2 ? returnField2 === field : i === 0;
-    if (showDayPicker) {
+    if (props.showDayPicker) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         DayOfMonthPicker,
         {
           "data-test": "day-of-month-picker",
-          handleClose: () => setShowDayPicker(false),
+          handleClose: () => props.setShowDayPicker(false),
           handleSelect: (e) => {
             handleTextInputChange(e);
-            setShowDayPicker(false);
+            props.setShowDayPicker(false);
           },
-          name: "day_payment_is_due"
+          name: "day_payment_is_due",
+          ref
         }
       );
     }
@@ -62570,11 +62550,11 @@ const ManualAccountForm = React__default.forwardRef(
                 name: field.name,
                 onChange: () => {
                   setReturnField(field.name);
-                  setShowDayPicker(true);
+                  props.setShowDayPicker(true);
                 },
                 onClick: () => {
                   setReturnField(field.name);
-                  setShowDayPicker(true);
+                  props.setShowDayPicker(true);
                 },
                 value: values[field.name]
               }
@@ -62821,6 +62801,7 @@ const ManualAccountConnect = React__default.forwardRef((props, ref) => {
   const formRef = useRef(null);
   const menuRef = useRef(null);
   const postMessageFunctions = useContext(PostMessageContext);
+  const [showDayPicker, setShowDayPicker] = useState(false);
   const [state, dispatch] = useReducer(reducer$1, {
     showForm: false,
     showSuccess: false,
@@ -62840,13 +62821,13 @@ const ManualAccountConnect = React__default.forwardRef((props, ref) => {
         }
       },
       showBackButton() {
-        if (state.showSuccess) {
+        if (state.showSuccess || showDayPicker) {
           return false;
         }
         return menuRef.current || formRef.current;
       }
     };
-  }, [state]);
+  }, [state, showDayPicker]);
   const handleAccountTypeSelect = (accountType) => {
     dispatch({ type: Actions.SELECT_ACCOUNT_TYPE, payload: accountType });
   };
@@ -62876,7 +62857,9 @@ const ManualAccountConnect = React__default.forwardRef((props, ref) => {
       handleSuccess: () => {
         dispatch({ type: Actions.HANDLE_SUCCESS });
       },
-      ref: formRef
+      ref: formRef,
+      setShowDayPicker,
+      showDayPicker
     }
   ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
     ManualAccountMenu,
@@ -65094,7 +65077,7 @@ const Connect$2 = ({
 }) => {
   const connectConfig = useSelector(selectConnectConfig);
   const loadError = useSelector((state2) => state2.connect.loadError);
-  const hasAtriumAPI = useSelector((state2) => state2.profiles.client?.has_atrium_api);
+  const hasAtriumAPI = useSelector((state2) => state2.profiles.client.has_atrium_api);
   const isLoading = useSelector((state2) => state2.connect.isComponentLoading);
   const isMobileWebview = useSelector(selectIsMobileWebView);
   const isVerificationEnabled = useSelector(