summit-registration-lite 7.0.0 → 7.0.2

package/dist/utils/constants.js

@@ -62,6 +62,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ORDER_STATUS_PAID": () => (/* binding */ ORDER_STATUS_PAID),
 /* harmony export */   "PAYMENT_PROVIDER_LAWPAY": () => (/* binding */ PAYMENT_PROVIDER_LAWPAY),
 /* harmony export */   "PAYMENT_PROVIDER_STRIPE": () => (/* binding */ PAYMENT_PROVIDER_STRIPE),
+/* harmony export */   "PROMO_STATUS": () => (/* binding */ PROMO_STATUS),
 /* harmony export */   "PURCHASE_COMPLETE": () => (/* binding */ PURCHASE_COMPLETE),
 /* harmony export */   "RESEND_TIME": () => (/* binding */ RESEND_TIME),
 /* harmony export */   "STEP_COMPLETE": () => (/* binding */ STEP_COMPLETE),
@@ -114,7 +115,16 @@ const PURCHASE_COMPLETE = 'purchase_complete'; // ERRORS
 
 const ERROR_TYPE_ERROR = 'error_type_error';
 const ERROR_TYPE_VALIDATION = 'error_type_validation';
-const ERROR_TYPE_PAYMENT = 'error_type_payment'; // PROVIDERS
+const ERROR_TYPE_PAYMENT = 'error_type_payment'; // PROMO CODE STATUS
+
+const PROMO_STATUS = {
+  IDLE: 'idle',
+  SUGGESTED: 'suggested',
+  APPLYING: 'applying',
+  VALIDATING: 'validating',
+  VALID: 'valid',
+  INVALID: 'invalid'
+}; // PROVIDERS
 
 const PAYMENT_PROVIDER_STRIPE = 'Stripe';
 const PAYMENT_PROVIDER_LAWPAY = 'LawPay';

