summit-registration-lite 6.0.9 → 7.0.1

package/.claude/skills/summit-registration-lite-add-provider/SKILL.md

@@ -0,0 +1,155 @@
+---
+name: summit-registration-lite-add-provider
+version: 1.0.0
+description: Scaffold new payment provider with factory registration
+triggers:
+  - add payment provider
+  - new payment gateway
+  - integrate payment
+---
+
+# Add Payment Provider Workflow
+
+Scaffolds a new payment provider class with factory registration, error handling, and test template.
+
+## Steps
+
+1. **Ask for provider details**
+   - Provider name (e.g., "PayPal", "Square")
+   - Provider constant (e.g., "PAYMENT_PROVIDER_PAYPAL")
+   - Gateway-specific fields needed (API keys, client IDs, etc.)
+
+2. **Add constant to utils/constants.js**
+   ```javascript
+   export const PAYMENT_PROVIDER_NEWNAME = 'new_provider_name';
+   ```
+
+3. **Create provider class**
+   File: `src/utils/payment-providers/{name}-provider.js`
+
+   Use StripeProvider as template:
+   - Constructor receives: `{ reservation, summitId, userProfile, access_token, apiBaseUrl, dispatch }`
+   - Implement `payTicket` method with signature:
+     ```javascript
+     payTicket = ({ /* gateway-specific params */, onError = () => {} }) => async (dispatch) => {
+       // Implementation
+     }
+     ```
+   - Handle free/prepaid orders (skip gateway, call `/checkout` directly)
+   - Custom error handler for HTTP status codes (404 → VALIDATION, 500 → ERROR)
+   - Success flow: checkout → CLEAR_RESERVATION → changeStep(STEP_COMPLETE)
+   - Failure flow: removeReservedTicket → changeStep(STEP_PERSONAL_INFO)
+
+4. **Register in factory**
+   File: `src/utils/payment-providers/payment-provider-factory.js`
+
+   Add import and case:
+   ```javascript
+   import { NewProvider } from './new-provider';
+
+   case PAYMENT_PROVIDER_NEWNAME: {
+       currentProvider = new NewProvider({...params});
+       break;
+   }
+   ```
+
+5. **Add provider component** (if custom UI needed)
+   File: `src/components/{name}-component/index.js`
+
+   Handles gateway-specific UI (payment form, buttons, etc.).
+
+6. **Create test file**
+   File: `src/utils/payment-providers/__tests__/{name}-provider.test.js`
+
+   Mock patterns:
+   - Mock API calls (putRequest)
+   - Mock gateway SDK (if any)
+   - Test free/prepaid flow
+   - Test error handling
+
+7. **Update PaymentComponent**
+   File: `src/components/payment/index.js`
+
+   Add conditional rendering for new provider UI.
+
+## Provider Template
+
+```javascript
+import { createAction, putRequest, authErrorHandler } from 'openstack-uicore-foundation/lib/utils/actions';
+import { CLEAR_RESERVATION, PAY_RESERVATION } from '../../actions';
+import { changeStep, removeReservedTicket, startWidgetLoading, stopWidgetLoading } from '../../actions';
+import { isFreeOrder, isPrePaidOrder } from '../utils';
+import { ERROR_TYPE_ERROR, ERROR_TYPE_VALIDATION, STEP_COMPLETE, STEP_PERSONAL_INFO } from '../constants';
+
+export class NewProvider {
+    constructor({ reservation, summitId, userProfile, access_token, apiBaseUrl, dispatch }) {
+        this.reservation = reservation;
+        this.summitId = summitId;
+        this.userProfile = userProfile;
+        this.access_token = access_token;
+        this.apiBaseUrl = apiBaseUrl;
+        this.dispatch = dispatch;
+    }
+
+    payTicket = ({ /* custom params */, onError = () => {} }) => async (dispatch) => {
+        const errorHandler = (err, res) => (dispatch, state) => {
+            let code = err.status;
+            switch (code) {
+                case 404: onError({type: ERROR_TYPE_VALIDATION, msg: res.body.message, exception: null}); break;
+                case 500: onError({type: ERROR_TYPE_ERROR, msg: res.body.message, exception: null}); break;
+                default: authErrorHandler(err, res)(dispatch, state); break;
+            }
+        };
+
+        const normalizedEntity = {
+            billing_address_1: this.userProfile?.address1 || '',
+            billing_address_2: this.userProfile?.address2 || '',
+            billing_address_city: this.userProfile?.locality || '',
+            billing_address_state: this.userProfile?.region || '',
+            billing_address_country: this.userProfile?.country || ''
+        };
+
+        dispatch(startWidgetLoading());
+
+        // Free/prepaid orders
+        if (isFreeOrder(this.reservation) || isPrePaidOrder(this.reservation)) {
+            return this.checkout(normalizedEntity, errorHandler, onError);
+        }
+
+        // Gateway-specific payment flow here
+        // Then call this.checkout() on success
+    };
+
+    checkout = (normalizedEntity, errorHandler, onError) => {
+        const params = { access_token: this.access_token, expand: 'tickets,tickets.owner,...' };
+
+        return putRequest(
+            null,
+            createAction(PAY_RESERVATION),
+            `${this.apiBaseUrl}/api/v1/summits/${this.summitId}/orders/${this.reservation.hash}/checkout`,
+            normalizedEntity,
+            errorHandler
+        )(params)(this.dispatch)
+            .then((payload) => {
+                this.dispatch(stopWidgetLoading());
+                this.dispatch(createAction(CLEAR_RESERVATION)({}));
+                this.dispatch(changeStep(STEP_COMPLETE));
+                return payload;
+            })
+            .catch(e => {
+                this.dispatch(stopWidgetLoading());
+                this.dispatch(removeReservedTicket());
+                this.dispatch(changeStep(STEP_PERSONAL_INFO));
+                onError({type: ERROR_TYPE_ERROR, msg: e?.message, exception: e});
+                return e;
+            });
+    };
+}
+```
+
+## Testing
+
+Run provider tests:
+```bash
+yarn test payment-providers
+```

