tf-checkout-react 1.3.6 → 1.3.7

package/dist/components/ticketsContainer/PromoCodeSection.d.ts

@@ -7,5 +7,7 @@ export interface IPromoCodeSectionProps {
     setShowPromoInput: (value: boolean) => void;
     updateTickets: (value: boolean, type: string) => void;
     setCodeIsApplied: (value: boolean) => void;
+    codeIsInvalid: boolean;
+    setCodeIsInvalid: (value: boolean) => void;
 }
-export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid }: IPromoCodeSectionProps) => JSX.Element;

package/dist/images/xmark.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg15"
+   sodipodi:docname="cross red circle.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata19">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     id="namedview17"
+     showgrid="false"
+     inkscape:zoom="4.9166667"
+     inkscape:cx="-11.694915"
+     inkscape:cy="40.271186"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g13" />
+  <defs
+     id="defs7">
+    <linearGradient
+       id="linearGradient828"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1;"
+         offset="0"
+         id="stop826" />
+    </linearGradient>
+    <linearGradient
+       id="0"
+       gradientUnits="userSpaceOnUse"
+       y1="47.37"
+       x2="0"
+       y2="-1.429">
+      <stop
+         stop-color="#c52828"
+         id="stop2" />
+      <stop
+         offset="1"
+         stop-color="#ff5454"
+         id="stop4" />
+    </linearGradient>
+  </defs>
+  <g
+     transform="matrix(.99999 0 0 .99999-58.37.882)"
+     enable-background="new"
+     id="g13"
+     style="fill-opacity:1">
+    <circle
+       cx="82.37"
+       cy="23.12"
+       r="24"
+       fill="url(#0)"
+       id="circle9"
+       style="fill-opacity:1;fill:#dd3333" />
+    <path
+       d="m87.77 23.725l5.939-5.939c.377-.372.566-.835.566-1.373 0-.54-.189-.997-.566-1.374l-2.747-2.747c-.377-.372-.835-.564-1.373-.564-.539 0-.997.186-1.374.564l-5.939 5.939-5.939-5.939c-.377-.372-.835-.564-1.374-.564-.539 0-.997.186-1.374.564l-2.748 2.747c-.377.378-.566.835-.566 1.374 0 .54.188.997.566 1.373l5.939 5.939-5.939 5.94c-.377.372-.566.835-.566 1.373 0 .54.188.997.566 1.373l2.748 2.747c.377.378.835.564 1.374.564.539 0 .997-.186 1.374-.564l5.939-5.939 5.94 5.939c.377.378.835.564 1.374.564.539 0 .997-.186 1.373-.564l2.747-2.747c.377-.372.566-.835.566-1.373 0-.54-.188-.997-.566-1.373l-5.939-5.94"
+       fill="#fff"
+       fill-opacity=".842"
+       id="path11"
+       style="fill-opacity:1;fill:#ffffff" />
+  </g>
+</svg>

package/dist/tf-checkout-react.cjs.development.js

@@ -5105,7 +5105,9 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       setCode = _ref.setCode,
       setShowPromoInput = _ref.setShowPromoInput,
       updateTickets = _ref.updateTickets,
-      setCodeIsApplied = _ref.setCodeIsApplied;
+      setCodeIsApplied = _ref.setCodeIsApplied,
+      codeIsInvalid = _ref.codeIsInvalid,
+      setCodeIsInvalid = _ref.setCodeIsInvalid;
   var isPromoCodeHasValue = !!code.trim();
 
   var renderInputField = function renderInputField() {
@@ -5147,12 +5149,19 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React__default.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, !showPromoInput && React__default.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, codeIsInvalid ? React__default.createElement("div", {
+    className: "alert-info fail"
+  }, React__default.createElement(SVG, {
+    src: getImage('xmark.svg')
+  }), React__default.createElement("p", {
+    className: "promo-code-fail"
+  }, "Invalid Promo Code")) : null, !showPromoInput && React__default.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
       setCodeIsApplied(false);
       setShowPromoInput(true);
+      setCodeIsInvalid(false);
     }
   }, "Got a promo code? Click here"), showPromoInput && renderInputField());
 };
@@ -5436,17 +5445,21 @@ var TicketsContainer = function TicketsContainer(_ref) {
       codeIsApplied = _useState12[0],
       setCodeIsApplied = _useState12[1];
 
-  var _useState13 = React.useState(isAccessCodeEnabled),
-      showAccessCodeSection = _useState13[0],
-      setShowAccessCodeSection = _useState13[1];
+  var _useState13 = React.useState(false),
+      codeIsInvalid = _useState13[0],
+      setCodeIsInvalid = _useState13[1];
 
-  var _useState14 = React.useState(isPromotionsEnabled),
-      showPromoCodeSection = _useState14[0],
-      setShowPromoCodeSection = _useState14[1];
+  var _useState14 = React.useState(isAccessCodeEnabled),
+      showAccessCodeSection = _useState14[0],
+      setShowAccessCodeSection = _useState14[1];
 
-  var _useState15 = React.useState(null),
-      error = _useState15[0],
-      setError = _useState15[1];
+  var _useState15 = React.useState(isPromotionsEnabled),
+      showPromoCodeSection = _useState15[0],
+      setShowPromoCodeSection = _useState15[1];
+
+  var _useState16 = React.useState(null),
+      error = _useState16[0],
+      setError = _useState16[1];
 
   var ticketsContainerRef = React.useRef(null);
   React.useEffect(function () {
@@ -5558,6 +5571,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               if (response.data.success) {
                 attributes = _get(response, 'data.data.attributes');
                 type === 'promo' && setCodeIsApplied(attributes.ValidPromoCode);
+                type === 'promo' && setCodeIsInvalid(!attributes.ValidPromoCode);
                 setTickets(_get(attributes, 'tickets'));
                 setShowWaitingList(attributes.showWaitingList);
                 onGetTicketsSuccess(response.data);
@@ -5877,7 +5891,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     showPromoInput: showPromoInput,
     setShowPromoInput: setShowPromoInput,
     setCode: setCode,
-    updateTickets: updateTickets
+    updateTickets: updateTickets,
+    codeIsInvalid: codeIsInvalid,
+    setCodeIsInvalid: setCodeIsInvalid
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",