package/dist/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils/constants.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;UCVA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAMA,kBAAkB,GAAG,mBAA3B;AACA,MAAMC,gCAAgC,GAAG,uBAAzC;AACA,MAAMC,yBAAyB,GAAG,gBAAlC;AACA,MAAMC,kBAAkB,GAAG,SAA3B;AACA,MAAMC,cAAc,GAAG,SAAvB;AACA,MAAMC,gBAAgB,GAAG,SAAzB;AACA,MAAMC,gBAAgB,GAAG,iBAAzB;AAEA,MAAMC,YAAY,GAAG,sJAArB;AAEA,MAAMC,mBAAmB,GAAG,QAA5B;AACA,MAAMC,oBAAoB,GAAG,aAA7B;AACA,MAAMC,uBAAuB,GAAG,YAAhC;AAEA,MAAMC,2BAA2B,GAAG,SAApC;AACA,MAAMC,iBAAiB,GAAG,MAA1B;AACA,MAAMC,4BAA4B,GAAG,SAArC;AAEA,MAAMC,uBAAuB,GAAG,CAAhC;AACA,MAAMC,kBAAkB,GAAG,CAA3B;AACA,MAAMC,YAAY,GAAG,CAArB;AACA,MAAMC,aAAa,GAAG,CAAtB;AAEA,MAAMC,WAAW,GAAG,EAApB,EAEP;;AACO,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,cAAc,GAAG,gBAAvB;AACA,MAAMC,iBAAiB,GAAG,mBAA1B,EACP;;AACO,MAAMC,gBAAgB,GAAE,kBAAxB;AACA,MAAMC,qBAAqB,GAAG,uBAA9B;AACA,MAAMC,kBAAkB,GAAG,oBAA3B,EACP;;AAEO,MAAMC,uBAAuB,GAAG,QAAhC;AACA,MAAMC,uBAAuB,GAAG,QAAhC,C","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/webpack/bootstrap","webpack://summit-registration-lite/webpack/runtime/define property getters","webpack://summit-registration-lite/webpack/runtime/hasOwnProperty shorthand","webpack://summit-registration-lite/webpack/runtime/make namespace object","webpack://summit-registration-lite/./src/utils/constants.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"summit-registration-lite\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"summit-registration-lite\"] = factory();\n\telse\n\t\troot[\"summit-registration-lite\"] = factory();\n})(this, function() {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","/**\n * Copyright 2022 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nexport const AUTH_ERROR_MESSAGE = 'Missing Auth info';\nexport const AUTH_ERROR_MISSING_REFRESH_TOKEN = \"missing Refresh Token\";\nexport const AUTH_ERROR_REQUEST_FAILED = 'Request failed';\nexport const VirtualAccessLevel = 'VIRTUAL';\nexport const DefaultBGColor = '#000000';\nexport const DefaultTextColor = '#FFFFFF';\nexport const DefaultHintColor = 'rgb(58, 63, 65)';\n\nexport const EMAIL_REGEXP = /(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/;\n\nexport const TICKET_OWNER_MYSELF = 'myself';\nexport const TICKET_OWNER_SOMEONE = 'someoneElse';\nexport const TICKET_OWNER_UNASSIGNED = 'unassigned';\n\nexport const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';\nexport const ORDER_STATUS_PAID = 'Paid';\nexport const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';\n\nexport const STEP_SELECT_TICKET_TYPE = 0;\nexport const STEP_PERSONAL_INFO = 1;\nexport const STEP_PAYMENT = 2;\nexport const STEP_COMPLETE = 3;\n\nexport const RESEND_TIME = 60;\n\n// ANALYTICS\nexport const VIEW_ITEM = 'view_item';\nexport const ADD_TO_CART = 'add_to_cart';\nexport const BEGIN_CHECKOUT = 'begin_checkout';\nexport const PURCHASE_COMPLETE = 'purchase_complete';\n// ERRORS\nexport const ERROR_TYPE_ERROR= 'error_type_error';\nexport const ERROR_TYPE_VALIDATION = 'error_type_validation';\nexport const ERROR_TYPE_PAYMENT = 'error_type_payment';\n// PROVIDERS\n\nexport const PAYMENT_PROVIDER_STRIPE = 'Stripe';\nexport const PAYMENT_PROVIDER_LAWPAY = 'LawPay';\n\n"],"names":["AUTH_ERROR_MESSAGE","AUTH_ERROR_MISSING_REFRESH_TOKEN","AUTH_ERROR_REQUEST_FAILED","VirtualAccessLevel","DefaultBGColor","DefaultTextColor","DefaultHintColor","EMAIL_REGEXP","TICKET_OWNER_MYSELF","TICKET_OWNER_SOMEONE","TICKET_OWNER_UNASSIGNED","TICKET_TYPE_SUBTYPE_PREPAID","ORDER_STATUS_PAID","ORDER_PAYMENT_METHOD_OFFLINE","STEP_SELECT_TICKET_TYPE","STEP_PERSONAL_INFO","STEP_PAYMENT","STEP_COMPLETE","RESEND_TIME","VIEW_ITEM","ADD_TO_CART","BEGIN_CHECKOUT","PURCHASE_COMPLETE","ERROR_TYPE_ERROR","ERROR_TYPE_VALIDATION","ERROR_TYPE_PAYMENT","PAYMENT_PROVIDER_STRIPE","PAYMENT_PROVIDER_LAWPAY"],"sourceRoot":""}
+{"version":3,"file":"utils/constants.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;UCVA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAMA,kBAAkB,GAAG,mBAA3B;AACA,MAAMC,gCAAgC,GAAG,uBAAzC;AACA,MAAMC,yBAAyB,GAAG,gBAAlC;AACA,MAAMC,kBAAkB,GAAG,SAA3B;AACA,MAAMC,cAAc,GAAG,SAAvB;AACA,MAAMC,gBAAgB,GAAG,SAAzB;AACA,MAAMC,gBAAgB,GAAG,iBAAzB;AAEA,MAAMC,YAAY,GAAG,sJAArB;AAEA,MAAMC,mBAAmB,GAAG,QAA5B;AACA,MAAMC,oBAAoB,GAAG,aAA7B;AACA,MAAMC,uBAAuB,GAAG,YAAhC;AAEA,MAAMC,2BAA2B,GAAG,SAApC;AACA,MAAMC,iBAAiB,GAAG,MAA1B;AACA,MAAMC,4BAA4B,GAAG,SAArC;AAEA,MAAMC,uBAAuB,GAAG,CAAhC;AACA,MAAMC,kBAAkB,GAAG,CAA3B;AACA,MAAMC,YAAY,GAAG,CAArB;AACA,MAAMC,aAAa,GAAG,CAAtB;AAEA,MAAMC,WAAW,GAAG,EAApB,EAEP;;AACO,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,cAAc,GAAG,gBAAvB;AACA,MAAMC,iBAAiB,GAAG,mBAA1B,EAEP;;AACO,MAAMC,gBAAgB,GAAE,kBAAxB;AACA,MAAMC,qBAAqB,GAAG,uBAA9B;AACA,MAAMC,kBAAkB,GAAG,oBAA3B,EAEP;;AACO,MAAMC,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,MADkB;AAExBC,EAAAA,SAAS,EAAE,WAFa;AAGxBC,EAAAA,QAAQ,EAAE,UAHc;AAIxBC,EAAAA,UAAU,EAAE,YAJY;AAKxBC,EAAAA,KAAK,EAAE,OALiB;AAMxBC,EAAAA,OAAO,EAAE;AANe,CAArB,EASP;;AACO,MAAMC,uBAAuB,GAAG,QAAhC;AACA,MAAMC,uBAAuB,GAAG,QAAhC,C","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/webpack/bootstrap","webpack://summit-registration-lite/webpack/runtime/define property getters","webpack://summit-registration-lite/webpack/runtime/hasOwnProperty shorthand","webpack://summit-registration-lite/webpack/runtime/make namespace object","webpack://summit-registration-lite/./src/utils/constants.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"summit-registration-lite\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"summit-registration-lite\"] = factory();\n\telse\n\t\troot[\"summit-registration-lite\"] = factory();\n})(this, function() {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","/**\n * Copyright 2022 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nexport const AUTH_ERROR_MESSAGE = 'Missing Auth info';\nexport const AUTH_ERROR_MISSING_REFRESH_TOKEN = \"missing Refresh Token\";\nexport const AUTH_ERROR_REQUEST_FAILED = 'Request failed';\nexport const VirtualAccessLevel = 'VIRTUAL';\nexport const DefaultBGColor = '#000000';\nexport const DefaultTextColor = '#FFFFFF';\nexport const DefaultHintColor = 'rgb(58, 63, 65)';\n\nexport const EMAIL_REGEXP = /(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/;\n\nexport const TICKET_OWNER_MYSELF = 'myself';\nexport const TICKET_OWNER_SOMEONE = 'someoneElse';\nexport const TICKET_OWNER_UNASSIGNED = 'unassigned';\n\nexport const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';\nexport const ORDER_STATUS_PAID = 'Paid';\nexport const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';\n\nexport const STEP_SELECT_TICKET_TYPE = 0;\nexport const STEP_PERSONAL_INFO = 1;\nexport const STEP_PAYMENT = 2;\nexport const STEP_COMPLETE = 3;\n\nexport const RESEND_TIME = 60;\n\n// ANALYTICS\nexport const VIEW_ITEM = 'view_item';\nexport const ADD_TO_CART = 'add_to_cart';\nexport const BEGIN_CHECKOUT = 'begin_checkout';\nexport const PURCHASE_COMPLETE = 'purchase_complete';\n\n// ERRORS\nexport const ERROR_TYPE_ERROR= 'error_type_error';\nexport const ERROR_TYPE_VALIDATION = 'error_type_validation';\nexport const ERROR_TYPE_PAYMENT = 'error_type_payment';\n\n// PROMO CODE STATUS\nexport const PROMO_STATUS = {\n    IDLE: 'idle',\n    SUGGESTED: 'suggested',\n    APPLYING: 'applying',\n    VALIDATING: 'validating',\n    VALID: 'valid',\n    INVALID: 'invalid',\n};\n\n// PROVIDERS\nexport const PAYMENT_PROVIDER_STRIPE = 'Stripe';\nexport const PAYMENT_PROVIDER_LAWPAY = 'LawPay';\n\n"],"names":["AUTH_ERROR_MESSAGE","AUTH_ERROR_MISSING_REFRESH_TOKEN","AUTH_ERROR_REQUEST_FAILED","VirtualAccessLevel","DefaultBGColor","DefaultTextColor","DefaultHintColor","EMAIL_REGEXP","TICKET_OWNER_MYSELF","TICKET_OWNER_SOMEONE","TICKET_OWNER_UNASSIGNED","TICKET_TYPE_SUBTYPE_PREPAID","ORDER_STATUS_PAID","ORDER_PAYMENT_METHOD_OFFLINE","STEP_SELECT_TICKET_TYPE","STEP_PERSONAL_INFO","STEP_PAYMENT","STEP_COMPLETE","RESEND_TIME","VIEW_ITEM","ADD_TO_CART","BEGIN_CHECKOUT","PURCHASE_COMPLETE","ERROR_TYPE_ERROR","ERROR_TYPE_VALIDATION","ERROR_TYPE_PAYMENT","PROMO_STATUS","IDLE","SUGGESTED","APPLYING","VALIDATING","VALID","INVALID","PAYMENT_PROVIDER_STRIPE","PAYMENT_PROVIDER_LAWPAY"],"sourceRoot":""}