package/.claude/skills/summit-registration-lite-dev-setup/SKILL.md

@@ -0,0 +1,67 @@
+---
+name: summit-registration-lite-dev-setup
+version: 1.0.0
+description: Clean install and start development server
+triggers:
+  - setup dev environment
+  - start dev server
+  - clean install
+---
+
+# Development Setup Workflow
+
+Cleans existing installation and starts fresh development environment.
+
+## Steps
+
+### Option 1: Clean Setup (Recommended for Issues)
+
+1. **Clean all build artifacts and dependencies**
+   ```bash
+   yarn clean
+   ```
+   Removes `dist/` and `node_modules/`, then reinstalls with `yarn`.
+
+2. **Start dev server**
+   ```bash
+   yarn serve
+   ```
+   Starts webpack-dev-server on default port (usually 8080). Opens browser automatically.
+
+### Option 2: Quick Start (No Clean)
+
+1. **Install dependencies** (if `node_modules/` missing)
+   ```bash
+   yarn
+   ```
+
+2. **Start dev server**
+   ```bash
+   yarn serve
+   ```
+
+## Development Configuration
+
+- **Webpack config:** `webpack.dev.js` (extends `webpack.common.js`)
+- **Environment variables:**
+  - `API_BASE_URL` - API endpoint for development
+  - `ACCESS_TOKEN` - Auth token for standalone testing (stored in localStorage)
+
+Set these in shell or `.env` file:
+```bash
+export API_BASE_URL=https://api.dev.example.com
+export ACCESS_TOKEN=your_dev_token
+```
+
+## Standalone Testing
+
+The widget supports standalone mode in development. Set environment variables before running `yarn serve` to test without parent app.
+
+## Troubleshooting
+
+| Issue | Solution |
+|-------|----------|
+| Port already in use | Kill process: `lsof -ti:8080 | xargs kill` or change port in webpack.dev.js |
+| Stale cache | Run `yarn clean` |
+| Module not found | Delete `node_modules/` and `yarn.lock`, then `yarn` |
+| Hot reload not working | Check webpack-dev-server config, ensure `watchFiles` configured |

package/.claude/skills/summit-registration-lite-publish/SKILL.md

