@mxenabled/connect-widget 2.17.5 → 2.17.7

package/dist/index.es.js

@@ -62404,7 +62404,13 @@ const Disclosure = React__default.forwardRef((_, disclosureRef) => {
     {
       id: "mx-connect-disclosure",
       ref: containerRef,
-      children: showPrivacyPolicy ? /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PrivacyPolicy, { onCancel: () => setShowPrivacyPolicy(false) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      children: showPrivacyPolicy ? /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PrivacyPolicy,
+        {
+          onCancel: () => setShowPrivacyPolicy(false),
+          showExternalLinkPopup
+        }
+      ) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectInstitutionHeader, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.flexGroup, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(L, { "data-test": "disclosure-title", style: styles.title, truncate: false, variant: "H2", children: _p("connect/disclosure/title", "Connect your account") }),
@@ -62465,7 +62471,9 @@ const Disclosure = React__default.forwardRef((_, disclosureRef) => {
                         scrollToTop(containerRef);
                         setShowPrivacyPolicy(true);
                       } else {
-                        goToUrlLink("https://www.mx.com/privacy/", true);
+                        const locale = getLocale();
+                        const privacyUrl = locale === "fr-ca" ? "https://www.mx.com/fr/privacy/" : "https://www.mx.com/privacy/";
+                        goToUrlLink(privacyUrl, true);
                       }
                     },
                     style: styles.link,
@@ -75891,8 +75899,8 @@ const TouchIndicator = ({
   const { hover, selected } = theme.palette.action;
   const styles = {
     position: "absolute",
-    height: "36px",
-    width: "36px",
+    height: "37px",
+    width: "37px",
     background: `radial-gradient(circle, ${hover} 0%, ${selected} 100%)`,
     stroke: theme.palette.divider,
     filter: "drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12))",
@@ -75906,7 +75914,7 @@ const TouchIndicator = ({
 
 const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
   const theme = useTheme();
-  const checkboxSize = "1em";
+  const checkboxSize = "15px";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "aria-hidden": "true", style: { position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
@@ -75921,6 +75929,7 @@ const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
           marginTop: "8px",
           marginBottom: "8px",
           marginRight: "12px",
+          marginLeft: "4px",
           width: checkboxSize,
           height: checkboxSize
         },
@@ -75928,7 +75937,7 @@ const ExampleCheckbox = ({ id, showTouchIndicator, pseudoFocusColor }) => {
         type: "checkbox"
       }
     ),
-    showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(TouchIndicator, { style: { left: "-9px", top: "-4px" } }),
+    showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(TouchIndicator, { style: { left: "-8px", top: "-4px" } }),
     showTouchIndicator && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
@@ -76052,7 +76061,7 @@ function PredirectInstructions(props) {
             break;
         }
         const isLastItem = index === checkboxItems.length - 1;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ExampleCheckbox,
@@ -76063,9 +76072,9 @@ function PredirectInstructions(props) {
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(L, { className: "psuedo-checkbox-label", variant: "body1", children: text })
-          ] }, item),
-          !isLastItem && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}, `divider-${index}`)
-        ] });
+          ] }),
+          !isLastItem && /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {})
+        ] }, item);
       }) }) })
     ] }) })
   ] });
@@ -77013,7 +77022,13 @@ const DisclosureInterstitial = React__default.forwardRef((props, interstitialNav
     }
   };
   if (currentView === VIEWS$1.PRIVACY_POLICY) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(PrivacyPolicy, { onCancel: () => setCurrentView(VIEWS$1.INTERSTITIAL_DISCLOSURE) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PrivacyPolicy,
+      {
+        onCancel: () => setCurrentView(VIEWS$1.INTERSTITIAL_DISCLOSURE),
+        showExternalLinkPopup
+      }
+    );
   } else if (currentView === VIEWS$1.DATA_REQUESTED) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(DataRequested, { setCurrentView });
   } else if (currentView === VIEWS$1.AVAILABLE_DATA) {
@@ -77136,7 +77151,9 @@ const DisclosureInterstitial = React__default.forwardRef((props, interstitialNav
               scrollToTop();
               setCurrentView(VIEWS$1.PRIVACY_POLICY);
             } else {
-              goToUrlLink("https://www.mx.com/privacy/", true);
+              const locale = getLocale();
+              const privacyUrl = locale === "fr-ca" ? "https://www.mx.com/fr/privacy/" : "https://www.mx.com/privacy/";
+              goToUrlLink(privacyUrl, true);
             }
           },
           style: styles.link,