package/e2e/fixtures.js

@@ -0,0 +1,84 @@
+/**
+ * Mock API response factories for e2e tests.
+ * Each factory returns a response body matching the API contract.
+ */
+
+const ticketType = (overrides = {}) => ({
+    id: 188,
+    name: 'Early Bird Ticket',
+    cost: 700,
+    currency: 'USD',
+    currency_symbol: '$',
+    quantity_2_sell: 1000,
+    quantity_sold: 0,
+    max_quantity_per_order: 10,
+    sales_start_date: null,
+    sales_end_date: null,
+    sub_type: 'Regular',
+    audience: 'All',
+    badge_type: { id: 1, name: 'General', access_levels: [], badge_features: [] },
+    ...overrides,
+});
+
+const discoveredCode = (overrides = {}) => ({
+    id: 100,
+    code: 'EARLYBIRD',
+    auto_apply: true,
+    allows_to_reassign: true,
+    quantity_per_account: 3,
+    remaining_quantity_per_account: 3,
+    quantity_available: 100,
+    quantity_used: 0,
+    class_name: 'DOMAIN_AUTHORIZED_DISCOUNT_CODE',
+    amount: 50,
+    rate: 0,
+    allowed_ticket_types: [188],
+    badge_features: [],
+    tags: [],
+    ...overrides,
+});
+
+const discoveryResponse = (codes = []) => ({
+    total: codes.length,
+    per_page: codes.length,
+    current_page: 1,
+    last_page: 1,
+    data: codes,
+});
+
+const ticketTypesResponse = (tickets = []) => ({
+    total: tickets.length,
+    per_page: tickets.length,
+    current_page: 1,
+    last_page: 1,
+    data: tickets,
+});
+
+const taxTypesResponse = (taxes = []) => ({
+    total: taxes.length,
+    per_page: taxes.length,
+    current_page: 1,
+    last_page: 1,
+    data: taxes,
+});
+
+const validationResponse = (overrides = {}) => ({
+    allows_to_reassign: true,
+    ...overrides,
+});
+
+const validationError = (message) => ({
+    message: 'Validation Failed',
+    errors: [message],
+    code: 0,
+});
+
+module.exports = {
+    ticketType,
+    discoveredCode,
+    discoveryResponse,
+    ticketTypesResponse,
+    taxTypesResponse,
+    validationResponse,
+    validationError,
+};