@@ -0,0 +1,64 @@
+---
+name: summit-registration-lite-publish
+version: 1.0.0
+description: Build and publish package to NPM registry
+triggers:
+  - publish to npm
+  - release package
+  - deploy widget
+---
+
+# Package Publishing Workflow
+
+Builds the production bundle and publishes to NPM registry.
+
+## Steps
+
+1. **Verify clean state**
+   ```bash
+   git status
+   ```
+   Ensure no uncommitted changes. If changes exist, ask user to commit or stash first.
+
+2. **Verify version**
+   ```bash
+   cat package.json | grep '"version"'
+   ```
+   Confirm version with user before publishing. Ask if version should be bumped (patch/minor/major).
+
+3. **Build production bundle**
+   ```bash
+   yarn build
+   ```
+   Compiles with webpack.prod.js. Output goes to `dist/`.
+
+4. **Verify build output**
+   ```bash
+   ls -lh dist/
+   ```
+   Check that `index.js` and `index.css` exist.
+
+5. **Publish to NPM**
+   ```bash
+   yarn publish
+   ```
+   Prompts for new version (if not already updated). Requires NPM authentication.
+
+## Alternative: Combined Command
+
+The `yarn publish-package` script combines build and publish:
+```bash
+yarn publish-package
+```
+
+## Prerequisites
+
+- NPM authentication configured (`npm login`)
+- Write access to `summit-registration-lite` package on NPM
+- Clean git working directory (or committed changes)
+
+## Post-Publish
+
+- Tag the release in git: `git tag v{version}`
+- Push tag: `git push origin v{version}`
+- Update CHANGELOG.md with release notes

package/.claude/skills/summit-registration-lite-scaffold-component/SKILL.md

@@ -0,0 +1,152 @@
+---
+name: summit-registration-lite-scaffold-component
+version: 1.0.0
+description: Create new component with folder structure, test file, and SCSS module
+triggers:
+  - create new component
+  - scaffold component
+  - add component
+---
+
+# Component Scaffolding Workflow
+
+Creates a new React component with proper folder structure, SCSS module, and test boilerplate.
+
+## Steps
+
+1. **Ask for component details**
+   - Component name (PascalCase, e.g., "TicketSelector")
+   - Purpose/description
+   - Key props (if known)
+
+2. **Create directory structure**
+   ```
+   src/components/{component-name}/
+   ├── index.js
+   ├── {component-name}.module.scss
+   └── __tests__/
+       └── {component-name}.test.js
+   ```
+
+3. **Generate component file**
+   File: `src/components/{component-name}/index.js`
+
+   Template:
+   ```javascript
+   import React from 'react';
+   import PropTypes from 'prop-types';
+   import styles from './{component-name}.module.scss';
+
+   const ComponentName = ({ prop1, prop2 }) => {
+       return (
+           <div className={styles.container}>
+               {/* Component content */}
+           </div>
+       );
+   };
+
+   ComponentName.propTypes = {
+       prop1: PropTypes.string.isRequired,
+       prop2: PropTypes.func,
+   };
+
+   ComponentName.defaultProps = {
+       prop2: () => {},
+   };
+
+   export default ComponentName;
+   ```
+
+4. **Generate SCSS module**
+   File: `src/components/{component-name}/{component-name}.module.scss`
+
+   Template:
+   ```scss
+   .container {
+       // Component styles
+   }
+   ```
+
+5. **Generate test file**
+   File: `src/components/{component-name}/__tests__/{component-name}.test.js`
+
+   Template:
+   ```javascript
+   import React from 'react';
+   import { render, fireEvent, screen } from '@testing-library/react';
+   import '@testing-library/jest-dom';
+   import ComponentName from '..';
+
+   const mockCallback = jest.fn();
+
+   afterEach(() => {
+       jest.clearAllMocks();
+   });
+
+   describe('ComponentName', () => {
+       it('renders without crashing', () => {
+           const { getByTestId } = render(
+               <ComponentName prop1="test" prop2={mockCallback} />
+           );
+           expect(getByTestId('component-container')).toBeInTheDocument();
+       });
+
+       it('calls callback on interaction', () => {
+           const { getByTestId } = render(
+               <ComponentName prop1="test" prop2={mockCallback} />
+           );
+           fireEvent.click(getByTestId('test-button'));
+           expect(mockCallback).toHaveBeenCalled();
+       });
+   });
+   ```
+
+6. **Add data-testid attributes**
+   Remind user to add `data-testid` attributes to key elements for testing.
+
+## Component Conventions
+
+- **Props:** Use PropTypes for validation, provide defaultProps for optional props
+- **Styles:** Use CSS modules (`.module.scss`) for scoped styles
+- **Testing:** Use `data-testid` for reliable element selection
+- **Exports:** Default export for component, named exports for sub-components/utils if needed
+
+## Redux-Connected Components
+
+For components that need Redux state, use `connect`:
+
+```javascript
+import { connect } from 'react-redux';
+import { someAction } from '../../actions';
+
+const ComponentName = ({ stateValue, someAction }) => {
+    // Component implementation
+};
+
+const mapStateToProps = ({ registration }) => ({
+    stateValue: registration.stateValue,
+});
+
+export default connect(mapStateToProps, { someAction })(ComponentName);
+```
+
+## Testing Redux Components
+
+Wrap in Provider for testing:
+```javascript
+import { Provider } from 'react-redux';
+import { getStore } from '../../store';
+
+const renderWithStore = (component) => {
+    const store = getStore('test-client', 'http://api.test', () => 'mock-token');
+    return render(<Provider store={store}>{component}</Provider>);
+};
+```
+
+## Next Steps After Scaffolding
+
+1. Implement component logic
+2. Add styles
+3. Write tests (aim for key interactions)
+4. Import and use in parent component
+5. Verify in dev server

