design-system-silkhaus 1.1.1-beta.promo-dialog.3 → 1.1.1-beta.promo-dialog.4

package/dist/index.d.ts

@@ -419,6 +419,7 @@ export declare interface PromoDialogProps {
     onPrimaryBtnClick?: (email: string) => void;
     onSecondaryBtnClick?: () => void;
     onCloseButtonClick?: () => void;
+    showRecaptchaBranding?: boolean;
 }
 
 export declare const QuestionMarkIcon: FC<{

package/dist/index.js

@@ -29863,18 +29863,19 @@ const M5 = he.forwardRef(
     warningText: s = "Don’t worry - we don’t spam.",
     onPrimaryBtnClick: l,
     onSecondaryBtnClick: u,
-    onCloseButtonClick: c
-  }, d) => {
-    const [f, h] = kt(""), [g, p] = kt(""), [y, b] = kt(!1), m = (R) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(R), C = (R) => {
-      const { value: I } = R.target;
-      h(I), m(I) ? p("") : p("Please enter a valid email address.");
-    }, M = () => {
-      m(f) ? (l && l(f), b(!y)) : p("Please enter a valid email address.");
+    onCloseButtonClick: c,
+    showRecaptchaBranding: d
+  }, f) => {
+    const [h, g] = kt(""), [p, y] = kt(""), [b, m] = kt(!1), C = (I) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(I), M = (I) => {
+      const { value: j } = I.target;
+      g(j), C(j) ? y("") : y("Please enter a valid email address.");
+    }, R = () => {
+      C(h) ? (l && l(h), m(!b)) : y("Please enter a valid email address.");
     };
     return /* @__PURE__ */ D.jsxs(
       "div",
       {
-        ref: d,
+        ref: f,
         className: "overflow-hidden ds-grid ds-grid-cols-1 ds-gap-0 ds-rounded ds-bg-white ds-shadow-[0_12px_24px_12px_rgba(0,0,0,0.12)] ds-tablet:ds-grid-cols-2",
         children: [
           /* @__PURE__ */ D.jsx(
@@ -29910,7 +29911,7 @@ const M5 = he.forwardRef(
               )
             }
           ),
-          !y && /* @__PURE__ */ D.jsxs("div", { className: "ds-mb-6 ds-mt-4 ds-px-4", children: [
+          !b && /* @__PURE__ */ D.jsxs("div", { className: "ds-mb-6 ds-mt-4 ds-w-[336px] ds-px-4 ds-tablet:ds-w-[272px]", children: [
             /* @__PURE__ */ D.jsxs("div", { children: [
               /* @__PURE__ */ D.jsx("p", { className: "ds_xSmallBodyRegular ds-tablet:ds_MediumBodyRegular ds-mb-2 ds-text-center", children: r }),
               /* @__PURE__ */ D.jsx("p", { className: "ds_xSmallHeroTitleRegular ds-tablet:ds_MediumHeroTitleRegular ds-mb-2 ds-text-center", children: n }),
@@ -29919,12 +29920,12 @@ const M5 = he.forwardRef(
             /* @__PURE__ */ D.jsx(
               so,
               {
-                color: g ? "error" : "primary",
-                caption: g,
+                color: p ? "error" : "primary",
+                caption: p,
                 type: "email",
                 placeholder: "Enter Your Email",
-                value: f,
-                onChange: C,
+                value: h,
+                onChange: M,
                 className: "ds_xSmallBodyRegular ds-tablet:ds_MediumBodyRegular ds-w-full"
               }
             ),
@@ -29934,7 +29935,7 @@ const M5 = he.forwardRef(
                 color: "primary",
                 size: "large",
                 className: "ds-mb-2 ds-mt-[28px] ds-w-full",
-                onClick: M,
+                onClick: R,
                 children: i
               }
             ),
@@ -29948,9 +29949,32 @@ const M5 = he.forwardRef(
                 children: o
               }
             ),
-            /* @__PURE__ */ D.jsx("p", { className: "ds_xSmallCaption2Regular ds-tablet:ds_MediumCaption2Regular ds-w-full ds-text-center ds-text-Text-secondary", children: s })
+            /* @__PURE__ */ D.jsx("p", { className: "ds_xSmallCaption2Regular ds-tablet:ds_MediumCaption2Regular ds-w-full ds-text-center ds-text-Text-secondary", children: s }),
+            d && /* @__PURE__ */ D.jsxs("div", { className: "ds_xSmallCaption2Regular ds-tablet:ds_MediumCaption2Regular ds-mt-2 ds-w-full ds-text-center ds-text-Text-secondary", children: [
+              "This site is protected by reCAPTCHA and the Google ",
+              /* @__PURE__ */ D.jsx(
+                "a",
+                {
+                  className: "ds-font-bold ds-text-Background-accentEggplant-100",
+                  href: "https://policies.google.com/privacy",
+                  children: "Privacy Policy"
+                }
+              ),
+              " ",
+              "and ",
+              /* @__PURE__ */ D.jsx(
+                "a",
+                {
+                  className: "ds-font-bold ds-text-Background-accentEggplant-100",
+                  href: "https://policies.google.com/terms",
+                  children: "Terms of Service"
+                }
+              ),
+              " ",
+              "apply."
+            ] })
           ] }),
-          y && /* @__PURE__ */ D.jsxs("div", { className: "ds-mt-[100px] ds-tablet:ds-mt-[157px]", children: [
+          b && /* @__PURE__ */ D.jsxs("div", { className: "ds-mt-[100px] ds-tablet:ds-mt-[157px]", children: [
             /* @__PURE__ */ D.jsxs("div", { className: "", children: [
               /* @__PURE__ */ D.jsx("p", { className: "ds_MediumHeroTitleRegular ds-w-full ds-pb-1 ds-text-center", children: "Thank You" }),
               /* @__PURE__ */ D.jsx("p", { className: "ds_MediumBodyRegular ds-w-full ds-pt-1 ds-text-center", children: "Please check your email" })