package/e2e/promo-code-discovery.spec.js

@@ -0,0 +1,364 @@
+const { test, expect } = require('@playwright/test');
+const {
+    ticketType,
+    discoveredCode,
+    discoveryResponse,
+    ticketTypesResponse,
+    taxTypesResponse,
+    validationResponse,
+    validationError,
+} = require('./fixtures');
+
+// ── Helpers ──
+
+const setupRoutes = async (page, { discovery = [], tickets = [], taxes = [], validation = null } = {}) => {
+    // Discovery endpoint
+    await page.route('**/promo-codes/all/discover*', route =>
+        route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(discoveryResponse(discovery)) })
+    );
+
+    // Ticket types (with or without promo filter)
+    await page.route('**/ticket-types/allowed*', route =>
+        route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(ticketTypesResponse(tickets)) })
+    );
+
+    // Tax types
+    await page.route('**/tax-types*', route =>
+        route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(taxTypesResponse(taxes)) })
+    );
+
+    // Validation endpoint (if provided)
+    if (validation) {
+        await page.route('**/promo-codes/*/apply*', route => {
+            if (typeof validation === 'function') {
+                validation(route);
+            } else {
+                route.fulfill({
+                    status: validation.status || 200,
+                    contentType: 'application/json',
+                    body: JSON.stringify(validation.body || validationResponse()),
+                });
+            }
+        });
+    }
+};
+
+const selectTicket = async (page, ticketName) => {
+    await page.locator('[data-testid="ticket-dropdown"]').click();
+    await page.locator(`[data-testid="ticket-list"] >> text=${ticketName}`).click();
+};
+
+// ── Discovery scenarios ──
+
+test.describe('no discovery codes', () => {
+    test('shows default promo code UI', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [],
+        });
+        await page.goto('/');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+    });
+
+    test('manual code entry still works', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await page.fill('input[placeholder="Enter your promo code"]', 'MANUALCODE');
+        await page.click('button:has-text("Apply")');
+        await expect(page.locator('input[placeholder="Enter your promo code"][readonly]')).toBeVisible();
+    });
+});
+
+test.describe('suggestion flow (auto_apply: false)', () => {
+    const suggestCode = discoveredCode({ auto_apply: false, code: 'SUGGEST50' });
+
+    test('shows suggestion when qualifying ticket selected', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [suggestCode],
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=You qualify for the following promo code:')).toBeVisible();
+        await expect(page.locator('input[placeholder="Enter your promo code"]')).toHaveValue('SUGGEST50');
+    });
+
+    test('no suggestion for non-qualifying ticket', async ({ page }) => {
+        const nonQualifyingTicket = ticketType({ id: 999, name: 'Standard Ticket' });
+        await setupRoutes(page, {
+            tickets: [nonQualifyingTicket],
+            discovery: [suggestCode],
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Standard Ticket');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+        await expect(page.locator('input[placeholder="Enter your promo code"]')).toHaveValue('');
+    });
+
+    test('suggestion clears when user edits input', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [suggestCode],
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=You qualify for the following promo code:')).toBeVisible();
+        await page.fill('input[placeholder="Enter your promo code"]', 'MYCODE');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+    });
+
+    test('suggestion re-appears when user types discovered code back', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [suggestCode],
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await page.fill('input[placeholder="Enter your promo code"]', 'OTHER');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+        await page.fill('input[placeholder="Enter your promo code"]', 'SUGGEST50');
+        await expect(page.locator('text=You qualify for the following promo code:')).toBeVisible();
+    });
+});
+
+test.describe('auto-apply flow (auto_apply: true)', () => {
+    const autoCode = discoveredCode({ auto_apply: true, code: 'AUTO100' });
+
+    test('auto-applies when qualifying ticket selected', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [autoCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Following promo code was automatically applied:')).toBeVisible();
+        await expect(page.locator('input[placeholder="Enter your promo code"]')).toHaveValue('AUTO100');
+    });
+
+    test('shows suggestion after removing auto-applied code', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [autoCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Following promo code was automatically applied:')).toBeVisible();
+        await page.click('button:has-text("Remove")');
+        await expect(page.locator('text=You qualify for the following promo code:')).toBeVisible();
+    });
+
+    test('does not auto-apply for non-qualifying ticket', async ({ page }) => {
+        const nonQualifyingTicket = ticketType({ id: 999, name: 'Standard Ticket' });
+        await setupRoutes(page, {
+            tickets: [nonQualifyingTicket],
+            discovery: [autoCode],
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Standard Ticket');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+    });
+});
+
+test.describe('per-account limit', () => {
+    test('shows limit notice when code has quantity_per_account', async ({ page }) => {
+        const limitedCode = discoveredCode({ auto_apply: true, quantity_per_account: 2, remaining_quantity_per_account: 2 });
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [limitedCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Promo code limits 2 tickets per account.')).toBeVisible();
+    });
+
+    test('no limit notice when quantity_per_account is 0', async ({ page }) => {
+        const unlimitedCode = discoveredCode({ auto_apply: true, quantity_per_account: 0, remaining_quantity_per_account: null });
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [unlimitedCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Promo code limits')).not.toBeVisible();
+    });
+
+    test('singular ticket text for limit of 1', async ({ page }) => {
+        const singleCode = discoveredCode({ auto_apply: true, quantity_per_account: 1, remaining_quantity_per_account: 1 });
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [singleCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Promo code limits 1 ticket per account.')).toBeVisible();
+    });
+
+    test('disables Next when remaining_quantity_per_account is 0', async ({ page }) => {
+        const exhaustedCode = discoveredCode({ auto_apply: true, quantity_per_account: 2, remaining_quantity_per_account: 0 });
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [exhaustedCode],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('button:has-text("Next")')).toBeDisabled();
+    });
+});
+
+test.describe('non-transferable notice', () => {
+    test('shows notice when allows_to_reassign is false', async ({ page }) => {
+        const nonTransferableCode = discoveredCode({ auto_apply: true, allows_to_reassign: false });
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [nonTransferableCode],
+            validation: { status: 200, body: validationResponse({ allows_to_reassign: false }) },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=This ticket will be automatically assigned to you')).toBeVisible();
+    });
+});
+
+test.describe('validation errors', () => {
+    test('shows error for invalid code', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [],
+            validation: { status: 412, body: validationError('The Promo Code "BAD" is not a valid code.') },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await page.fill('input[placeholder="Enter your promo code"]', 'BAD');
+        await page.click('button:has-text("Apply")');
+        await expect(page.locator('text=Promo code entered is not valid.')).toBeVisible();
+    });
+
+    test('shows error for wrong ticket type', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [],
+            validation: { status: 412, body: validationError('Promo code XYZ can not be applied to Ticket Type Early Bird Ticket.') },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await page.fill('input[placeholder="Enter your promo code"]', 'XYZ');
+        await page.click('button:has-text("Apply")');
+        await expect(page.locator('text=Promo code XYZ can not be applied to Ticket Type Early Bird Ticket.')).toBeVisible();
+    });
+
+    test('error clears when user types', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [ticketType()],
+            discovery: [],
+            validation: { status: 412, body: validationError('The Promo Code "BAD" is not a valid code.') },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await page.fill('input[placeholder="Enter your promo code"]', 'BAD');
+        await page.click('button:has-text("Apply")');
+        await expect(page.locator('text=Promo code entered is not valid.')).toBeVisible();
+        await page.click('button:has-text("Remove")');
+        await page.fill('input[placeholder="Enter your promo code"]', 'NEW');
+        await expect(page.locator('text=Promo code entered is not valid.')).not.toBeVisible();
+    });
+});
+
+test.describe('no tickets available', () => {
+    test('shows no tickets message', async ({ page }) => {
+        await setupRoutes(page, {
+            tickets: [],
+            discovery: [discoveredCode()],
+        });
+        await page.goto('/');
+        await expect(page.locator('text=no tickets currently available')).toBeVisible();
+    });
+});
+
+test.describe('ticket switching with applied code', () => {
+    test('removes discovered code when switching to non-qualifying ticket', async ({ page }) => {
+        const qualifying = ticketType({ id: 188, name: 'Early Bird Ticket' });
+        const nonQualifying = ticketType({ id: 999, name: 'Standard Ticket' });
+        const code = discoveredCode({ auto_apply: true, allowed_ticket_types: [188] });
+
+        await setupRoutes(page, {
+            tickets: [qualifying, nonQualifying],
+            discovery: [code],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Following promo code was automatically applied:')).toBeVisible();
+
+        await selectTicket(page, 'Standard Ticket');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+        await expect(page.locator('input[placeholder="Enter your promo code"]')).toHaveValue('');
+    });
+
+    test('suggestion appears when switching back to qualifying ticket', async ({ page }) => {
+        const qualifying = ticketType({ id: 188, name: 'Early Bird Ticket' });
+        const nonQualifying = ticketType({ id: 999, name: 'Standard Ticket' });
+        const code = discoveredCode({ auto_apply: true, allowed_ticket_types: [188] });
+
+        await setupRoutes(page, {
+            tickets: [qualifying, nonQualifying],
+            discovery: [code],
+            validation: { status: 200, body: validationResponse() },
+        });
+        await page.goto('/');
+
+        // Auto-apply on qualifying
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=Following promo code was automatically applied:')).toBeVisible();
+
+        // Remove
+        await page.click('button:has-text("Remove")');
+
+        // Switch away and back
+        await selectTicket(page, 'Standard Ticket');
+        await selectTicket(page, 'Early Bird Ticket');
+        await expect(page.locator('text=You qualify for the following promo code:')).toBeVisible();
+    });
+});
+
+test.describe('discovery API errors', () => {
+    test('widget works normally when discovery returns 500', async ({ page }) => {
+        page.route('**/promo-codes/all/discover*', route =>
+            route.fulfill({ status: 500, contentType: 'application/json', body: JSON.stringify({ message: 'Internal Server Error' }) })
+        );
+        page.route('**/ticket-types/allowed*', route =>
+            route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(ticketTypesResponse([ticketType()])) })
+        );
+        page.route('**/tax-types*', route =>
+            route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(taxTypesResponse()) })
+        );
+
+        await page.goto('/');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+    });
+
+    test('widget works normally when discovery returns 403', async ({ page }) => {
+        page.route('**/promo-codes/all/discover*', route =>
+            route.fulfill({ status: 403, contentType: 'application/json', body: JSON.stringify({ message: 'Forbidden' }) })
+        );
+        page.route('**/ticket-types/allowed*', route =>
+            route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(ticketTypesResponse([ticketType()])) })
+        );
+        page.route('**/tax-types*', route =>
+            route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(taxTypesResponse()) })
+        );
+
+        await page.goto('/');
+        await expect(page.locator('text=Do you have a promo code?')).toBeVisible();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
@@ -10,7 +10,9 @@
     "serve": "webpack-dev-server --open --config webpack.dev.js",
     "copy-extras": "cp -rf package.json README.md dist",
     "publish-package": "yarn build && yarn publish",
-    "test": "jest --watch"
+    "test": "jest --watch",
+    "test:ci": "jest --ci",
+    "test:e2e": "npx playwright test"
   },
   "author": "santipalenque@gmail.com",
   "license": "Apache-2.0",
