@royaloperahouse/harmonic 0.17.0 → 0.17.1

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [0.17.1]
+- Paywall: add link click handlers, to support analytics
+
 ## [0.17.0]
 - Paywall: ask users to register, sign in, or become a member
 

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

@@ -11243,7 +11243,7 @@ var Heading = /*#__PURE__*/styled__default(HarmonicHeader).attrs({
 var Intro = /*#__PURE__*/styled__default(HarmonicSubtitle).attrs({
   size: 'large'
 })(_templateObject5$A || (_templateObject5$A = /*#__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$q || (_templateObject6$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--primary-black);\n  text-decoration: underline;\n  text-decoration-skip: none;\n"])));
+var SignInLink = /*#__PURE__*/styled__default.a(_templateObject6$q || (_templateObject6$q = /*#__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$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
@@ -11253,8 +11253,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, {
@@ -11263,9 +11265,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"))));
 };