@shopgate/engage 7.30.0-alpha.9 → 7.30.0-beta.2

package/tracking/components/PrivacySettings/index.js

@@ -11,6 +11,7 @@ import connect from "./connector";
  * The PrivacySettings component.
  * @returns {JSX.Element}
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PrivacySettings = ({
   acceptAllCookies,
   acceptSelectedCookies,
@@ -42,85 +43,110 @@ const PrivacySettings = ({
     setAreComfortCookiesSelected(true);
     acceptAllCookies();
   }, [acceptAllCookies]);
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/_jsxs(Grid, {
     component: "div",
-    className: styles.container
-  }, /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div",
-    className: styles.item
-  }, showComfortCookiesToggle ? /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div",
-    className: styles.switchWrapper
-  }, /*#__PURE__*/React.createElement(Switch, {
-    onChange: handleChangeComfortCookies,
-    checked: areComfortCookiesSelected,
-    a11yFallbackText: `${i18n.text(settingsComfortTitle || 'cookieSettings.comfortTitle')}. ${i18n.text(settingsComfortText || 'cookieSettings.comfort')}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.title
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsComfortTitle || 'cookieSettings.comfortTitle'
-  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsComfortText || 'cookieSettings.comfort'
-  })))) : null, /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div",
-    className: styles.switchWrapper
-  }, /*#__PURE__*/React.createElement(Switch, {
-    onChange: handleChangeStatisticsCookies,
-    checked: areStatisticsCookiesSelected,
-    a11yFallbackText: `${i18n.text(settingsStatisticsTitle || 'cookieSettings.statisticsTitle')}. ${i18n.text(settingsStatisticsText || 'cookieSettings.statistics')}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.title
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsStatisticsTitle || 'cookieSettings.statisticsTitle'
-  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsStatisticsText || 'cookieSettings.statistics'
-  })))), /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div",
-    className: styles.switchWrapper
-  }, /*#__PURE__*/React.createElement(Switch, {
-    disabled: true,
-    checked: true,
-    a11yFallbackText: `${i18n.text(settingsRequiredTitle || 'cookieSettings.requiredTitle')}. ${i18n.text(settingsRequiredText || 'cookieSettings.required')}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.title
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsRequiredTitle || 'cookieSettings.requiredTitle'
-  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: settingsRequiredText || 'cookieSettings.required'
-  }))))), /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div",
-    className: styles.buttonWrapper
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: () => handleAcceptAllCookies(),
-    type: "primary",
-    className: classNames(styles.button, 'privacy-settings__button-accept-all')
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "cookieConsentModal.buttonAcceptAll"
-  })), /*#__PURE__*/React.createElement(Button, {
-    onClick: () => acceptSelectedCookies({
-      comfortCookiesAccepted: areComfortCookiesSelected,
-      statisticsCookiesAccepted: areStatisticsCookiesSelected
-    }),
-    type: "simple",
-    className: classNames(styles.button, 'privacy-settings__button-accept-selected')
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "cookieConsentModal.modalButtonConfirmSelected"
-  }))), /*#__PURE__*/React.createElement(Grid.Item, {
-    component: "div"
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "cookieSettings.privacy"
-  }, /*#__PURE__*/React.createElement(I18n.Placeholder, {
-    forKey: "privacyLink"
-  }, /*#__PURE__*/React.createElement(ConditionalWrapper, {
-    condition: !!privacyPolicyLink,
-    wrapper: children => /*#__PURE__*/React.createElement(Link, {
-      href: privacyPolicyLink,
-      tag: "span"
-    }, children)
-  }, /*#__PURE__*/React.createElement(I18n.Text, {
-    string: "cookieConsentModal.privacyText",
-    className: styles.link
-  }))))));
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs(Grid.Item, {
+      component: "div",
+      className: styles.item,
+      children: [showComfortCookiesToggle ? /*#__PURE__*/_jsx(Grid.Item, {
+        component: "div",
+        className: styles.switchWrapper,
+        children: /*#__PURE__*/_jsxs(Switch, {
+          onChange: handleChangeComfortCookies,
+          checked: areComfortCookiesSelected,
+          a11yFallbackText: `${i18n.text(settingsComfortTitle || 'cookieSettings.comfortTitle')}. ${i18n.text(settingsComfortText || 'cookieSettings.comfort')}`,
+          children: [/*#__PURE__*/_jsx("span", {
+            className: styles.title,
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsComfortTitle || 'cookieSettings.comfortTitle'
+            })
+          }), /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsComfortText || 'cookieSettings.comfort'
+            })
+          })]
+        })
+      }) : null, /*#__PURE__*/_jsx(Grid.Item, {
+        component: "div",
+        className: styles.switchWrapper,
+        children: /*#__PURE__*/_jsxs(Switch, {
+          onChange: handleChangeStatisticsCookies,
+          checked: areStatisticsCookiesSelected,
+          a11yFallbackText: `${i18n.text(settingsStatisticsTitle || 'cookieSettings.statisticsTitle')}. ${i18n.text(settingsStatisticsText || 'cookieSettings.statistics')}`,
+          children: [/*#__PURE__*/_jsx("span", {
+            className: styles.title,
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsStatisticsTitle || 'cookieSettings.statisticsTitle'
+            })
+          }), /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsStatisticsText || 'cookieSettings.statistics'
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Grid.Item, {
+        component: "div",
+        className: styles.switchWrapper,
+        children: /*#__PURE__*/_jsxs(Switch, {
+          disabled: true,
+          checked: true,
+          a11yFallbackText: `${i18n.text(settingsRequiredTitle || 'cookieSettings.requiredTitle')}. ${i18n.text(settingsRequiredText || 'cookieSettings.required')}`,
+          children: [/*#__PURE__*/_jsx("span", {
+            className: styles.title,
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsRequiredTitle || 'cookieSettings.requiredTitle'
+            })
+          }), /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: settingsRequiredText || 'cookieSettings.required'
+            })
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Grid.Item, {
+      component: "div",
+      className: styles.buttonWrapper,
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: () => handleAcceptAllCookies(),
+        type: "primary",
+        className: classNames(styles.button, 'privacy-settings__button-accept-all'),
+        children: /*#__PURE__*/_jsx(I18n.Text, {
+          string: "cookieConsentModal.buttonAcceptAll"
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: () => acceptSelectedCookies({
+          comfortCookiesAccepted: areComfortCookiesSelected,
+          statisticsCookiesAccepted: areStatisticsCookiesSelected
+        }),
+        type: "simple",
+        className: classNames(styles.button, 'privacy-settings__button-accept-selected'),
+        children: /*#__PURE__*/_jsx(I18n.Text, {
+          string: "cookieConsentModal.modalButtonConfirmSelected"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Grid.Item, {
+      component: "div",
+      children: /*#__PURE__*/_jsx(I18n.Text, {
+        string: "cookieSettings.privacy",
+        children: /*#__PURE__*/_jsx(I18n.Placeholder, {
+          forKey: "privacyLink",
+          children: /*#__PURE__*/_jsx(ConditionalWrapper, {
+            condition: !!privacyPolicyLink,
+            wrapper: children => /*#__PURE__*/_jsx(Link, {
+              href: privacyPolicyLink,
+              tag: "span",
+              children: children
+            }),
+            children: /*#__PURE__*/_jsx(I18n.Text, {
+              string: "cookieConsentModal.privacyText",
+              className: styles.link
+            })
+          })
+        })
+      })
+    })]
+  });
 };
 PrivacySettings.defaultProps = {
   comfortCookiesAcceptedState: null,