@@ -26,6 +28,10 @@
     "setupFilesAfterEnv": [
       "<rootDir>/jest-setup.js"
     ],
+    "testPathIgnorePatterns": [
+      "<rootDir>/node_modules/",
+      "<rootDir>/e2e/"
+    ],
     "transformIgnorePatterns": [
       "<rootDir>/node_modules/(?!react-dnd|dnd-core|@react-dnd)"
     ]
@@ -42,9 +48,11 @@
     "@mui/icons-material": "^5.14.18",
     "@mui/material": "^5.15.20",
     "@mui/utils": "^5.16.8",
+    "@playwright/test": "^1.59.1",
     "@react-pdf/renderer": "^3.1.12",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^11.2.6",
+    "@testing-library/react-hooks": "^8.0.1",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "babel-cli": "^6.26.0",
     "babel-jest": "^26.6.3",
@@ -70,7 +78,6 @@
     "mini-css-extract-plugin": "^2.6.0",
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.21",
-    "node-sass": "^7.0.1",
     "openstack-uicore-foundation": "4.2.14",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path": "^0.12.7",
@@ -87,7 +94,7 @@
     "react-router-dom": "^4.3.1",
     "react-rte": "^0.16.5",
     "react-select": "^2.4.3",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "17",
     "react-tooltip": "^3.11.6",
     "react-transition-group": "^1.2.1",
     "redux": "^3.7.2",
@@ -95,6 +102,7 @@
     "redux-persist": "^5.9.1",
     "redux-thunk": "^2.3.0",
     "regenerator-runtime": "^0.13.7",
+    "sass": "^1.77.0",
     "sass-loader": "^12.6.0",
     "style-loader": "^3.3.1",
     "superagent": "^3.8.1",

package/playwright.config.js

@@ -0,0 +1,26 @@
+const { defineConfig } = require('@playwright/test');
+
+module.exports = defineConfig({
+    testDir: './e2e',
+    timeout: 30000,
+    use: {
+        baseURL: 'https://localhost:8888',
+        ignoreHTTPSErrors: true,
+    },
+    projects: [
+        {
+            name: 'chromium',
+            use: { browserName: 'chromium' },
+        },
+    ],
+    reporter: process.env.CI
+        ? [['html', { open: 'never' }], ['list']]
+        : [['list']],
+    webServer: {
+        command: 'yarn serve',
+        url: 'https://localhost:8888',
+        ignoreHTTPSErrors: true,
+        reuseExistingServer: !process.env.CI,
+        timeout: 120000,
+    },
+});