package/dist/components/index.css

@@ -0,0 +1,34 @@
+.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:12px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.title___NnwWR{padding:15px 0 0 0}.loginCode___dDBup{margin-bottom:10px;font-size:15px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px}.loginCode___dDBup .error___aCF7E{color:#e5424d;font-size:14px;font-weight:bold}.loginCode___dDBup .error___aCF7E a{color:#e5424d;text-decoration:underline}.primaryEmailButton___gH1fC{background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);color:var(--color_input_text_color)}.buttonDisabled___T9tkn{background-color:var(--color_secondary_contrast);color:var(--color_input_text_color_disabled)}.pointerDisabled___qt_HK{pointer-events:none}.email_login_button___seiLi{display:flex;justify-content:space-between;padding:10px 9px;width:100%}.email_login_button___seiLi span{padding:0 0 0 8px;margin:0}.h2Styled___rfIKD{color:var(--color_gray_darker) !important;font-size:18px !important;font-weight:800 !important;display:flex;flex-direction:row}.h2Styled___rfIKD::before,.h2Styled___rfIKD::after{content:"";flex:1 1;border-bottom:1px solid var(--color_gray_dark);margin:auto}.h2Styled___rfIKD::before{margin-right:10px}.h2Styled___rfIKD::after{margin-left:10px}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_input_background_color);padding:0px 15px;border:1px solid var(--color_input_border_color);color:var(--color_text_dark);box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
+
+.passwordlessWrapper___BRQ_s{height:450px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .codeSent___NzYb_{margin-top:10px;color:#e5424d;font-weight:bold;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .logo___qNVrv{width:175px;align-self:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .logo___qNVrv.logoDark___VVYee{display:none}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{font-family:"Monaco", monospace, "OpenSans", Helvetica;height:56px;width:56px;font-size:42px;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:10px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_text_dark);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U button{color:var(--color_text_dark);text-decoration:underline;cursor:pointer;display:inline;border:none;background-color:transparent;padding:0}.passwordlessWrapper___BRQ_s .resend___Nma1U .disabled___fMnzY{color:var(--color_text_med);cursor:not-allowed}html[data-theme='DARK'] .logoLight___vSbn_{display:none}html[data-theme='DARK'] .logoDark___VVYee{display:block !important}html[data-theme='LIGHT'] .logoDark___VVYee{display:none}html[data-theme='LIGHT'] .logoLight___vSbn_{display:block !important}
+
+.step-wrapper{padding:10px;margin:10px;border:1px solid var(--color_input_border_color);border-radius:5px}.summit-registration-lite{color:var(--color_text_dark);font-size:15px;font-smooth:auto !important;-moz-osx-font-smoothing:auto !important;-webkit-font-smoothing:auto !important}.summit-registration-lite input:-moz-placeholder,.summit-registration-lite input::-moz-placeholder{opacity:1}input{outline:none}.registration_company_dll .registration_company_dll_prefix__control{border:1px solid var(--color_primary) !important;border-radius:5px !important}
+
+.title___LksVm{font-weight:bold;cursor:pointer}.form___v5GIx{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___v5GIx div.fieldWrapper___Eoe61{width:48%;border-radius:5px;color:var(--color_input_text_color);border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___v5GIx div.fieldWrapper___Eoe61:first-of-type{width:100%}.form___v5GIx div.fieldWrapper___Eoe61 input{width:100%;background-color:transparent;border:none}.form___v5GIx div.fieldWrapper___Eoe61 input:focus-visible{outline:none}.form___v5GIx div.fieldWrapper___Eoe61 i{position:relative}.form___v5GIx div.fieldWrapper___Eoe61>div{width:100%}.form___v5GIx div.fieldWrapper___Eoe61>div:first-of-type{width:95%}.form___v5GIx input{width:48%;border-radius:5px;color:var(--color_input_text_color);border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);font-size:16px;height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:bold}.form___v5GIx input::placeholder{color:var(--color_text_input_hints)}
+
+.form___zXb7s{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___zXb7s div.fieldWrapper___G4Wqw{width:100%;margin-bottom:5px}.form___zXb7s div.fieldWrapper___G4Wqw:first-of-type div.inputWrapper___Yz5zB{width:100%}.form___zXb7s div.fieldWrapper___G4Wqw .fieldRow___NfZdJ{justify-content:space-between;display:flex}.form___zXb7s div.fieldWrapper___G4Wqw div.inputWrapper___Yz5zB{width:48%}.form___zXb7s div.fieldWrapper___G4Wqw div.inputWrapper___Yz5zB.addressField___vmAQh{width:100%}.form___zXb7s div.lawpayWrapper___hpUBf{height:36px}.form___zXb7s div.dateWrapper___XDfqs{display:flex;justify-content:space-between}.form___zXb7s div.dateWrapper___XDfqs>div{width:48%}.form___zXb7s div.dateWrapper___XDfqs>div .dropdown___l3_bk{width:100%}.form___zXb7s div.dateWrapper___XDfqs>div .dropdown___l3_bk>div{border:1px solid var(--color_primary);width:100%}.form___zXb7s div.inputWrapper___Yz5zB{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___zXb7s div.inputWrapper___Yz5zB iframe{height:inherit;width:inherit}.form___zXb7s div.inputWrapper___Yz5zB input{width:100%;background-color:transparent;border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___zXb7s div.inputWrapper___Yz5zB input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___zXb7s div.inputWrapper___Yz5zB input:focus-visible{outline:none}.form___zXb7s div.inputWrapper___Yz5zB i{position:relative}.form___zXb7s div.inputWrapper___Yz5zB>div{width:100%}.form___zXb7s div.inputWrapper___Yz5zB>div:first-of-type{width:95%}.form___zXb7s div.fieldError___Igq3U{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___zXb7s div.fieldError___Igq3U::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
+
+.form___DoT3x{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{margin-top:15px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.inputWrapper___CbXhF{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:44.4px;padding:5px 10px;justify-content:space-between;align-items:center;box-shadow:0px 1px 1px rgba(0,0,0,0.03),0px 3px 6px rgba(0,0,0,0.02)}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___DoT3x div.inputWrapper___CbXhF input:-webkit-autofill,.form___DoT3x div.inputWrapper___CbXhF input :-webkit-autofill:focus{color:var(--color_input_text_color) !important;background-color:var(--color_input_background_color) !important;-webkit-box-shadow:0 0 0px 1000px var(--color_input_background_color) inset;-webkit-text-fill-color:var(--color_input_text_color)}.form___DoT3x div.inputWrapper___CbXhF input:focus-visible{outline:none}.form___DoT3x div.inputWrapper___CbXhF i{position:relative}.form___DoT3x div.inputWrapper___CbXhF>div{width:100%}.form___DoT3x div.inputWrapper___CbXhF>div:first-of-type{width:95%}.form___DoT3x div.fieldError___QrMYW{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___DoT3x div.fieldError___QrMYW::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
+
+.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG{width:100%;margin-bottom:10px}.form___lDFka div.fieldWrapperRadio___x18VG label{display:inline-block;margin-bottom:5px}.form___lDFka div.fieldWrapperRadio___x18VG>div>div{padding-left:0px !important}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;color:var(--color_input_text_color);border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.form___lDFka .fieldWrapperRadio___x18VG>div{display:flex;flex-direction:row}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
+
+.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.promocodeError___oxk4p{margin-top:10px;color:red}.promocodeError___oxk4p::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto;min-width:0}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_input_border_color)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px;padding-right:10px;max-height:150px;overflow-y:auto}
+
+.placeholder___pcdCn{border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:36px}.placeholder___pcdCn i{padding:2px 5px;border-left:1px solid var(--color_primary)}.placeholder___pcdCn .selectedTicket___qkbpH{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inPersonDisclaimer___z_DzO{padding:4px}.dropdown___mfbPG{margin-top:10px;border-radius:5px;width:100%;border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);cursor:pointer}.dropdown___mfbPG div{padding:5px}.dropdown___mfbPG div:hover{border-radius:5px;background-color:var(--color_primary50);color:var(--color_input_text_color)}.soldOut___rBLC0,.soldOut___rBLC0:hover,.soldOut___rBLC0:focus{color:inherit !important;background-color:#dedede !important;opacity:0.65;cursor:not-allowed}
+
+.promoCodeWrapper___aw3Zx{padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:15px}.promoCodeWrapper___aw3Zx span{color:var(--color_text_dark);font-size:14px;font-weight:600;line-height:140%;width:30%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{display:flex;align-items:center;position:relative;flex:1;height:33px;width:50%;min-width:220px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input{display:inline-flex;padding:13px 8px;width:70%;height:100%;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1.5px solid var(--color_input_border_color);border-radius:4px 0px 0px 4px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET input.promoCodeActive___j7xnn{padding-right:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5{display:flex;align-items:center;width:30%;height:100%;background-color:#818181;border-radius:0px 4px 4px 0px}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5.noCode___YUmVy{background-color:#CFCFCF;cursor:not-allowed}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .codeButtonWrapper___jVZh5 button{color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.14px;width:100%;height:100%;border:none;background-color:transparent}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET .appliedCodeIcon___pa3B4{position:absolute;left:60%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{display:inline-block}@media screen and (max-width: 540px){.promoCodeWrapper___aw3Zx span{width:100%}.promoCodeWrapper___aw3Zx .promoCodeInput___rDiET{width:100%}.promoCodeWrapper___aw3Zx .moreInfo___Ru3Rv{width:100%}}.moreInfoTooltip___eaYWm{max-width:280px}
+
+.button___MZBIY{font-weight:bold !important;font-size:1em !important;cursor:pointer !important;border:1px solid var(--color_input_border_color) !important;color:var(--color_input_text_color) !important;background-color:var(--color_input_background_color) !important}.button___MZBIY[disabled]{background-color:var(--color_secondary_contrast) !important}.button___MZBIY:hover{color:var(--color_input_text_color) !important}.button___MZBIY:active,.button___MZBIY:focus{color:var(--color_input_text_color) !important}.outerWrapper___XRnaq{padding:10px 0px 10px 10px;margin:10px}.outerWrapper___XRnaq .innerWrapper___LFsOH{display:flex;justify-content:space-between;align-items:center}.outerWrapper___XRnaq .innerWrapper___LFsOH span{font-size:14px}.outerWrapper___XRnaq .innerWrapper___LFsOH .registration___jdf6T{cursor:pointer;color:var(--color_primary);text-decoration:underline}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y{display:flex}.outerWrapper___XRnaq .innerWrapper___LFsOH .actions___Gsf0y button{margin-left:10px}
+
+.button___XMN8a{font-weight:bold !important;font-size:1em !important;cursor:pointer !important;border:1px solid var(--color_input_border_color) !important;color:var(--color_input_text_color) !important;background-color:var(--color_input_background_color) !important}.button___XMN8a[disabled]{background-color:var(--color_secondary_contrast) !important}.button___XMN8a:hover{color:var(--color_input_text_color) !important}.button___XMN8a:active,.button___XMN8a:focus{color:var(--color_input_text_color) !important}.wrapper___Jd5Xg{height:370px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:15px 0;padding:15px;border-radius:5px;border:1px solid var(--color_input_border_color);text-align:center}.wrapper___Jd5Xg .circle___lcN86{margin-bottom:10px;background-color:var(--color_input_background_color);border-radius:50px;border:1px solid var(--color_text_dark);padding:10px}.wrapper___Jd5Xg .circle___lcN86 i{font-size:36px;color:var(--color_text_dark)}.wrapper___Jd5Xg .complete___HAHzl{font-weight:bold;font-size:20px}.wrapper___Jd5Xg .actions___jJdPX{display:flex}.wrapper___Jd5Xg button{margin:10px 5px 0 5px;background-color:var(--color_button_background_color) !important;color:var(--color_button_color) !important}.wrapper___Jd5Xg span{font-size:14px}.wrapper___Jd5Xg a{color:var(--color_text_dark);text-decoration:underline}.wrapper___Jd5Xg .footer___FL9TW{font-size:14px;font-weight:normal}
+
+.ticketOwnedWrapper___nhkDY{margin:10px}.ticketOwnedWrapper___nhkDY span{display:block}.alert___c49oP{margin:0 !important}
+
+.noAllowedWrapper___k52of{margin:10px}.alert___McKm0{margin:0 !important}
+
+.ticketTaxesErrorWrapper___ldztd{margin:10px;min-height:150px;display:flex;flex-direction:column}.ticketTaxesErrorWrapper___ldztd button{width:100px;align-self:center;margin:10px 5px 0 5px}.alert___AM17V{margin:0 !important;text-align:center;padding:30px}
+
+#modal___G3Cmq{padding:100px 0;overflow-y:auto}.modalContent___lIaqw{overflow:initial}@media screen and (min-width: 769px){.modalContent___lIaqw{width:720px}}.outerWrapper___OWXyi{border:1px solid var(--color_input_border_color);background-color:var(--color_background_light);border-radius:5px}.innerWrapper___mIrBF{padding:10px}.title___Tbvkl{display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color_input_border_color);margin:0px -10px;padding:0px 15px 5px}.title___Tbvkl i{cursor:pointer;margin-left:auto}.title___Tbvkl span{width:100%;font-weight:bold;font-size:18px;text-align:center;color:var(--color_text_dark)}
+
+
+/*# sourceMappingURL=index.css.map*/

package/dist/components/index.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"./components/index.css","mappings":";;;;AAAA,cACE,YAAa,CACb,WAAY,CACZ,gDAAiD,CACjD,iBAAkB,CACnB,0BAGC,4BAA6B,CAC7B,cAAe,CAIf,2BAA4B,CAC5B,uCAAwC,CACxC,sCAAuC,CARzC,mGAYI,SAAU,CACX,MAID,YAAa,CACd,oEAIG,gDAAiD,CACjD,4BAA6B","sources":["webpack://summit-registration-lite/./src/styles/styles.scss"],"sourcesContent":[".step-wrapper {\n  padding: 10px;\n  margin: 10px;\n  border: 1px solid var(--color_input_border_color);\n  border-radius: 5px;\n}\n\n.summit-registration-lite {\n  color: var(--color_text_dark);\n  font-size: 15px;\n\n  // Font smoothing is deprecated, so let's disable it.\n  // This also helps w/ consistent font rendering between our app and the Stripe elements.\n  font-smooth: auto !important;\n  -moz-osx-font-smoothing: auto !important;\n  -webkit-font-smoothing: auto !important;\n\n  input:-moz-placeholder,\n  input::-moz-placeholder {\n    opacity: 1;\n  }\n}\n\ninput {\n  outline: none;\n}\n\n.registration_company_dll {\n  .registration_company_dll_prefix__control {\n    border: 1px solid var(--color_primary) !important;\n    border-radius: 5px !important;;\n  }\n}\n"],"names":[],"sourceRoot":""}