@royaloperahouse/harmonic 0.17.0-j → 0.17.0-l

package/dist/components/molecules/Paywall/Paywall.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaywallProps } from '../../../types/types';
-declare const Paywall: ({ className, title, intro, description, buttonText, buttonUrl, signInPromptText, signInLinkUrl, }: PaywallProps) => React.JSX.Element;
+declare const Paywall: ({ className, title, intro, description, buttonOnClick, buttonText, buttonUrl, signInLinkOnClick, signInPromptText, signInLinkUrl, }: PaywallProps) => React.JSX.Element;
 export default Paywall;

package/dist/harmonic.cjs.development.js

@@ -8494,7 +8494,7 @@ var _excluded$l = ["text"],
   _excluded3$1 = ["text"];
 var _buttonTypeToButton$1;
 var LENGTH_TEXT$1 = 28;
-var LENGTH_TEXT_PARAGRAPH = 130;
+var LENGTH_TEXT_PARAGRAPH = 185;
 var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
 var PromoWithTags = function PromoWithTags(_ref) {
   var _ref$imagePosition = _ref.imagePosition,
@@ -11079,7 +11079,7 @@ var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
 var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
   size: 'large'
 })(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    margin-bottom: 27px;\n\n    @media ", " {\n      margin-bottom: 20px;\n    }\n  }\n"])), devices.mobile);
-var SignInLink = /*#__PURE__*/styled__default.a(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--primary-black);\n  text-decoration: underline;\n  text-decoration-skip: none;\n"])));
+var SignInLink = /*#__PURE__*/styled__default.a(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--primary-black);\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-skip: none;\n"])));
 var SignInPrompt = /*#__PURE__*/styled__default(BodyCopyHarmonic).attrs({
   size: 'large'
 })(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
@@ -11089,8 +11089,10 @@ var Paywall = function Paywall(_ref) {
     title = _ref.title,
     intro = _ref.intro,
     description = _ref.description,
+    buttonOnClick = _ref.buttonOnClick,
     buttonText = _ref.buttonText,
     buttonUrl = _ref.buttonUrl,
+    signInLinkOnClick = _ref.signInLinkOnClick,
     signInPromptText = _ref.signInPromptText,
     signInLinkUrl = _ref.signInLinkUrl;
   return /*#__PURE__*/React__default.createElement(Container$7, {
@@ -11099,9 +11101,11 @@ var Paywall = function Paywall(_ref) {
     html: description
   }), /*#__PURE__*/React__default.createElement(Button$2, {
     href: buttonUrl,
+    onClick: buttonOnClick,
     role: "button"
   }, buttonText), !!(signInPromptText && signInLinkUrl) && (/*#__PURE__*/React__default.createElement(SignInPrompt, null, signInPromptText + " ", /*#__PURE__*/React__default.createElement(SignInLink, {
-    href: signInLinkUrl
+    href: signInLinkUrl,
+    onClick: signInLinkOnClick
   }, "Sign in"))));
 };